From 5cf82dadf865cbf45c7ac7c9a84b819be49347dd Mon Sep 17 00:00:00 2001
From: Peter Maquiran <maquiranpeter29@gmail.com>
Date: Fri, 27 Mar 2026 22:17:16 +0100
Subject: [PATCH] remove extra header

---
 app/components/tvone-header.tsx | 59 +++++++++++++++------------------
 1 file changed, 26 insertions(+), 33 deletions(-)

diff --git a/app/components/tvone-header.tsx b/app/components/tvone-header.tsx
index bdcb69e..544f95a 100644
--- a/app/components/tvone-header.tsx
+++ b/app/components/tvone-header.tsx
@@ -47,33 +47,6 @@ function BagIcon({ className }: { className?: string }) {
 export function TvoneHeader() {
   return (
     <header className="w-full">
-      <nav
-        className="flex h-11 items-center justify-center gap-1 bg-[#1d1d1f] px-4 text-[12px] font-normal text-[#f5f5f7] md:gap-2 md:text-[13px]"
-        aria-label="Navegação principal"
-      >
-        <div className="flex w-full max-w-[980px] items-center justify-between gap-2">
-          <Link href="/" className="opacity-90 hover:opacity-100" aria-label="Apple">
-            <AppleLogo className="h-5 w-5 text-white md:h-[22px] md:w-[22px]" />
-          </Link>
-          <ul className="hidden flex-1 items-center justify-center gap-4 lg:flex xl:gap-6">
-            {appleNav.map((item) => (
-              <li key={item}>
-                <Link href="#" className="whitespace-nowrap opacity-90 hover:opacity-100">
-                  {item}
-                </Link>
-              </li>
-            ))}
-          </ul>
-          <div className="flex items-center gap-5">
-            <button type="button" className="opacity-90 hover:opacity-100" aria-label="Pesquisar">
-              <SearchIcon className="text-white" />
-            </button>
-            <button type="button" className="opacity-90 hover:opacity-100" aria-label="Sacola">
-              <BagIcon className="text-white" />
-            </button>
-          </div>
-        </div>
-      </nav>
 
       <div className="relative flex min-h-[148px] w-full overflow-hidden bg-[#9d1f55] text-white sm:min-h-[180px] md:min-h-[204px] lg:min-h-[228px]">
         <div className="relative w-[22%] min-w-[80px] max-w-[300px] shrink-0 sm:w-[24%] md:w-[26%]">
@@ -130,14 +103,34 @@ export function TvoneHeader() {
         </div>
       </div>
 
-      <div className="border-b border-[#0066cc]/20 bg-[#0066cc] py-2">
-        <div className="mx-auto flex max-w-[1200px] items-center gap-3 px-4">
-          <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-white text-sm font-bold tracking-tight text-[#0066cc]">
-            tv
+
+      <nav
+        className="flex h-11 items-center justify-center gap-1 bg-[#1d1d1f] px-4 text-[12px] font-normal text-[#f5f5f7] md:gap-2 md:text-[13px]"
+        aria-label="Navegação principal"
+      >
+        <div className="flex w-full max-w-[980px] items-center justify-between gap-2">
+          <Link href="/" className="opacity-90 hover:opacity-100" aria-label="Apple">
+            <AppleLogo className="h-5 w-5 text-white md:h-[22px] md:w-[22px]" />
+          </Link>
+          <ul className="hidden flex-1 items-center justify-center gap-4 lg:flex xl:gap-6">
+            {appleNav.map((item) => (
+              <li key={item}>
+                <Link href="#" className="whitespace-nowrap opacity-90 hover:opacity-100">
+                  {item}
+                </Link>
+              </li>
+            ))}
+          </ul>
+          <div className="flex items-center gap-5">
+            <button type="button" className="opacity-90 hover:opacity-100" aria-label="Pesquisar">
+              <SearchIcon className="text-white" />
+            </button>
+            <button type="button" className="opacity-90 hover:opacity-100" aria-label="Sacola">
+              <BagIcon className="text-white" />
+            </button>
           </div>
-          <span className="text-lg font-semibold tracking-tight text-white">tvone</span>
         </div>
-      </div>
+      </nav>
     </header>
   );
 }