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

<?= $this->section('content') ?>
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; padding: 4rem 2rem; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(15px); border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 20px 50px rgba(0,0,0,0.05); margin-top: -2rem;">
        <div style="text-align: left;">
            <span style="font-size: 3rem; display: block; margin-bottom: 1.5rem;">🚀</span>
            <h2 style="color: var(--primary); font-weight: 800; font-size: 2.2rem; margin-bottom: 1.5rem;">Dashboard Portfolio - Imanoel</h2>
            <p style="color: var(--text); font-size: 1.1rem; line-height: 1.8; opacity: 0.9; margin-bottom: 2.5rem;">
                "Infrastruktur ini dikembangkan secara spesifik untuk memanifestasikan kapabilitas teknis dalam rekayasa perangkat lunak dan arsitektur sistem informasi."
            </p>
            <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
                <a href="<?= base_url('activities') ?>" class="btn-solid" style="padding: 1rem 2rem;">Log Aktivitas</a>
                <a href="<?= base_url('biodata') ?>" class="btn-soft" style="padding: 1rem 2rem;">Data Persona</a>
            </div>
        </div>
        <div style="display: flex; justify-content: center;">
            <div style="width: 300px; height: 300px; border-radius: 30px; overflow: hidden; border: 6px solid #fff; box-shadow: 0 15px 35px rgba(0,0,0,0.1); transform: rotate(-2deg);">
                <img src="<?= base_url('profile_image.php') ?>" alt="Imanoel" style="width: 100%; height: 100%; object-fit: cover;">
            </div>
        </div>
    </div>
<?= $this->endSection() ?>
