new dropdown content from Mik

src/pages/storage/StorageHero.tsx

@@ -1,29 +1,46 @@
 'use client'
 
 import { Button } from '../../components/Button'
+import { Eyebrow, SectionHeader, P } from '../../components/Texts'
 
 export function StorageHero() {
   return (
     <div className="relative bg-white">
       <div className="relative h-80 overflow-hidden bg-transparent md:absolute md:right-0 md:h-full md:w-1/3 lg:w-1/2">
         <img
-          alt=""
+          alt="Mycelium Storage visual"
           src="/images/storagehero2.png"
           className="size-full object-cover"
         />
-       
       </div>
       <div className="relative mx-auto max-w-7xl py-24 sm:py-32 lg:px-8 lg:py-40">
         <div className="pr-6 pl-6 md:mr-auto md:w-2/3 md:pr-16 lg:w-1/2 lg:pl-0 lg:pr-24 xl:pr-32">
-          <h2 className="text-base/7 font-semibold text-cyan-500">STORAGE</h2>
-          <p className="mt-2 text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">If GPUs are the engine, data is the lifeblood of intelligence.</p>
-          <p className="mt-6 text-base/7 text-gray-600">
-            Mycelium interconnects autonomous nodes with unified storage that adapts to every workload — from high-throughput object stores to parallel file systems.
-Rooted in open standards, it ensures speed, resilience, and true data sovereignty.
-          </p>
-          <div className="mt-8">
-            <Button href="#" variant="solid" color="cyan">
-              Talk to an expert
+          <Eyebrow className="tracking-[0.35em] uppercase text-cyan-500">
+            Mycelium Storage
+          </Eyebrow>
+          <SectionHeader as="h1" className="mt-4 text-gray-900">
+            Quantum-safe, sovereign data plane for every workload.
+          </SectionHeader>
+          <P className="mt-6 text-gray-600">
+            Mycelium Storage delivers quantum-resistant protection, autonomous
+            recovery, and multi-protocol access across the ThreeFold Grid. Place
+            data exactly where you need it while keeping ownership entirely in
+            your hands.
+          </P>
+          <P className="mt-4 italic text-gray-500">
+            Quantum-safe. Self-healing. Universally accessible.
+          </P>
+          <div className="mt-10 flex flex-wrap gap-4">
+            <Button to="#storage-features" as="a" variant="solid" color="cyan">
+              Explore Features
+            </Button>
+            <Button
+              to="#storage-developer-experience"
+              as="a"
+              variant="outline"
+              color="cyan"
+            >
+              View Developer Flow
             </Button>
           </div>
         </div>