"use client";

import { Hero } from "@/components/sections/hero";
import { About } from "@/components/sections/about";
import { Achievements } from "@/components/sections/achievements";
import { PageIndicator } from "@/components/page-indicator";
import { ScrollProgress } from "@/components/scroll-progress";
import { CursorEffect } from "@/components/cursor-effect";
import { AdvancedTransitions } from "@/components/advanced-transitions";
import { AdvancedScrollEffects } from "@/components/advanced-scroll-effects";
import { ParticleSystem } from "@/components/particle-system";
import { ViewTransition } from "@/components/view-transition";
import { PerformanceMonitor } from "@/components/performance-monitor";
import { AutoSound } from "@/components/auto-sound";
import { useAnalytics } from "@/hooks/use-analytics";
import { motion } from "framer-motion";

export default function Home() {
  useAnalytics();

  return (
    <>
      {/* <AutoSound /> */}
      <ViewTransition />
      <AdvancedTransitions />
      <AdvancedScrollEffects />
      <ParticleSystem />
      <ScrollProgress />
      <CursorEffect />
      <PerformanceMonitor />
      <div id="scroll-container" className="h-screen overflow-y-scroll overflow-x-hidden snap-y snap-mandatory scroll-smooth">
        <motion.section
          initial={{ opacity: 0 }}
          animate={{ opacity: 1 }}
          transition={{ duration: 0.6 }}
          className="snap-start snap-always"
        >
          <Hero />
        </motion.section>
        <motion.section
          initial={{ opacity: 0, y: 100 }}
          whileInView={{ opacity: 1, y: 0 }}
          viewport={{ once: false, margin: "0px" }}
          transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] }}
          className="snap-start snap-always"
        >
          <About />
        </motion.section>
        <motion.section
          initial={{ opacity: 0, y: 100 }}
          whileInView={{ opacity: 1, y: 0 }}
          viewport={{ once: false, margin: "0px" }}
          transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] }}
          className="snap-start snap-always"
        >
          <Achievements />
        </motion.section>
      </div>
      <PageIndicator />
    </>
  );
}

