Marketing Sections
Marketing sections are composed inside src/features/marketing/.
This part of the project is where the public experience takes shape through section components, content-driven data from JSON files, and shared marketing building blocks.
Related docs
This page works closely with Marketing Site and Customize Branding when you want to reshape the public experience.
What this component area includes
Feature-level sections
The landing page is assembled from section components that live in the marketing features folder.
Content-driven data
Section structure and copy come largely from content/landing/*.json instead of being hardcoded inside every component.
Reusable marketing UI
Marketing building blocks are colocated in the same features folder for easy reuse across sections.
Current examples
- hero
- navbar
- social proof
- documentation section
- testimonials
- pricing
- FAQ
- CTA
- footer
These sections give the landing experience a predictable structure while still allowing product-specific customization.
Content model
Most section copy and structure are driven by content/landing/*.json, loaded through src/content/loaders.ts, and localized through messages/.
That keeps marketing edits fast and lowers the chance of copy getting duplicated across multiple files.
Related reusable components
Marketing-specific reusable UI lives alongside the section components in src/features/marketing/.
This keeps composition and shared marketing building blocks colocated.
Recommended rule
- keep page composition in
src/features/marketing/ - keep brand-level settings in
src/config/site.ts - keep content definitions in
content/landing/*.json
Practical split
Keep composition and marketing components in src/features/marketing/, keep content in
content/landing/*.json, and use src/config/site.ts for brand-level settings.