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.