refactor: adjust spacing and styling across multiple components for visual consistency

- Increased HomeAurora subtitle margin from mt-4 to mt-6 for better spacing
- Added bg-white to HomeDesign content container for explicit background
- Removed bg-white from HomeTab top separator div
- Reduced network Hero title margin from mt-8 to mt-4 and second paragraph margin from mt-6 to mt-4
- Changed network Hero secondary button variant from cyan to dark
- Reduced NetworkPros title margin from mt-4 to mt-2

src/pages/home/HomeAurora.tsx

@@ -25,7 +25,7 @@ export function HomeAurora() {
               for Digital Sovereignty
             </H3>
 
-            <H5 className="mt-4 text-lg text-gray-600 max-w-xl">
+            <H5 className="mt-6 text-lg text-gray-600 max-w-xl">
               Run your apps, data, and intelligence on infrastructure that belongs to you
             </H5>
 

src/pages/home/HomeDesign.tsx

@@ -34,7 +34,7 @@ export function HomeDesign() {
       <div className="w-full border border-l border-r  border-gray-100" />
 
       {/* Content */}
-      <div className="mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-100">
+      <div className="mx-auto max-w-7xl border border-t-0 border-b-0 bg-white border-gray-100">
         {/* Centered intro */}
         <div className="px-6 pt-12 pb-4 text-center max-w-4xl mx-auto ">
           <Eyebrow className="text-cyan-500">

src/pages/home/HomeTab.tsx

@@ -8,7 +8,7 @@ export function HomeTab() {
     <section className="w-full max-w-8xl mx-auto bg-transparent">
 
       {/* Top section separators */}
-      <div className="max-w-7xl mx-auto py-6 border-x border-gray-100 bg-white border-t-0 border-b-0" />
+      <div className="max-w-7xl mx-auto py-6 border-x border-gray-100  border-t-0 border-b-0" />
       <div className="w-full border-t border-l border-r border-gray-100" />
 
       {/* Main content */}

src/pages/network/Hero.tsx

@@ -83,13 +83,13 @@ export function Hero() {
             <Eyebrow className="mb-4">
               MYCELIUM NETWORK
             </Eyebrow>
-            <H3 className="mt-8 ">
+            <H3 className="mt-4">
               The Network Stack for Private, Autonomous Networking
             </H3>
             <P className="mt-6 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
               Connect once. Get private networking, censorship-resistant publishing, and on-network AI in one encrypted fabric.
             </P>
-            <P className="mt-6 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
+            <P className="mt-4 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
               Your Pod is your personal gateway to the network.
             </P>
             <div className="mt-8 flex flex-wrap gap-x-6 gap-y-4">
@@ -100,7 +100,7 @@ export function Hero() {
                 as="a"
                 to="https://threefold.info/mycelium_network/docs/"
                 variant="outline"
-                color="cyan"
+                color="dark"
                 target="_blank"
                 rel="noopener noreferrer"
               >

src/pages/network/NetworkPros.tsx

@@ -42,7 +42,7 @@ export function NetworkPros() {
             WHY
           </Eyebrow>
 
-          <H3 className="mt-4 text-white">
+          <H3 className="mt-2 text-white">
             Why It’s Revolutionary
           </H3>
 

src/pages/network/SecondaryFeatures.tsx

@@ -198,10 +198,10 @@ export function SecondaryFeatures() {
       <Container className="py-12 border border-t-0 border-b-0 border-gray-100">
         <div className="mx-auto max-w-4xl sm:text-center">
           <Eyebrow className="text-cyan-500 uppercase tracking-[0.16em]">FEATURES</Eyebrow>
-          <H3 className="mt-6 text-black">
+          <H3 className="mt-2 text-black">
             Core Features
           </H3>
-          <P className="mt-6 text-gray-700 text-base leading-relaxed">
+          <P className="mt-4 text-gray-700 text-base leading-relaxed">
            The Mycelium Network is evolving with new features to support richer data movement, identity, and application connectivity across the mesh. 
           </P>
         </div>

src/pages/nodes/CallToAction.tsx

@@ -54,7 +54,7 @@ export function CallToAction() {
 
               <div className="flex flex-col items-center text-center max-w-xs">
                 <Button to="/docs" variant="outline" color="white" className="mt-4">
-                  Explore docs
+                  Explore Docs
                 </Button>
               </div>
             </div>

src/pages/nodes/NodeHero.tsx

@@ -32,7 +32,7 @@ export function NodeHero() {
                 How it works
               </Button>
               <Button to="#node-architecture" as="a" variant="outline">
-                Explore Docs <span aria-hidden="true">→</span>
+                Explore Docs
               </Button>
             </div>
           </div>

src/pages/pods/Homepod.tsx

@@ -46,7 +46,7 @@ export default function Homepod() {
                 Join the Waitlist
               </Button>
               <Button to="#" variant="outline">
-                Explore Docs →
+                Explore Docs
               </Button>
             </div>
           </div>