Usage

import { Hero } from "@/components/turbostart/hero";

function Page() {
  return (
    <Hero
      headline="Welcome to TurboStart"
      description="The home of the TurboStart documentation."
      image={
        <img
          src="https://turbost.art/images/hero-image.png"
          alt="Hero Image"
          className="rounded-xl"
        />
      }
    />
  );
}

Props

NameTypeDescriptionDefault
headlineReactNodeThe headline of the hero section.-
descriptionReactNodeThe description of the hero section.-
imageReactNodeThe image component of the hero section.-

If you have any questions, please reach out to me on Twitter @checkerschaf. I’m happy to help!