import { Metadata } from 'next'
import { Header } from '@/components/header'
import { Footer } from '@/components/footer'
import { TextToSpeechClient } from '@/components/tools/text-to-speech'

export const metadata: Metadata = {
  title: 'Text to Speech Converter - SiliconPin Tools',
  description:
    'Convert text to speech using advanced AI models. Support for Whisper GPU and Vosk CPU transcription. Free online text-to-speech converter.',
  keywords:
    'text to speech, audio transcription, whisper AI, vosk, audio to text, voice recognition, transcription tool',
  openGraph: {
    title: 'Text to Speech Converter - SiliconPin Tools',
    description: 'Convert text to speech using advanced AI models with high accuracy.',
    type: 'website',
    url: 'https://siliconpin.com/tools/text-to-speech',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Text to Speech Converter - SiliconPin',
    description: 'Convert text to speech using advanced AI models with high accuracy.',
  },
  alternates: {
    canonical: 'https://siliconpin.com/tools/text-to-speech',
  },
}

export default function TextToSpeechPage() {
  return (
    <div className="min-h-screen bg-background">
      <Header />
      <main className="container max-w-5xl pt-24 pb-8">
        <TextToSpeechClient />
      </main>
      <Footer />
    </div>
  )
}
