replace logo

src/components/DownloadLink.tsx

@@ -6,7 +6,7 @@ export function DownloadLink() {
     <Link
       href="#"
       aria-label="Download Mycelium"
-      className="inline-flex items-center rounded-lg bg-gray-800 px-4 py-2 text-sm font-semibold text-white hover:bg-gray-900 transition-colors"
+      className="inline-flex items-center rounded-lg bg-cyan-500 px-4 py-2 text-sm font-semibold text-white hover:bg-cyan-600 transition-colors"
     >
       <ArrowDownTrayIcon className="h-5 w-5 mr-2" />
       Get Mycelium

src/components/Footer.tsx

@@ -4,7 +4,6 @@ import Link from 'next/link'
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import { TextField } from '@/components/Fields'
-import { Logomark } from '@/components/Logo'
 import { NavLinks } from '@/components/NavLinks'
 import qrCode from '@/images/qr-code.svg'
 
@@ -27,7 +26,7 @@ export function Footer() {
         <div className="flex flex-col items-start justify-between gap-y-12 pt-16 pb-6 lg:flex-row lg:items-center lg:py-16">
           <div>
             <div className="flex items-center text-gray-900">
-              <Logomark className="h-10 w-10 flex-none fill-cyan-500" />
+              <Image src="/images/logo.svg" alt="Mycelium Logomark" width={40} height={40} className="h-10 w-10 flex-none" />
               <div className="ml-4">
                 <p className="text-base font-semibold">Mycelium</p>
                 <p className="mt-1 text-sm">Unleash the Power of Decentralized Networks</p>

src/components/Header.tsx

@@ -126,7 +126,7 @@ export function Header() {
                             <Button href="https://docs.ourworld.tf/mycelium_cloud/docs/" variant="outline">
                               Docs
                             </Button>
-                            <Button href="https://www.mycelium.threefold.io/download/">Get Mycelium</Button>
+                            <Button variant="solid" color="cyan" href="https://www.mycelium.threefold.io/download/">Get Mycelium</Button>
                           </div>
                         </PopoverPanel>
                       </>