Hero Component

Fresh

Source: shipfa.st/docs/components/hero

A hero section with title, supporting headline, image, social proof, and CTA.

Usage

javascript

import Hero from "@/components/Hero";

Copywriting Tips

h1: Answer "Why should a visitor stay more than 10 seconds?" in under 10 words. Write about the pain it relieves, problem it solves, or pleasure it gives.
Supporting headline: Explain how you deliver your promise.
CTA: Start with a verb (Get, Discover, Learn, etc.)
Social proof: Offer the product to people for free in exchange for testimonials.
Image: Like a YouTube thumbnail -- instantly show what the product does.

TIP

The Problem component should follow the Hero section.

See Also