ok

src/components/Hero.tsx

@@ -3,7 +3,7 @@ import Image from 'next/image'
 import clsx from 'clsx'
 
 import { AppDemo } from '@/components/AppDemo'
-import { AppStoreLink } from '@/components/AppStoreLink'
+import { DownloadLink } from '@/components/DownloadLink'
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import { PhoneFrame } from '@/components/PhoneFrame'
@@ -105,7 +105,7 @@ export function Hero() {
         <div className="lg:grid lg:grid-cols-12 lg:gap-x-8 lg:gap-y-20">
           <div className="relative z-10 mx-auto max-w-2xl lg:col-span-7 lg:max-w-none lg:pt-6 xl:col-span-6">
             <h1 className="text-4xl font-medium tracking-tight text-gray-900">
-              MYCELIUM
+              Mycelium
             </h1>
             <h2 className="mt-6 text-2xl tracking-tight text-gray-600">
               Unleashing the Power of Decentralized Networks
@@ -117,13 +117,13 @@ export function Hero() {
               Coming Soon: New Decentralized Features
             </p>
             <div className="mt-8 flex flex-wrap gap-x-6 gap-y-4">
-              <AppStoreLink />
+              <DownloadLink />
               <Button
-                href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+                href="https://youtu.be/4oq15lxvkts?si=Heh_8DHqHaNpy3_F"
                 variant="outline"
               >
                 <PlayIcon className="h-6 w-6 flex-none" />
-                <span className="ml-2.5">Watch the video</span>
+                <span className="ml-2.5">Watch the Demo</span>
               </Button>
             </div>
           </div>