refactor: extract hero content from aurora background component

- Separated HomeAurora into pure background component and new HomeHero for content
- Converted aurora to absolute positioned background layer in Layout for homepage
- Removed z-index conflicts and cleaned up background color declarations

src/pages/home/HomePage.tsx

@@ -1,6 +1,5 @@
-import { useRef } from 'react'
 import { AnimatedSection } from '../../components/AnimatedSection'
-import { HomeAurora } from './HomeAurora'
+import { HomeHero } from './HomeHero'
 import { StackSectionDark } from './StackSectionDark'
 import { WorldMap } from './HomeGlobe'
 import { HomeBenefits } from './HomeBenefits'
@@ -10,15 +9,10 @@ import { HomeHosting } from './HomeHosting'
 
 
 export default function HomePage() {
-  const sliderRef = useRef<HTMLDivElement>(null)
-
-  const handleScrollToSlider = () => {
-    sliderRef.current?.scrollIntoView({ behavior: 'smooth' })
-  }
   return (
     <div>
       <AnimatedSection>
-        <HomeAurora/>
+        <HomeHero />
       </AnimatedSection>
 
       <AnimatedSection id="next-section">
@@ -33,7 +27,7 @@ export default function HomePage() {
         <StackSectionDark />
       </AnimatedSection>
 
-      <AnimatedSection ref={sliderRef}>
+      <AnimatedSection>
         <HomeSlider />
       </AnimatedSection>