Hero
ウェブサイトの主要なメッセージや呼びかけを表示する、ページ上部の大きなバナーセクションです。
page.tsx
import Hero from "@/components/Hero";
export default function Home() {
return (
<main className="flex flex-col gap-16 lg:gap-24">
<Hero />
{/* ... 他のコンポーネント */}
</main>
);
}