import { Head, usePage } from '@inertiajs/react'; import { ArrowRight, Download } from 'lucide-react'; import { SiteLayout } from '@/components/layout/site-layout'; import { SectionHeading } from '@/components/ui/section-heading'; import { CtaSection } from '@/components/sections/cta-section'; const primaryButton = 'inline-flex items-center gap-2 rounded-button bg-primary px-6 py-3 text-sm font-semibold text-white shadow-button-glow transition hover:bg-primary-hover'; const secondaryButton = 'inline-flex items-center gap-2 rounded-button border border-border bg-transparent px-5 py-2.5 text-sm font-semibold text-heading transition hover:border-primary hover:bg-light-purple'; export default function About({ seo, about }) { const { props } = usePage(); const { routes } = props; return ( {seo?.title} {seo?.description && } {/* --- Hero: intro on the left, portrait on the right --- */}

{about.heading}

{about.description}

Let's Talk View My Work {about.resume?.enabled && ( Resume )}
{about.statistics?.length > 0 && (
{about.statistics.map((stat) => (
{stat.label}
{stat.number}
))}
)}
{about.profileImageUrl && (
)}
{/* --- Tools --- */} {about.technologies?.length > 0 && (
{about.technologies.map((tech) => (
{tech.name}
))}
)} {/* --- CTA (same block as the Home page) --- */} ); }