Features
Landing Page
A production-ready landing page included out of the box.
Docs are in beta — content is improving rapidly. Found something missing? Open an issue on GitHub or reach out on Twitter.
BetterStarter ships with a complete, conversion-optimized landing page at /.
Sections
- Hero — headline, sub-headline, CTA buttons
- Features — what's included in the product
- Pricing — pricing card with feature list and Stripe checkout button
- FAQ — expandable frequently asked questions
- Footer — links, legal, and social
Customization
Edit the components in src/features/landing/components/:
| File | Section |
|---|---|
Hero.tsx | Hero section |
Features.tsx | Features grid |
Pricing.tsx | Pricing card and plan config |
Faq.tsx | FAQ items |
Footer.tsx | Footer links |
The pricing plan (price, features list, CTA) is defined in src/features/landing/components/Pricing.tsx in the PLAN constant.
Dark Mode
The landing page supports light and dark mode automatically via the ThemeProvider. The toggle is in the header.