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

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

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