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

feat(marketing): About+Blog in nav, real founder story content

Browse source 
MarketingNav:
- Add center nav with About and Blog links (hidden on mobile xs,
  visible from sm: breakpoint)
- Logo + nav + auth button now use justify-between with gap-4

Homepage FounderStory section:
- Replace [PLACEHOLDER] blocks with Manohar's real founder story
- Section opens with bold "TIA began with a promise." heading
- Key line "TIA isn't here to track your child. It's here to help
  you remember them." highlighted in rose-700
- Closes with "Built by parents. Inspired by our daughter. Made for
  families." in a bordered amber footer strip

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Manohar Gupta 2026-05-31 01:42:51 +05:30
parent c1e02249d6
commit 6df914ddf9
2 changed files with 61 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -223,18 +223,12 @@ function FounderStory() {
<div className="max-w-2xl mx-auto">
<p className="text-xs font-semibold text-rose-500 uppercase tracking-widest mb-4">Why Tia exists</p>
<div className="bg-amber-50 border border-amber-200 rounded-2xl p-6 sm:p-8">
{/*
┌─────────────────────────────────────────────────────────────────┐
│ PLACEHOLDER — Manohar, this section is yours to write. │
│ Tell the story of your daughter. The specific 3am moment in │
│ Gurugram that made you start building. The fear that she'd │
│ grow up and you'd have nothing but blurry photos. The reason │
│ you want her to be able to read her own first chapter one day. │
│ Replace everything below the avatar block with your own words. │
└─────────────────────────────────────────────────────────────────┘
*/}
<div className="flex items-center gap-3 mb-5">
<h2 className="text-3xl font-bold text-gray-900 mb-3 leading-tight">
TIA began with a promise.
</h2>
<div className="bg-amber-50 border border-amber-200 rounded-2xl p-6 sm:p-8 mt-6">
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-full bg-rose-200 flex items-center justify-center text-lg">👨‍💻</div>
<div>
<p className="font-semibold text-gray-900">Manohar Gupta</p>
@ -242,22 +236,47 @@ function FounderStory() {
</div>
</div>
<blockquote className="text-gray-700 leading-relaxed space-y-4 italic text-sm sm:text-base">
<div className="text-gray-700 leading-relaxed space-y-4 text-sm sm:text-base">
<p>
[PLACEHOLDER] My daughter was born and within two weeks I realised I was already
forgetting things. Not forgetting them completely — just losing the texture. The
exact weight on day five. The time of the first real smile. The way she sounded
when she figured out her own hands.
When our daughter, Tia, was born, we wanted to remember everything — the tiny
stretches, the sleepy smiles, the moments that felt too precious to forget. But we
quickly discovered how easily those details fade, even when you&apos;re trying your
best to hold on to them.
</p>
<p className="font-medium text-gray-800">
We built TIA to help families preserve those memories.
</p>
<p>
[PLACEHOLDER] I wanted to build something that would let her read her own first
chapter one day. Not a social media highlight reel. A real archive — private,
complete, and hers to keep. That&apos;s Tia.
Named after our daughter, Tia, the app reflects the values that guide us as parents:
care, patience, trust, privacy, and respect. We believe your family&apos;s memories
belong to your family — not advertisers, algorithms, or engagement loops. We believe
technology should support family life, not compete for attention.
</p>
<p className="text-gray-400 not-italic text-xs">
— Replace these paragraphs with your story in your own words.
<p className="font-medium text-rose-700">
TIA isn&apos;t here to track your child. It&apos;s here to help you remember them.
</p>
</blockquote>
<p>
As parents raising a child in a nuclear family, we also understood how much
grandparents and loved ones want to stay connected. That&apos;s why TIA makes it
easy to share precious moments with family while keeping parents in control.
</p>
<p>
One day, when your child asks,{" "}
<em>&quot;What was I like when I was little?&quot;</em> — we hope TIA helps you
answer with photos, stories, milestones, and moments preserved with love.
</p>
</div>
<div className="mt-8 pt-6 border-t border-amber-200 text-center">
<p className="text-sm font-semibold text-amber-800 tracking-wide">
Built by parents. Inspired by our daughter. Made for families.
</p>
</div>
</div>
</div>
</section>

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

@ -6,8 +6,9 @@ import { NavAuthButton } from "./NavAuthButton";
export function MarketingNav() {
return (
<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">
<Link href="/" className="flex items-center gap-2 group">
<div className="max-w-5xl mx-auto px-5 py-3.5 flex items-center justify-between gap-4">
{/* Logo */}
<Link href="/" className="flex items-center gap-2 group shrink-0">
<span className="text-2xl transition-transform duration-200 group-hover:scale-110">🌸</span>
<span
className="text-xl font-bold text-gray-900 tracking-tight"
@ -17,6 +18,22 @@ export function MarketingNav() {
</span>
</Link>
{/* Center nav links */}
<nav className="hidden sm:flex items-center gap-6">
<Link
href="/about"
className="text-sm font-medium text-gray-500 hover:text-rose-600 transition-colors duration-150"
>
About
</Link>
<Link
href="/blog"
className="text-sm font-medium text-gray-500 hover:text-rose-600 transition-colors duration-150"
>
Blog
</Link>
</nav>
<NavAuthButton />
</div>
</header>