@extends('layouts.presentation')

@section('title', '스테이블코인 전략')

@push('styles')
<style>
    .placeholder-container {
        min-height: 70vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .placeholder-icon {
        width: 5rem;
        height: 5rem;
        margin-bottom: 2rem;
        opacity: 0.6;
        color: #1e3a8a;
    }
    .feature-icon {
        width: 1.25rem;
        height: 1.25rem;
        color: #1e3a8a;
    }
    .placeholder-title {
        font-size: 2rem;
        font-weight: 700;
        color: #1e3a8a;
        margin-bottom: 1rem;
    }
    .placeholder-subtitle {
        font-size: 1.25rem;
        color: #64748b;
        max-width: 500px;
        text-align: center;
        line-height: 1.8;
    }
    .placeholder-badge {
        margin-top: 2rem;
        padding: 0.5rem 1.5rem;
        background: linear-gradient(135deg, #f59e0b, #d97706);
        color: white;
        border-radius: 9999px;
        font-weight: 600;
        font-size: 0.875rem;
    }
</style>
@endpush

@section('content')
<div class="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
    <div class="container mx-auto px-4 py-12">

        <div class="placeholder-container">
            <svg class="placeholder-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z" />
            </svg>
            <h1 class="placeholder-title">스테이블코인 전략</h1>
            <p class="placeholder-subtitle">
                스테이블코인의 시장 동향, 규제 환경, 기업 도입 전략에 대한
                종합적인 분석 자료가 준비 중입니다.
            </p>
            <div class="placeholder-badge">Coming Soon</div>
        </div>

        <div class="max-w-4xl mx-auto mt-12">
            <div class="bg-white rounded-2xl shadow-lg p-8">
                <h2 class="text-xl font-bold text-gray-800 mb-6 flex items-center">
                    <svg class="feature-icon mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" />
                    </svg>
                    예정 콘텐츠
                </h2>
                <div class="grid md:grid-cols-2 gap-6">
                    <div class="p-4 bg-blue-50 rounded-lg">
                        <h3 class="font-semibold text-blue-800 mb-2">시장 분석</h3>
                        <ul class="text-sm text-gray-600 space-y-1">
                            <li>• USDT, USDC, DAI 비교</li>
                            <li>• 시장 점유율 및 거래량</li>
                            <li>• 가격 안정성 메커니즘</li>
                        </ul>
                    </div>
                    <div class="p-4 bg-green-50 rounded-lg">
                        <h3 class="font-semibold text-green-800 mb-2">규제 환경</h3>
                        <ul class="text-sm text-gray-600 space-y-1">
                            <li>• 국내외 규제 동향</li>
                            <li>• 법적 리스크 분석</li>
                            <li>• 컴플라이언스 요건</li>
                        </ul>
                    </div>
                    <div class="p-4 bg-purple-50 rounded-lg">
                        <h3 class="font-semibold text-purple-800 mb-2">기업 활용</h3>
                        <ul class="text-sm text-gray-600 space-y-1">
                            <li>• 결제 시스템 통합</li>
                            <li>• 국제 송금 효율화</li>
                            <li>• 재무 관리 전략</li>
                        </ul>
                    </div>
                    <div class="p-4 bg-orange-50 rounded-lg">
                        <h3 class="font-semibold text-orange-800 mb-2">기술 분석</h3>
                        <ul class="text-sm text-gray-600 space-y-1">
                            <li>• 블록체인 인프라</li>
                            <li>• 스마트 컨트랙트 보안</li>
                            <li>• API 연동 가이드</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection