update logo

app/components/tvone-site-nav.tsx

@@ -2,6 +2,7 @@
 
 import Link from "next/link";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
+import Image from "next/image";
 
 const primaryNav = [
   { label: "Música", href: "#" },
@@ -138,10 +139,14 @@ export function TvoneSiteNav() {
             </button>
 
             <Link href="/" className="flex shrink-0 items-center gap-2 py-1.5 text-white" onClick={closeMenu}>
-              <span className="flex h-9 w-9 items-center justify-center rounded-full bg-white text-xs font-bold tracking-tight text-[#0066d3] sm:h-10 sm:w-10 sm:text-sm md:h-11 md:w-11">
-                tv
-              </span>
-              <span className="text-xl font-bold tracking-tight sm:text-2xl">tvone</span>
+            <div className="relative h-10 w-9 sm:h-10 sm:w-10 md:h-19 md:w-19">
+              <Image
+                src="/logo.png" // put your image in /public
+                alt="tvone logo"
+                fill
+                className="rounded-full object-cover"
+              />
+            </div>
             </Link>
 
             <ul className="hidden min-w-0 flex-1 items-center justify-center gap-4 lg:flex xl:gap-4">