import { HomeHero } from "@/components/home-hero"

// Force dynamic so HomeAbout fetches at request time (OAuth env vars available in container, not at build).
export const dynamic = "force-dynamic"
import { HomeAbout } from "@/components/home-about"
import { HomeServices } from "@/components/home-services"
import { HomeProjects } from "@/components/home-projects"
import { HomeClients } from "@/components/home-clients"
import { HomeJourneyBackground } from "@/components/home-journey-background"
import { ScrollRevealSection } from "@/components/scroll-reveal-section"

export default function HomePage() {
  return (
    <HomeJourneyBackground>
      <ScrollRevealSection initialVisible>
        <HomeHero />
      </ScrollRevealSection>
        <HomeAbout />
      <div className="animate-fade-in-on-load-delayed">
        <HomeServices />
      </div>
      <ScrollRevealSection>
        <HomeClients />
      </ScrollRevealSection>
      <ScrollRevealSection>
        <HomeProjects />
      </ScrollRevealSection>
    </HomeJourneyBackground>
  )
}