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 */} {/* Company */}
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<p className="font-semibold text-gray-700 mb-1">Company</p> <p className="font-fraunces 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="/about" className="font-fraunces 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="/blog" className="font-fraunces 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> <Link href="/partners" className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150">Partners</Link>
</div> </div>
{/* Legal */} {/* Legal */}
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<p className="font-semibold text-gray-700 mb-1">Legal</p> <p className="font-fraunces 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="/pricing" className="font-fraunces 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="/privacy" className="font-fraunces 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> <Link href="/terms" className="font-fraunces text-gray-500 hover:text-rose-600 transition-colors duration-150">Terms of Service</Link>
</div> </div>
{/* Contact */} {/* Contact */}
<div className="flex flex-col gap-2"> <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 <a
href="tel:+919554881799" 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 +91 95548 81799
</a> </a>
<a <a
href="mailto:hello@tia.baby" 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 hello@tia.baby
</a> </a>

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

@ -66,7 +66,7 @@ function Hero() {
</span> </span>
</h1> </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 Tia is a digital heirloom — not just a tracker. Every feed, every first
word, every vaccination, archived in one private place your child will word, every vaccination, archived in one private place your child will
one day look back on. 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) { function navLinkClass(pathname: string, href: string) {
const isActive = pathname === href || pathname.startsWith(href + "/"); const isActive = pathname === href || pathname.startsWith(href + "/");
// border-transparent always reserves the border space → no layout shift on hover // 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 return isActive
? `${base} font-medium text-rose-600 border-transparent` ? `${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`; : `${base} font-normal text-gray-600 border-transparent hover:border-rose-300 hover:bg-rose-50 hover:text-rose-500`;