<script lang="ts">
    import Navigation from '$lib/components/Navigation.svelte';
    import HomeHero from '$lib/components/home/Hero.svelte';
    import ExperienceSection from '$lib/components/home/ExperienceSection.svelte';
    import WhatWeDo from '$lib/components/home/WhatWeDo.svelte';
    import ImpactSection from '$lib/components/home/ImpactSection.svelte';
    import HowWeWork from '$lib/components/home/HowWeWork.svelte';
    import EngagementsSection from '$lib/components/home/EngagementsSection.svelte';
    import ScheduleSection from '$lib/components/ScheduleSection.svelte';
    import { items as navigationItems } from '$lib/data/home/navigation';
    import ServicesCardGrid from '$lib/components/ServicesCardGrid.svelte';
    import { services } from '$lib/data/home/services';
</script>

<Navigation items={navigationItems} page="home" />
<HomeHero />
<main id="main">
    <ServicesCardGrid {services} surface="bg-alt" />
    <ExperienceSection />
    <WhatWeDo />
    <ImpactSection />
    <HowWeWork />
    <EngagementsSection />
    <ScheduleSection
        title="Need a technical adult in the room?"
        subtitle="Whether you need help launching an MVP, stabilizing a messy product foundation, or adding senior technical judgment as complexity grows, I can help."
        bookingLinkTitle="Schedule a 30-minute intro call"
        bookingLinkUrl="https://cal.mifi.ventures/the-mifi/30min?utm_source=website&utm_medium=cta&utm_campaign=schedule_call&utm_content=home_page-schedule-section"
        showServicesLink
    />
</main>
