feat: enhance globe component with interactive controls and global markers

src/pages/home/HomePage.tsx

@@ -1,10 +1,11 @@
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { HomeAurora } from './HomeAurora'
-import { HomeMapSection } from './HomeMap'
 import { HomeFeatures } from './HomeFeatures'
+import { HomeFeaturesDark } from './HomeFeaturesDark'
 import { HomeCloud } from './HomeCloud'
 import { HomeAgent } from './HomeAgent'
 import { StackSectionLight } from './StackSection'
+import { WorldMap } from './HomeGlobe'
 
 
 export default function HomePage() {
@@ -14,12 +15,17 @@ export default function HomePage() {
         <HomeAurora />
       </AnimatedSection>
 
+      <AnimatedSection id="next-section">
+        <WorldMap />
+      </AnimatedSection>
+
       <AnimatedSection>
         <StackSectionLight />
       </AnimatedSection>
 
+
       <AnimatedSection>
-        <HomeFeatures />
+        <HomeFeaturesDark />
       </AnimatedSection>
 
       <AnimatedSection>