ok

src/components/Header.jsx

@@ -1,6 +1,7 @@
 'use client'
 
 import Link from 'next/link'
+import { usePathname } from 'next/navigation'
 import {
   Popover,
   PopoverButton,
@@ -79,9 +80,12 @@ function MobileNavigation() {
 }
 
 export function Header() {
+  const pathname = usePathname()
+  const isHomepage = pathname === '/'
+  
   return (
-    <header className="bg-transparent">
-      <nav className="relative z-50 flex items-center py-2 lg:py-3">
+    <header className={isHomepage ? 'bg-transparent' : 'bg-[#1d0f02]'}>
+      <nav className="relative z-50 flex items-center py-2 lg:py-4">
         {/* Logo and Navigation Container - Left and Center */}
         <div className="flex-1 max-w-7xl ml-3 mx-0 lg:px-4 px-6">
           <div className="flex items-center">