p

src/components/CallTo.tsx

@@ -5,13 +5,13 @@ export  function CallTo() {
           <div className="relative isolate overflow-hidden bg-stat-gradient  py-16 text-center after:pointer-events-none after:absolute after:inset-0 sm:rounded-3xl sm:px-16">
             <div className="mx-auto max-w-2xl lg:max-w-2xl">
             <h2 className="text-2xl font-semibold tracking-tight leading-tight text-white lg:text-4xl">
-              More Resilient, More Powerful, More Diverse With You
+            Say Hello to Decentralized AI Agents that are Truly Yours
             </h2>
             <p className="mx-auto mt-6 max-w-xl text-sm font-light text-pretty text-white lg:text-base">
-              Unlike the corporate internet, where users are the product, in the new internet, participants are the owners and beneficiaries.
+            Why hand out your intelligence to centralized giants when you can build your own?
             </p>
             <p className="mx-auto mt-6 max-w-xl text-sm font-light text-pretty text-white lg:text-base">
-            By participating, you're not just using the technology, you're also helping to build a digital world that protects privacy, promotes fairness, and returns control to the people.
+            With Project Mycelium’s Decentralized Agentic Cloud, you’re not just adopting AI—you’re claiming your own sovereign, autonomous AI infrastructure that grows and evolves with you.
             </p>
             <div className="mt-10 flex items-center justify-center gap-x-6">
               <a
@@ -19,10 +19,10 @@ export  function CallTo() {
                 className="rounded-md bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white hover:bg-white/15"
               >
                 {' '}
-                Get started{' '}
+                Book a Meeting{' '}
               </a>
               <a href="#" className="text-sm/6 font-semibold text-white">
-                Learn more
+              Join the Waitlist
                 <span aria-hidden="true">→</span>
               </a>
             </div>

src/components/ClickableGallery.tsx

@@ -52,7 +52,7 @@ export function ClickableGallery() {
 
   return (
     <>
-      <div className="relative isolate pt-24 pb-0 text-center w-full h-screen">
+      <div className="relative isolate pt-24 pb-0 text-center w-full">
         <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ duration: 1, delay: 1 }} className="mx-auto max-w-5xl">
           <H2 className="text-center">One Agent, Endless Possibilities.</H2>
         </motion.div>
@@ -75,7 +75,7 @@ export function ClickableGallery() {
         </div>
       </div>
       <section
-        className="relative w-full h-[900px] flex items-center justify-center overflow-hidden bg-background -mt-32"
+        className="relative w-full flex items-center justify-center overflow-hidden bg-background -mt-32"
         onMouseEnter={() => setHovering(true)}
         onMouseLeave={() => setHovering(false)}
       >
@@ -83,7 +83,7 @@ export function ClickableGallery() {
         <div className="pointer-events-none absolute inset-y-0 left-0 w-32 bg-gradient-to-r from-background to-transparent" />
         <div className="pointer-events-none absolute inset-y-0 right-0 w-32 bg-gradient-to-l from-background to-transparent" />
 
-        <div className="relative w-full max-w-[1800px] h-full" style={{ perspective: '1600px' }}>
+        <div className="relative w-full max-w-[1800px] h-[500px]" style={{ perspective: '1600px' }}>
           <div
             aria-hidden="true"
             className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"

src/components/HomeAbout.tsx

@@ -65,7 +65,7 @@ export function HomeAbout() {
             </H2>
           </motion.div>
           <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ duration: 1, delay: 1.5 }} className="absolute top-54 left-0 max-w-xl text-left">
-            <P>
+            <P color="custom">
             With Mycelium Cloud, you can deploy purpose-built AI agents to automate any workflow. Keep complete control of your data while scaling from simple tasks to complex decision-making.
             </P>
           </motion.div>