"use client"; import WaveformAudio from "@/components/reactive/audio-form"; import GridPattern from "@/components/reactive/grid-pattern"; import SparklesCore from "@/components/reactive/particles"; import Spotlight from "@/components/reactive/spotlight"; import { AnimatedTooltip } from "@/components/reactive/tooltip"; import { Button } from "@/components/ui/button"; import { Textarea } from "@/components/ui/textarea"; import { voices } from "@/lib/mock"; import { cn } from "@/lib/utils"; import axios from "axios"; import { Loader } from "lucide-react"; import { useState } from "react"; import toast from "react-hot-toast"; export default function Home() { const [loading, setLoading] = useState(false); const [voice, setVoice] = useState(voices[0]); const [audio, setAudio] = useState(""); const [text, setText] = useState(""); const handleGenerate = () => { setLoading(true); axios .post("/api/tts", { text, voice: voice.name }) .then(({ data }) => { setAudio(data.status.OutputUri[0]); toast.success("Audio generated successfully"); }) .catch((error) => toast.error("Unable to generate audio")) .finally(() => setLoading(false)); }; return (

{/* Gradients */}

Text to Speech in few seconds

200200