Hero

Hero

custom hero in page

page.tsx
import Hero from "@/components/blocks/hero";
import { Hero as HeroType } from "@/types/blocks/hero";
 
export default function Page() {
  // custom hero data
  const hero: HeroType = {
    title: "Ship Any AI Startups in hours, not days",
    highlight_text: "Ship Any",
    description:
      "ShipAny is a NextJS boilerplate for building AI SaaS startups.<br/>Ship Fast with a variety of templates and components.",
    announcement: {
      title: "🎉 Happy New Year",
      url: "/#pricing",
    },
    buttons: [
      {
        title: "Get ShipAny",
        url: "/ai-podcast-generator",
      },
    ],
    show_happy_users: true,
  };
 
  return <>
      <Hero hero={hero} />
      // ...other components
    </>
  );
}

Hero Type

types/blocks/hero.d.ts
export interface Hero {
  disabled?: boolean;
  title?: string;
  highlight_text?: string;
  description?: string;
  buttons?: Button[];
  image?: Image;
  announcement?: Announcement;
  show_happy_users?: boolean;
}