Components

Hero

A compelling hero section with title, headline, image, and CTA

A beautiful hero section with a title, supporting headline, image, social proof, and call-to-action button.

Hero component

Usage

import Hero from "@/components/sections/Hero";

Tips

Your headline should explain your value proposition in less than 6 words
Focus on the problem you're solving with emotional trigger
Use a supporting headline to explain how you deliver on your promise
Start your CTA with a verb (Get, Discover, Learn, etc.)
Include social proof to build trust and increase conversions
Use an image or video that clearly shows what your product does
Show Problem section after Hero section.

Project Snapshot Script

Generate project snapshots to enhance AI development assistance

Trusted By

A logo showcase of companies or clients using your product