コンポーネント
Hero

Hero

ウェブサイトの主要なメッセージや呼びかけを表示する、ページ上部の大きなバナーセクションです。

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>
  );
}