manohar/tia
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(marketing): Newsreader hero subtitle, Fraunces nav+footer links

Browse source 
- 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>
This commit is contained in:
Manohar Gupta 2026-05-31 11:52:16 +05:30
parent c523533531
commit af0dad6922
3 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/app/(marketing)/layout.tsx
View file

@ -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>

2
src/app/(marketing)/page.tsx
View file

@ -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.

2
src/components/marketing/MarketingNav.tsx
View file

@ -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`;