import Navigation from "@/components/landing/Navigation";
import HeroSection from "@/components/landing/HeroSection";
import PhilosophySection from "@/components/landing/PhilosophySection";
import StrategiesSection from "@/components/landing/StrategiesSection";
import PerformanceChart from "@/components/landing/PerformanceChart";
import HowItWorks from "@/components/landing/HowItWorks";
import TrustSection from "@/components/landing/TrustSection";
import FAQSection from "@/components/landing/FAQSection";
import FinalCTA from "@/components/landing/FinalCTA";
import Footer from "@/components/landing/Footer";
import PageEnter from "@/components/ui/page-enter";
import StrategySelectorModal from "@/components/landing/StrategySelectorModal";
import { useState } from "react";

export default function Home() {
  const [isStrategyModalOpen, setIsStrategyModalOpen] = useState(false);
  const openStrategyModal = () => setIsStrategyModalOpen(true);
  const closeStrategyModal = () => setIsStrategyModalOpen(false);

  return (
    <div className="min-h-screen text-foreground">
      <Navigation />
      <PageEnter>
        <main>
          <HeroSection onExploreStrategies={openStrategyModal} />
          <PhilosophySection />
          <StrategiesSection />
          <PerformanceChart />
          <HowItWorks />
          <TrustSection />
          <FAQSection />
          <FinalCTA onExploreStrategies={openStrategyModal} />
        </main>
      </PageEnter>
      <StrategySelectorModal open={isStrategyModalOpen} onClose={closeStrategyModal} />
      <Footer />
    </div>
  );
}
