feat: redesign home page with new hero and layout

- Replaced abstract aurora background with hero section featuring image background and call-to-action
- Reorganized page sections with new components (HomeHostingDark, HomeBenefits, StackSectionLight)
- Changed layout background from #FAFAFA to white and removed conditional aurora rendering

src/pages/home/HomePage.tsx

@@ -1,57 +1,49 @@
+
+import { useRef } from 'react'
 import { AnimatedSection } from '../../components/AnimatedSection'
-import { HomeHero } from './HomeHero'
-import { HomeGlobeNew } from './HomeGlobeNew'
-import { HomeStat } from './HomeStat'
-import { HomeApplication } from './HomeTabs'
-import { HomeStack } from './HomeStack'
-import { HomeUniverse } from './HomeUniverse'
-import { HomeProductsA } from './HomeProductsA'
-import { HomeWhy } from './HomeWhy'
-import { HomeCTA } from './HomeCTA'
-
-
-
-
-
+import { StackSectionLight } from './StackSection'
+import { WorldMap } from './HomeGlobe'
+import { HomeBenefits } from './HomeBenefits'
+import { CallToAction } from './CallToAction'
+import { HomeSlider } from './HomeSlider'
+import { HomeHostingDark } from './HomeHostingDark'
+import { HomeAurora } from './HomeAurora'
 
 
 export default function HomePage() {
+  const sliderRef = useRef<HTMLDivElement>(null)
+
+  const handleScrollToSlider = () => {
+    sliderRef.current?.scrollIntoView({ behavior: 'smooth' })
+  }
   return (
     <div>
       <AnimatedSection>
-        <HomeHero />
+        <HomeAurora onGetStartedClick={handleScrollToSlider} />
+      </AnimatedSection>
+
+      <AnimatedSection id="next-section">
+        <WorldMap />
       </AnimatedSection>
 
       <AnimatedSection>
-        <HomeGlobeNew />
+        <HomeHostingDark   />
       </AnimatedSection>
 
       <AnimatedSection>
-        <HomeStat />
+        <StackSectionLight />
+      </AnimatedSection>
+
+      <AnimatedSection ref={sliderRef}>
+        <HomeSlider />
       </AnimatedSection>
 
       <AnimatedSection>
-        <HomeApplication />
+       <HomeBenefits />
       </AnimatedSection>
 
       <AnimatedSection>
-        <HomeStack />
-      </AnimatedSection>
-
-      <AnimatedSection>
-        <HomeUniverse />
-      </AnimatedSection>
-
-      <AnimatedSection>
-        <HomeProductsA />
-      </AnimatedSection>
-
-      <AnimatedSection>
-        <HomeWhy />
-      </AnimatedSection>
-
-      <AnimatedSection>
-        <HomeCTA />
+        <CallToAction />
       </AnimatedSection>
     </div>
   )