---
import "@/style/globals.css"
import ContentLayout from "@/layouts/content.astro";
import Intro from "@/components/about/intro";
import AllTimeStats from "@/components/about/stats-alltime";
import DetailedStats from "@/components/about/stats-detailed";
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"
  description="A software engineer passionate about the web, open source, and building innovative solutions."
>
  <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">
      <AllTimeStats client:only="react" />
    </section>

    <section class="flex items-center justify-center py-16">
      <DetailedStats client:only="react" />
    </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>
</ContentLayout>
