Skip to content

About page

A single public page at kwilo.ai/about that explains who built Kwilo, what we believe, and where we're going. The audience is institutional procurement, prospective hires, and investors doing first-pass diligence. It's opinionated and short: manifesto in voice, not corporate brochure.

How it works

The page is a five-beat narrative on a single linear scroll, no nav, tabs, or carousels. Each section answers one question a skeptical first-time visitor asks, in the order they ask it:

1. What is this?        → Hero (mission sentence)
2. Why does it exist?   → Origin story (real moment)
3. What do you believe? → Principles (4 cards)
4. Where is this going? → Vision (3-5 years out)
5. Who's behind it?     → Team (founders first, then rest)
6. Want to talk?        → Dual CTA (try / careers)

Content rules that shape the page:

  • One /about page, no sub-routes (/about/team, /about/values). The team grid inlines.
  • Manifesto voice: plural first person ("we believe…"), short sentences, no puffery, no "revolutionary."
  • Four principles max, each elaborated in two sentences and tied to a real product behavior (or refusal). If a principle can't be tied to a product decision, drop it.
  • "Trainer" is the generic role word; "faculty" or "L&D" where we want to be specific.
  • Stats section is optional and real-only: if there aren't at least 3 stats with real values, omit the section. No placeholder or rounded numbers.
  • Founder photos launch as placeholder monogram avatars, not stock photos, with real photos following.

Happy path (Padma evaluates Kwilo for her college):

  1. Clicks a link in a cold email, lands on kwilo.ai/.
  2. Sees About in the nav between For Individuals and Pricing, clicks.
  3. Reads the hero (one sentence), skims the origin story.
  4. Reads the 4 principles, scrolls past Vision and Stats, sees founder photos with names and one-liners.
  5. Clicks Request a demo at the bottom.

Edge cases:

  • Direct landing from Google: hero must stand alone, since there's no header context. The mission sentence carries it.
  • Mobile (Indian mobile, 3G): LCP < 2.5s. No carousels, no client-only stats, single hero illustration as <img loading="eager">.
  • Founder photos not ready: launch with placeholder initials, real photos ship the same week.

Where it lives

  • Route: /about → AboutPage (apps/site/src/pages/about/index.tsx).
  • Sections: Hero.tsx, OriginStory.tsx, Principles.tsx, Vision.tsx, Founders.tsx, ClosingCta.tsx, plus constants.ts (principles, founders, stats).
  • Wiring: apps/site/src/i18n/locales/en/about.json (+ registration in i18n/index.ts), LandingNav.tsx, LandingFooter.tsx, scripts/prerender.mjs, public/_headers, public/sitemap.xml.