<?= $this->extend('public/layout/template') ?>

<?= $this->section('content') ?>
<section class="hero-section text-center">
    <div class="container">
        <h1 class="hero-title">Selamat Datang di Dunia Saya</h1>
        <p class="hero-subtitle">Menjelajahi kehidupan, mempelajari hal baru, dan berbagi perjalanan saya.</p>
        <div class="d-flex gap-3 justify-content-center">
            <a href="/activities" class="btn btn-light btn-lg px-5 fw-bold text-primary shadow-sm">Aktivitas Saya</a>
            <a href="/cv" class="btn btn-outline-light btn-lg px-5">Lihat CV</a>
        </div>
    </div>
</section>

<div class="container pb-5">
    <div class="row g-4">
        <div class="col-md-4">
            <div class="custom-card p-4 text-center">
                <div class="card-icon">📅</div>
                <h3 class="fw-bold mb-3">Aktivitas Harian</h3>
                <p class="text-muted mb-4">Catatan kehidupan sehari-hari, hobi, dan pekerjaan profesional saya.</p>
                <a href="/activities" class="btn btn-primary w-100 mt-auto">Selengkapnya</a>
            </div>
        </div>
        <div class="col-md-4">
            <div class="custom-card p-4 text-center">
                <div class="card-icon">📄</div>
                <h3 class="fw-bold mb-3">Biodata / CV</h3>
                <p class="text-muted mb-4">Kenali saya lebih dekat secara profesional dan pribadi.</p>
                <a href="/cv" class="btn btn-primary w-100 mt-auto">Selengkapnya</a>
            </div>
        </div>
        <div class="col-md-4">
            <div class="custom-card p-4 text-center">
                <div class="card-icon">🎓</div>
                <h3 class="fw-bold mb-3">Pendidikan</h3>
                <p class="text-muted mb-4">Latar belakang akademik dan perjalanan pendidikan saya.</p>
                <a href="/education" class="btn btn-primary w-100 mt-auto">Selengkapnya</a>
            </div>
        </div>
    </div>
</div>
<?= $this->endSection() ?>