Hero

A hero section to showcase components like testimonial, headline, hero image, and a checkout button. Use it first thing on your landing page

Hero Section

import Hero from "@/components/Hero";
 
...
 
<Hero />

You can customize the contents of the hero in @/config/content.ts:

export const hero: Hero = {
  title: 'Doing awesome things',
  supportingHeadline: 'Since 2010',
  // Path to the hero image in the public/ directory
  image: '/hero.png',
};

Last Updated: June 7
HeaderImage Diff 🎨