interface HomeProps {
  siteData: { heroTitle: string; heroSubtitle: string };
}

export default function Home({ siteData }: HomeProps) {
  return (
    <main className="container mx-auto p-8">
      <section className="text-center bg-gray-100 p-8 rounded-md shadow-md">
        <h2 className="text-3xl font-bold mb-2">{siteData.heroTitle}</h2>
        <p className="text-gray-700">{siteData.heroSubtitle}</p>
      </section>
    </main>
  );
}