import CosmicGalaxyDynamic from "@/components/canvas/CosmicGalaxyDynamic";
import Navbar from "@/components/navbar/Navbar";
import Hero from "@/components/hero/Hero";
import About from "@/components/about/About";
import CoreFocus from "@/components/focus/CoreFocus";
import Portfolio from "@/components/showcase/Portfolio";
import StudioCreed from "@/components/creed/StudioCreed";
import Footer from "@/components/footer/Footer";

export default function Home() {
  return (
    <div className="relative min-h-screen bg-[#0a0a12] text-slate-100 flex flex-col selection:bg-cyan-500 selection:text-slate-950 overflow-x-hidden">
      {/* 3D Interstellar Starfield & Galaxy Dust Backdrop */}
      <CosmicGalaxyDynamic />

      {/* Floating Glassmorphic Navigation */}
      <Navbar />

      {/* Main Experience Flow */}
      <main className="relative z-10 flex-1 flex flex-col">
        <Hero />
        <About />
        <CoreFocus />
        <Portfolio />
        <StudioCreed />
      </main>

      {/* Cosmic Studio Footer */}
      <Footer />
    </div>
  );
}