From af0dad6922fe958a5a2c695c9fdcb5b3ce79184c Mon Sep 17 00:00:00 2001
From: Mannu <manohar6839@gmail.com>
Date: Sun, 31 May 2026 11:52:16 +0530
Subject: [PATCH] fix(marketing): Newsreader hero subtitle, Fraunces nav+footer
 links
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Hero subtitle paragraph → font-newsreader (warm reading serif)
- Nav About/Blog links → font-fraunces (via navLinkClass base string)
- Footer column headings (Company/Legal/Contact) → font-fraunces
- Footer all links and contact details → font-fraunces

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/(marketing)/layout.tsx            | 22 +++++++++++-----------
 src/app/(marketing)/page.tsx              |  2 +-
 src/components/marketing/MarketingNav.tsx |  2 +-
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/app/(marketing)/layout.tsx b/src/app/(marketing)/layout.tsx
index b42ecbc..94e8375 100644
--- a/src/app/(marketing)/layout.tsx
+++ b/src/app/(marketing)/layout.tsx
@@ -81,32 +81,32 @@ export default function MarketingLayout({
 
               {/* Company */}
               <div className="flex flex-col gap-2">
-                <p className="font-semibold text-gray-700 mb-1">Company</p>
-                <Link href="/about" className="text-gray-500 hover:text-rose-600 transition-colors duration-150">About</Link>
-                <Link href="/blog" className="text-gray-500 hover:text-rose-600 transition-colors duration-150">Blog</Link>
-                <Link href="/partners" className="text-gray-500 hover:text-rose-600 transition-colors duration-150">Partners</Link>
+                <p className="font-fraunces font-semibold text-gray-700 mb-1">Company</p>
+                <Link href="/about" className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150">About</Link>
+                <Link href="/blog" className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150">Blog</Link>
+                <Link href="/partners" className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150">Partners</Link>
               </div>
 
               {/* Legal */}
               <div className="flex flex-col gap-2">
-                <p className="font-semibold text-gray-700 mb-1">Legal</p>
-                <Link href="/pricing" className="text-gray-500 hover:text-rose-600 transition-colors duration-150">Pricing</Link>
-                <Link href="/privacy" className="text-gray-500 hover:text-rose-600 transition-colors duration-150">Privacy Policy</Link>
-                <Link href="/terms" className="text-gray-500 hover:text-rose-600 transition-colors duration-150">Terms of Service</Link>
+                <p className="font-fraunces font-semibold text-gray-700 mb-1">Legal</p>
+                <Link href="/pricing" className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150">Pricing</Link>
+                <Link href="/privacy" className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150">Privacy Policy</Link>
+                <Link href="/terms" className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150">Terms of Service</Link>
               </div>
 
               {/* Contact */}
               <div className="flex flex-col gap-2">
-                <p className="font-semibold text-gray-700 mb-1">Contact</p>
+                <p className="font-fraunces font-semibold text-gray-700 mb-1">Contact</p>
                 <a
                   href="tel:+919554881799"
-                  className="text-gray-500 hover:text-rose-600 transition-colors duration-150"
+                  className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150"
                 >
                   +91 95548 81799
                 </a>
                 <a
                   href="mailto:hello@tia.baby"
-                  className="text-gray-500 hover:text-rose-600 transition-colors duration-150"
+                  className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150"
                 >
                   hello@tia.baby
                 </a>
diff --git a/src/app/(marketing)/page.tsx b/src/app/(marketing)/page.tsx
index 1224a18..a70866c 100644
--- a/src/app/(marketing)/page.tsx
+++ b/src/app/(marketing)/page.tsx
@@ -66,7 +66,7 @@ function Hero() {
             </span>
           </h1>
 
-          <p className="text-xl font-light text-gray-500 leading-loose mb-8 max-w-xl mx-auto lg:mx-0">
+          <p className="font-newsreader text-xl font-light text-gray-500 leading-loose mb-8 max-w-xl mx-auto lg:mx-0">
             Tia is a digital heirloom — not just a tracker. Every feed, every first
             word, every vaccination, archived in one private place your child will
             one day look back on.
diff --git a/src/components/marketing/MarketingNav.tsx b/src/components/marketing/MarketingNav.tsx
index 6691de4..bdc5b83 100644
--- a/src/components/marketing/MarketingNav.tsx
+++ b/src/components/marketing/MarketingNav.tsx
@@ -7,7 +7,7 @@ import { NavAuthButton } from "./NavAuthButton";
 function navLinkClass(pathname: string, href: string) {
   const isActive = pathname === href || pathname.startsWith(href + "/");
   // border-transparent always reserves the border space → no layout shift on hover
-  const base = "text-sm px-3 py-1.5 rounded-full border transition-all duration-150";
+  const base = "font-fraunces text-sm px-3 py-1.5 rounded-full border transition-all duration-150";
   return isActive
     ? `${base} font-medium text-rose-600 border-transparent`
     : `${base} font-normal text-gray-600 border-transparent hover:border-rose-300 hover:bg-rose-50 hover:text-rose-500`;