Editing Homepage Content
How to update the hero, feature sections, pricing cards, and other homepage elements.
Last updated:
The homepage content is split across component files in src/components/. Each section is its own component, making it easy to edit one piece without affecting others.
Hero section
Edit src/components/Hero.tsx to update:
- Main headline and subheadline
- CTA button text and links
- Social proof badges (user count, ratings)
- Hero image or video
Feature sections
Feature blocks are either hardcoded in their component (e.g., WhyBloggFast.tsx) or driven by a data array at the top of the file. Look for an array like const features = [...] and edit the items there.
Pricing section
Edit src/components/Pricing.tsx. The pricing plans are defined as an array with plan names, prices, feature lists, and CTA links. Update the Gumroad/Stripe links to point to your actual checkout pages.
Testimonials
Testimonials are in src/components/Testimonials.tsx as a data array. Replace the placeholder content with real customer quotes and avatars. Store avatar images in public/avatars/.
FAQ section
FAQ items are defined in src/components/FAQ.tsx. Add, remove, or edit questions and answers in the faqs array.