src/app/page.tsx

import { generateExamplePhrases } from "@/ai/flows/generate-example-phrases";
import { TtsForm } from "@/components/tts-form";

export default async function Home() {
  let examplePhrases: string[] = [];
  try {
    const { phrases } = await generateExamplePhrases();
    examplePhrases = phrases;
  } catch (error) {
    if (error instanceof Error) {
      console.error("Failed to load example phrases:", error.message);
    } else {
      console.error("Failed to load example phrases:", String(error));
    }
  }

  return (
    <main className="flex min-h-screen flex-col items-center justify-center p-4 sm:p-6 md:p-8">
      <div className="w-full max-w-2xl space-y-6 md:space-y-8">
        <h1 className="text-3xl sm:text-4xl lg:text-5xl font-bold font-headline text-primary text-center">
          Chattiswani TTS
        </h1>

        <TtsForm examplePhrases={examplePhrases} />

        <footer className="text-center text-muted-foreground text-xs sm:text-sm pt-8 font-body">
          <p>Crafted with ❤️ for the love of Chhattisgarhi culture.</p>
          <p>Created by Sameer Banchhor</p>
        </footer>
      </div>
    </main>
  );
}