landing-page
Installation
SKILL.md
Landing Page Skill
Requires i18n: This skill uses next-intl (getTranslations/useTranslations). If i18n is not yet set up, run the i18n skill first.
The boilerplate ships with a complete marketing landing page at app/(layout)/page.tsx composed of 5 sections. All components live in components/landing/.
Section anatomy
| # | Component | File | Background | Client? |
|---|---|---|---|---|
| 1 | Hero |
components/landing/Hero.tsx |
bg-background |
No |
| 2 | Features |
components/landing/Features.tsx |
bg-muted |
No |
| 3 | Pricing |
components/landing/Pricing.tsx |
bg-background |
No |
| 4 | FAQ |
components/landing/FAQ.tsx |
bg-muted |
Yes (useState) |
| 5 | CTA |
components/landing/CTA.tsx |
bg-primary |
No |
page.tsx only composes — no inline JSX: