it have Text to Generate

index.html

@@ -82,11 +82,14 @@
                     <h2 class="text-2xl font-semibold text-gray-800">Your Transcription</h2>
                     <p class="text-gray-600">See your text appear in real-time</p>
                     <div class="bg-gray-100 rounded-lg p-6 min-h-40 flex flex-col items-center justify-center">
-                        <div id="voicePreview" class="text-center text-gray-500 w-full">
-                            <i data-feather="user" class="w-8 h-8 mx-auto mb-2"></i>
-                            <p class="mb-4">Your voice clone will be generated here</p>
-                            <div id="voiceParams" class="w-full space-y-3 hidden">
-                                <div>
+                    <div id="voicePreview" class="text-center text-gray-500 w-full">
+                        <i data-feather="user" class="w-8 h-8 mx-auto mb-2"></i>
+                        <p class="mb-4">Your voice clone will be generated here</p>
+                        <div class="w-full mb-4">
+                            <textarea id="textToGenerate" class="w-full p-3 border border-gray-300 rounded-lg resize-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500" rows="3" placeholder="Enter text to generate with your voice clone"></textarea>
+                        </div>
+                        <div id="voiceParams" class="w-full space-y-3 hidden">
+<div>
                                     <label class="block text-sm text-gray-600 mb-1">Voice Similarity</label>
                                     <input type="range" min="0" max="100" value="75" class="w-full accent-indigo-500">
                                 </div>
@@ -262,12 +265,15 @@ const recordingStatus = document.getElementById('recordingStatus');
                 updateVoicePreview();
             }, 5000);
         });
-
         document.getElementById('generateBtn').addEventListener('click', () => {
-            alert('Generating audio from your voice clone...');
+            const text = document.getElementById('textToGenerate').value.trim();
+            if (!text) {
+                alert('Please enter some text to generate');
+                return;
+            }
+            alert(`Generating audio from your voice clone: "${text}"`);
         });
-
-        document.getElementById('downloadBtn').addEventListener('click', () => {
+document.getElementById('downloadBtn').addEventListener('click', () => {
             alert('Voice model download started');
         });
 </script>