diff --git a/src/components/home-page/HomeHeroVibe.tsx b/src/components/home-page/HomeHeroVibe.tsx
index f4a4f42..9b47d2f 100644
--- a/src/components/home-page/HomeHeroVibe.tsx
+++ b/src/components/home-page/HomeHeroVibe.tsx
@@ -136,7 +136,7 @@ const HomeHeroVibe = () => {
     : AppType.E_COMMERCE;
 
   return (
-    <div className="relative min-h-screen flex flex-col justify-center items-center gap-6 sm:gap-8 lg:gap-12 overflow-hidden py-8 sm:py-10 lg:py-14">
+    <div className="relative min-h-[calc(100vh-5rem)] flex flex-col justify-center items-center gap-6 sm:gap-8 lg:gap-12 overflow-hidden py-8 sm:py-10 lg:py-14">
       <div
         className="pointer-events-none select-none absolute inset-0 w-full h-full bg-gradient-to-br from-blue-50 via-purple-50 to-indigo-100 dark:from-gray-900 dark:via-purple-900/20 dark:to-indigo-900/20 z-0"
         style={{
diff --git a/src/css/custom.css b/src/css/custom.css
index a6c907d..7f1a476 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -264,20 +264,6 @@ a.navbar__item:hover {
   filter: invert(1);
 }
 
-/* Homepage: navbar hidden at top, slides in on scroll (toggled in index.tsx). */
-body.is-home .navbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  transform: translateY(-100%);
-  transition: transform 0.3s ease;
-  will-change: transform;
-}
-body.is-home .navbar.navbar--revealed {
-  transform: translateY(0);
-}
-
 /* Hero primary CTA — slow pulsing glow when enabled, invites the click
    without ever animating loud enough to feel pushy. Disabled state stays
    still. Pulse colour matches the button fill in each theme. */
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 626c0e4..05b1517 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React from "react";
 
 import Layout from "@theme/Layout";
 import Head from "@docusaurus/Head";
@@ -60,27 +60,12 @@ const JSONLD_APP = {
 };
 
 export default function Home(): JSX.Element {
-  // Homepage navbar reveals on scroll; styles in custom.css.
-  useEffect(() => {
-    const navbar = document.querySelector(".navbar");
-    if (!navbar) return;
-    const sync = () =>
-      navbar.classList.toggle("navbar--revealed", window.scrollY > 8);
-    sync();
-    window.addEventListener("scroll", sync, { passive: true });
-    return () => {
-      window.removeEventListener("scroll", sync);
-      navbar.classList.remove("navbar--revealed");
-    };
-  }, []);
-
   return (
     <Layout
       title="AI Testing Agents for Web Apps"
       description="Paste a URL — Wopee.io AI agents explore your web app, generate Playwright tests, run them across browsers, and self-heal when the UI changes. Start free."
     >
       <Head>
-        <body className="is-home" />
         <script type="application/ld+json">{JSON.stringify(JSONLD_ORG)}</script>
         <script type="application/ld+json">{JSON.stringify(JSONLD_APP)}</script>
       </Head>
