taxbaik/TaxBaik.Web/Pages/Index.cshtml

@page
@model IndexModel
@{
    ViewData["Title"] = "백원숙 세무회계 | 사업자·부동산·증여 세무 상담";
    ViewData["Description"] = "사업자 기장, 부동산 양도세·증여세, 종합소득세 전문 상담. 온라인 맞춤 상담 제공.";
}

<!-- Hero Section -->
<section class="hero-section bg-primary text-white py-5">
    <div class="container text-center">
        <h1 class="display-4 fw-bold mb-3">세금 걱정, 한 번에 해결합니다</h1>
        <p class="lead mb-4">사업자 세무, 부동산 세금, 가족자산 맞춤 상담</p>
        <div class="gap-3 d-flex justify-content-center flex-wrap">
            <a href="/taxbaik/contact" class="btn btn-warning btn-lg">무료 상담 신청</a>
            <a href="javascript:void(0);" class="btn btn-light btn-lg" onclick="openKakao()">카카오 채널 문의</a>
        </div>
    </div>
</section>

<!-- Trust Strip -->
<section class="bg-light py-4">
    <div class="container">
        <div class="row text-center">
            <div class="col-md-4 mb-3">
                <div class="fs-2">🎓</div>
                <p class="fw-bold">세무사</p>
                <small class="text-muted">2015년 자격취득</small>
            </div>
            <div class="col-md-4 mb-3">
                <div class="fs-2">🏠</div>
                <p class="fw-bold">부동산중개사</p>
                <small class="text-muted">부동산 거래 전문</small>
            </div>
            <div class="col-md-4 mb-3">
                <div class="fs-2">📊</div>
                <p class="fw-bold">보험설계사</p>
                <small class="text-muted">자산관리 전문</small>
            </div>
        </div>
    </div>
</section>

<!-- Services Section -->
<section class="py-5">
    <div class="container">
        <h2 class="text-center fw-bold mb-5">주요 서비스</h2>
        <div class="row g-4">
            <div class="col-md-6 col-lg-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body">
                        <h5 class="card-title">사업자 세무</h5>
                        <p class="card-text">기장, 세금계산서, 경비처리</p>
                        <a href="/taxbaik/services" class="btn btn-sm btn-outline-primary">자세히보기</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body">
                        <h5 class="card-title">부동산 세금</h5>
                        <p class="card-text">양도세, 취득세, 임대소득</p>
                        <a href="/taxbaik/services" class="btn btn-sm btn-outline-primary">자세히보기</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body">
                        <h5 class="card-title">가족자산</h5>
                        <p class="card-text">증여세, 상속세, 자산관리</p>
                        <a href="/taxbaik/services" class="btn btn-sm btn-outline-primary">자세히보기</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Blog Preview -->
<section class="bg-light py-5">
    <div class="container">
        <h2 class="text-center fw-bold mb-5">최근 블로그</h2>
        <div class="row g-4">
            @foreach (var post in Model.RecentPosts)
            {
                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body">
                            <small class="badge bg-primary">@post.CategoryName</small>
                            <h5 class="card-title mt-2">@post.Title</h5>
                            <p class="card-text small text-muted">@post.CreatedAt.ToString("yyyy-MM-dd")</p>
                            <a href="/taxbaik/blog/@post.Slug" class="btn btn-sm btn-primary">읽기</a>
                        </div>
                    </div>
                </div>
            }
        </div>
        <div class="text-center mt-4">
            <a href="/taxbaik/blog" class="btn btn-outline-primary">모든 글 보기</a>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="bg-primary text-white py-5">
    <div class="container text-center">
        <h2 class="fw-bold mb-3">지금 바로 상담 받으세요</h2>
        <p class="lead mb-4">무료로 상황을 진단받고 맞춤 솔루션을 제안받을 수 있습니다</p>
        <a href="/taxbaik/contact" class="btn btn-warning btn-lg">상담 신청하기</a>
    </div>
</section>