изменение хэдера и исправление ключеых багов

src/components/Layout.tsx

@@ -3,6 +3,7 @@ import { useRouter } from "next/router";
 import Header from "./Header";
 import AuthModal from "./auth/AuthModal";
 import MobileMenuBottomSection from "./MobileMenuBottomSection";
+import IndexTopMenuNav from "./index/IndexTopMenuNav";
 
 const Layout = ({ children }: { children: React.ReactNode }) => {
   const [authModalOpen, setAuthModalOpen] = useState(false);
@@ -30,7 +31,10 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
         onSuccess={handleAuthSuccess}
       />
       </header>
-      <main className="pt-[108px] md:pt-[131px]">{children}</main>
+      
+      <main className="pt-[62px] md:pt-[63px]">
+      <IndexTopMenuNav />
+        {children}</main>
       <MobileMenuBottomSection onOpenAuthModal={() => setAuthModalOpen(true)} />
     </>
   );