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

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>

src/app/(marketing)/page.tsx

@@ -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">
+        <h2 className="text-3xl font-bold text-gray-900 mb-3 leading-tight">
-          {/*
+          TIA began with a promise.
-            ┌─────────────────────────────────────────────────────────────────┐
+        </h2>
-            │  PLACEHOLDER — Manohar, this section is yours to write.         │
+
-            │  Tell the story of your daughter. The specific 3am moment in    │
+        <div className="bg-amber-50 border border-amber-200 rounded-2xl p-6 sm:p-8 mt-6">
-            │  Gurugram that made you start building. The fear that she'd     │
+          <div className="flex items-center gap-3 mb-6">
-            │  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">
             <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
+              When our daughter, Tia, was born, we wanted to remember everything — the tiny
-              forgetting things. Not forgetting them completely — just losing the texture. The
+              stretches, the sleepy smiles, the moments that felt too precious to forget. But we
-              exact weight on day five. The time of the first real smile. The way she sounded
+              quickly discovered how easily those details fade, even when you&apos;re trying your
-              when she figured out her own hands.
+              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
+              Named after our daughter, Tia, the app reflects the values that guide us as parents:
-              chapter one day. Not a social media highlight reel. A real archive — private,
+              care, patience, trust, privacy, and respect. We believe your family&apos;s memories
-              complete, and hers to keep. That&apos;s Tia.
+              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>

src/components/marketing/MarketingNav.tsx

@@ -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">
+      <div className="max-w-5xl mx-auto px-5 py-3.5 flex items-center justify-between gap-4">
-        <Link href="/" className="flex items-center gap-2 group">
+        {/* 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>