From b0423dfea8ea09954e83127009a9b05c149506c3 Mon Sep 17 00:00:00 2001
From: Mannu <manohar6839@gmail.com>
Date: Tue, 26 May 2026 00:21:44 +0530
Subject: [PATCH] fix(nav): always-visible sticky nav, rose pill button without
 Google G

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/marketing/MarketingNav.tsx  | 27 ++--------------------
 src/components/marketing/NavAuthButton.tsx | 19 +++------------
 2 files changed, 5 insertions(+), 41 deletions(-)

diff --git a/src/components/marketing/MarketingNav.tsx b/src/components/marketing/MarketingNav.tsx
index c4c54d9..b87eec0 100644
--- a/src/components/marketing/MarketingNav.tsx
+++ b/src/components/marketing/MarketingNav.tsx
@@ -1,35 +1,13 @@
 "use client";
 
-import { useEffect, useState } from "react";
 import Link from "next/link";
 import { NavAuthButton } from "./NavAuthButton";
 
 export function MarketingNav() {
-  const [visible, setVisible] = useState(false);
-
-  useEffect(() => {
-    const onScroll = () => {
-      // Show nav after scrolling ~80% of the viewport height (past hero)
-      setVisible(window.scrollY > window.innerHeight * 0.75);
-    };
-    window.addEventListener("scroll", onScroll, { passive: true });
-    return () => window.removeEventListener("scroll", onScroll);
-  }, []);
-
   return (
-    <header
-      className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ease-in-out ${
-        visible
-          ? "bg-white/95 backdrop-blur-md border-b border-rose-100 shadow-sm translate-y-0 opacity-100"
-          : "-translate-y-full opacity-0 pointer-events-none"
-      }`}
-    >
+    <header className="sticky top-0 z-50 bg-white/95 backdrop-blur-md border-b border-rose-100 shadow-sm">
       <div className="max-w-5xl mx-auto px-5 py-3.5 flex items-center justify-between">
-        {/* Logo */}
-        <Link
-          href="/"
-          className="flex items-center gap-2 group"
-        >
+        <Link href="/" className="flex items-center gap-2 group">
           <span className="text-2xl transition-transform duration-200 group-hover:scale-110">🌸</span>
           <span
             className="text-xl font-bold text-gray-900 tracking-tight"
@@ -39,7 +17,6 @@ export function MarketingNav() {
           </span>
         </Link>
 
-        {/* CTA */}
         <NavAuthButton />
       </div>
     </header>
diff --git a/src/components/marketing/NavAuthButton.tsx b/src/components/marketing/NavAuthButton.tsx
index 21139fa..4c4989a 100644
--- a/src/components/marketing/NavAuthButton.tsx
+++ b/src/components/marketing/NavAuthButton.tsx
@@ -18,8 +18,7 @@ export function NavAuthButton() {
         href="/home"
         className="inline-flex items-center gap-1.5 bg-rose-500 text-white text-sm font-semibold px-4 py-2 rounded-full hover:bg-rose-600 active:scale-95 transition-all duration-150 shadow-sm hover:shadow-md"
       >
-        Open Tia
-        <span className="text-rose-200">→</span>
+        Open Tia →
       </Link>
     );
   }
@@ -27,21 +26,9 @@ export function NavAuthButton() {
   return (
     <Link
       href="/login"
-      className="inline-flex items-center gap-2 bg-white border border-gray-200 text-gray-700 text-sm font-medium px-4 py-2 rounded-full hover:border-rose-300 hover:text-rose-600 hover:shadow-sm active:scale-95 transition-all duration-150"
+      className="inline-flex items-center bg-rose-500 text-white text-sm font-semibold px-4 py-2 rounded-full hover:bg-rose-600 active:scale-95 transition-all duration-150 shadow-sm hover:shadow-md"
     >
-      <GoogleG />
-      Sign in
+      Join early access
     </Link>
   );
 }
-
-function GoogleG() {
-  return (
-    <svg className="w-4 h-4 flex-shrink-0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-      <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
-      <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
-      <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z" fill="#FBBC05"/>
-      <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
-    </svg>
-  );
-}