import { navItems } from "@/data";


import CCCarousel from "@/components/CCCarousel";
import Hero from "@/components/Hero";
import LearningStory from "@/components/LearningStory";
import { FloatingNav } from "@/components/ui/FloatingNav";
import { TracingBeam } from "@/components/ui/TracingBeam";
import FuturePath from "@/components/FuturePath";
import Mentorship from "@/components/Mentorship";
import ProjectInfo from "@/components/ProjectInfo";
import { BentoDemo } from "@/components/FUCKINGWORK";

export default function Home() {
  return (
      <main className="relative bg-black-100 flex
      justify-center items-center flex-col overflow-hidden mx-auto sm:px-10">
         <FloatingNav navItems={navItems}/>
         
         <Hero />
         <TracingBeam>
         <div className="max-w-7xl w-full">
          <LearningStory />
          <CCCarousel />
          <FuturePath />        
          <Mentorship />  
          <ProjectInfo />
           
         </div>
         </TracingBeam>
      </main>
  );
}