new dropdown content from Mik

src/pages/gpu/GpuHero.tsx

@@ -1,31 +1,42 @@
 'use client'
 
 import { Button } from '../../components/Button'
+import { Eyebrow, SectionHeader, P } from '../../components/Texts'
 
 export function GpuHero() {
   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 GPU nebula illustration"
           src="/images/gpuhero.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">GPU</h2>
-          <h1 className="mt-2 text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">Unify Distributed GPU Power. Run Intelligence Anywhere.</h1>
-          <p className="mt-6 text-base/7 text-gray-600">
-            Mycelium GPU transforms fragmented GPU resources into a single sovereign fabric for running AI, ML, and rendering workloads — from edge to core, with deterministic performance and transparent cost.
-          </p>
-          <div className="mt-8 flex items-center gap-x-4">
-            <Button to="/docs" variant="solid" color="cyan">
-              Get Started →
+          <Eyebrow className="tracking-[0.35em] uppercase text-cyan-500">
+            Mycelium GPU
+          </Eyebrow>
+          <SectionHeader as="h1" className="mt-4 text-gray-900">
+            Unify distributed GPU power into a sovereign acceleration fabric.
+          </SectionHeader>
+          <P className="mt-6 text-gray-600">
+            Mycelium GPU transforms fragmented hardware across the ThreeFold
+            Grid into one adaptive intelligence layer. Run AI, ML, rendering,
+            and high-performance workloads anywhere—from edge devices to
+            planetary clusters—with deterministic performance and transparent
+            cost.
+          </P>
+          <P className="mt-4 italic text-gray-500">
+            The energy behind intelligence, orchestrated entirely through code.
+          </P>
+          <div className="mt-10 flex flex-wrap gap-4">
+            <Button to="#gpu-getting-started" as="a" variant="solid" color="cyan">
+              Start with GPU Access
             </Button>
-            <Button to="#architecture" variant="outline" color="cyan">
-              Explore Architecture →
+            <Button to="#gpu-architecture" as="a" variant="outline" color="cyan">
+              Explore the Mesh
             </Button>
           </div>
         </div>