---
import "@/style/globals.css"
import ContentLayout from "@/layouts/content.astro";
import Intro from "@/components/about/intro";
import Timeline from "@/components/about/timeline";
import CurrentFocus from "@/components/about/current-focus";
import OutsideCoding from "@/components/about/outside-coding";
---
<ContentLayout title="About | Timothy Pidashev">
  <div class="min-h-screen">
    <section class="h-screen flex items-center justify-center">
      <Intro client:load />
    </section>
    
    <section class="flex items-center justify-center py-16">
      <Timeline client:load />
    </section>

    <section class="flex items-center justify-center py-16">
      <CurrentFocus client:load />
    </section>

    <section class="flex items-center justify-center py-16">
      <OutsideCoding client:load />
    </section>
  </div>
</MainLayout>
