refactor: remove placeholder CTAs and links across multiple pages

- Removed unused Button imports from AgentHeroAlt, GallerySection, ComputeCapabilities, and StorageCapabilitiesNew
- Replaced placeholder buttons/links with TODO comments indicating future implementation
- Changed StorageCoreValue value items from <a> to <div> and removed href/target/rel attributes
- Added descriptive TODO comments explaining what was previously rendered and what needs to be added
- Affected components: AgentHeroAlt (

src/pages/home/HomeMap.tsx

@@ -103,7 +103,7 @@ export function HomeMap() {
          Mycelium runs on nodes hosted by people and organizations around the world.
 Each node adds compute, storage, and bandwidth, expanding the network’s capacity and resilience.
         </P>
-        <P className="text-sm md:text-lg text-gray-200 max-w-3xl mx-auto py-4">
+        <P className="text-sm md:text-lg text-gray-200 max-w-3xl mx-auto mt-2 mb-6">
 You can share your idle resources and earn rewards when they are used.
 Configure it once. Your node takes over from there.
         </P>

src/pages/home/HomePage.tsx

@@ -1,4 +1,4 @@
-
+import { useEffect, useRef, useState } from 'react'
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { CallToAction } from './CallToAction'
 import { HomeTab } from './HomeTab'
@@ -7,7 +7,50 @@ import { HomeAurora } from './HomeAurora'
 import { HomeArchitecture } from './HomeArchitecture';
 import { HomeDesign } from './HomeDesign';
 
+function LazyHomeMapSection() {
+  const [isVisible, setIsVisible] = useState(false)
+  const containerRef = useRef<HTMLDivElement | null>(null)
 
+  useEffect(() => {
+    const el = containerRef.current
+    if (!el || isVisible) return
+
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const [entry] = entries
+        if (entry.isIntersecting) {
+          setIsVisible(true)
+          observer.disconnect()
+        }
+      },
+      {
+        root: null,
+        rootMargin: '200px 0px',
+        threshold: 0.1,
+      },
+    )
+
+    observer.observe(el)
+
+    return () => {
+      observer.disconnect()
+    }
+  }, [isVisible])
+
+  return (
+    <div ref={containerRef}>
+      {isVisible ? (
+        <HomeMap />
+      ) : (
+        <div className="max-w-7xl mx-auto px-6 py-16 text-center text-gray-400">
+          <p className="text-sm md:text-base">
+            Loading live node map when you scroll here…
+          </p>
+        </div>
+      )}
+    </div>
+  )
+}
 
 export default function HomePage() {
   return (
@@ -17,7 +60,7 @@ export default function HomePage() {
       </AnimatedSection>
 
       <AnimatedSection>
-        <HomeArchitecture/>
+        <HomeArchitecture />
       </AnimatedSection>
 
       <AnimatedSection>
@@ -25,16 +68,16 @@ export default function HomePage() {
       </AnimatedSection>
 
       <AnimatedSection>
-        <HomeMap />
+        <LazyHomeMapSection />
       </AnimatedSection>
 
-      <AnimatedSection>
+     
         <HomeDesign />
-      </AnimatedSection>
+     
 
-      <AnimatedSection>
+   
         <CallToAction />
-      </AnimatedSection>
+  
     </div>
   )
 }