Initial commit

components/hero/hero.tsx

@@ -0,0 +1,15 @@
+export type HeroProps = {
+  title: string;
+  subtitle: string;
+};
+
+export function Hero({ title, subtitle }: HeroProps) {
+  return (
+    <section className="flex min-h-[60vh] w-full flex-col items-center justify-center px-6 py-24 text-center">
+      <h1 className="max-w-3xl text-5xl font-bold tracking-tight text-black md:text-6xl">
+        {title}
+      </h1>
+      <p className="mt-6 max-w-xl text-lg text-neutral-600">{subtitle}</p>
+    </section>
+  );
+}