35:I[357580,["/_next/static/chunks/9cb300ac97798789.js","/_next/static/chunks/9e15189e473fa7d1.js","/_next/static/chunks/85544533ac64977f.js","/_next/static/chunks/15718958cdf6cc05.js","/_next/static/chunks/8ad7f968803be79f.js","/_next/static/chunks/f82cbe49f2068853.js","/_next/static/chunks/fd44b383ded90f72.js","/_next/static/chunks/3f889fc51fc1682a.js","/_next/static/chunks/9672db790840a62b.js","/_next/static/chunks/ae00ca673c885b61.js","/_next/static/chunks/80da4c9febc02aac.js","/_next/static/chunks/e5eb3c3e3f8830d4.js"],"default"] 30:["$","p",null,{"className":"mt-6 text-sm text-tertiary","children":["AI-generated ","vanilla"," application built with GenMB — the AI full-stack development platform."]}] 31:["$","div",null,{"className":"flex items-center justify-center py-8","children":["$","div",null,{"className":"h-8 w-8 animate-spin rounded-full border-4 border-accent border-t-transparent"}]}] 36:T484,// Simple Text-to-Video + Audio App (Frontend Only Demo) // Run this in Replit or any React environment import React, { useState } from "react"; export default function App() { const [text, setText] = useState(""); const [audioUrl, setAudioUrl] = useState(""); // Fake Text-to-Speech using browser API const generateAudio = () => { const speech = new SpeechSynthesisUtterance(text); speech.lang = "en-US"; window.speechSynthesis.speak(speech); }; return (

Text to Video + Audio Generator

setText(e.target.value)}
      />

<button onClick={generateAudio}>Generate Voice</button>

<h3>Preview (Manual Video Idea)</h3>
      <p>
        👉 Use this text + voice with free tools like Canva / CapCut to create video.
      </p>
    </div>
  );
}

// NEXT STEP (ADVANCED):
// 1. Add API (ElevenLabs for voice)
// 2. Add images (Pexels API)
// 3. Combine using FFmpeg (backend needed)
37:T484,// Simple Text-to-Video + Audio App (Frontend Only Demo)
// Run this in Replit or any React environment

import React, { useState } from "react";

export default function App() {
  const [text, setText] = useState("");
  const [audioUrl, setAudioUrl] = useState("");

// Fake Text-to-Speech using browser API
  const generateAudio = () => {
    const speech = new SpeechSynthesisUtterance(text);
    speech.lang = "en-US";
    window.speechSynthesis.speak(speech);
  };

return (
    <div style={{ padding: 20, fontFamily: "sans-serif" }}>
      <h1>Text to Video + Audio Generator</h1>

<textarea
        rows={5}
        cols={40}
        placeholder="Enter your story..."
        value={text}
        onChange={(e) => setText(e.target.value)}
      />

<button onClick={generateAudio}>Generate Voice</button>

<h3>Preview (Manual Video Idea)</h3>
      <p>
        👉 Use this text + voice with free tools like Canva / CapCut to create video.
      </p>
    </div>
  );
}

// NEXT STEP (ADVANCED):
// 1. Add API (ElevenLabs for voice)
// 2. Add images (Pexels API)
// 3. Combine using FFmpeg (backend needed)
38:T5683,</article></body></html>

ScriptFlow AI Studio