PageSourceSearch

https://viralvelocity.app/assets/VideoIntroGenerator-3A0Noe1a.js

js viralvelocity.app collected 2026-10-02 00:43:49 UTC 8,948 bytes, 1 lines download raw bytes

1import{j as e}from"./vendor-markdown-BM5p5b2Y.js";import{a as i}from"./vendor-state-DykMSP-3.js";import{T as f}from"./ToolLayout-CCKId52t.js";import{u as j,P as x,S as u,aa as v,g as n,h as k,W as N}from"./vendor-ui-T6oliESK.js";import"./main-CN40OHgH.js";import"./vendor-supabase-BbNJ08op.js";const W=({onNavigate:a})=>{const[t,p]=i.useState(""),[r,g]=i.useState("hook"),[l,b]=i.useState([]),[c,d]=i.useState(!1),[y,h]=i.useState(null),m=async()=>{if(!t.trim())return;d(!0),await new Promise(o=>setTimeout(o,1500));const s={hook:[`Stop scrolling. If you've ever struggled with ${t}, this video is going to change everything for you.`,`In the next few minutes, I'm going to show you exactly how to master ${t} - and it's easier than you think.`,`What if I told you everything you know about ${t} is wrong? Let me explain...`,`This one simple trick with ${t} helped me achieve [result] in just [timeframe].`,`Most people fail at ${t} because they make this one critical mistake. Don't be one of them.`],story:[`Last year, I was completely lost when it came to ${t}. Then I discovered something that changed everything...`,`Picture this: You're struggling with ${t}, nothing seems to work, and you're about to give up. That was me 6 months ago.`,`I still remember the exact moment when ${t} finally clicked for me. Let me take you back to that day...`,`When I first started with ${t}, I made every mistake in the book. Today, I'm going to save you from those same mistakes.`,`Three years ago, someone shared a secret about ${t} with me that completely transformed my results.`],question:[`Have you ever wondered why some people are so successful with ${t} while others struggle? Today, you'll find out.`,`What's the #1 thing stopping you from mastering ${t}? I bet it's not what you think.`,`Why do 90% of people fail at ${t}? And more importantly, how can you be in the top 10%?`,`Can you really achieve [desired result] with ${t}? The answer might surprise you.`,`What would change in your life if you finally figured out ${t}? Let's make that happen today.`],bold:[`Forget everything you've been told about ${t}. I'm about to show you what actually works.`,`This is the only ${t} guide you'll ever need. Period.`,`Warning: After watching this video about ${t}, you won't be able to go back to your old ways.`,`I'm about to reveal the ${t} secrets that experts don't want you to know.`,`By the end of this video, you'll know more about ${t} than 95% of people out there.`]};b(s[r]),d(!1)},w=async(s,o)=>{if(o>0){a("signup");return}await navigator.clipboard.writeText(s),h(o),setTimeout(()=>h(null),2e3)};return e.jsxs(f,{title:"Free YouTube Video Intro Generator",description:"Create powerful video intros that hook viewers in the first 5 seconds",metaDescription:"Generate attention-grabbing intros that keep viewers past 5 seconds. AI creates viral hooks → Generate free.",onNavigate:a,toolName:"intro-generator",children:[e.jsxs("div",{className:"bg-zinc-900 rounded-2xl border border-zinc-800 p-6 mb-8",children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"What's your video topic?"}),e.jsx("input",{type:"text",value:t,onChange:s=>p(s.target.value),placeholder:"e.g., investing, weight loss, productivity",className:"w-full px-4 py-3 bg-zinc-800 border border-zinc-700 rounded-xl text-white placeholder-zinc-500 focus:outline-none focus:border-brand-500 mb-4"}),e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Intro Style"}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-2 mb-4",children:[{id:"hook",label:"🎣 Hook"},{id:"story",label:"📖 Story"},{id:"question",label:"❓ Question"},{id:"bold",label:"💪 Bold"}].map(s=>e.jsx("button",{onClick:()=>g(s.id),className:`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${r===s.id?"bg-brand-500 text-white":"bg-zinc-800 text-zinc-400 hover:bg-zinc-700"}`,children:s.label},s.id))}),e.jsx("button",{onClick:m,disabled:c||!t.trim(),className:"w-full px-6 py-3 bg-brand-500 hover:bg-brand-600 disabled:bg-zinc-700 disabled:cursor-not-allowed rounded-xl font-medium flex items-center justify-center gap-2 transition-colors",children:c?e.jsxs(e.Fragment,{children:[e.jsx(j,{className:"w-4 h-4 animate-spin"})," Generating..."]}):e.jsxs(e.Fragment,{children:[e.jsx(x,{className:"w-4 h-4"})," Generate Intros"]})})]}),l.length>0&&e.jsxs("div",{className:"space-y-3 relative",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("h3",{className:"font-semibold flex items-center gap-2",children:[e.jsx(u,{className:"w-5 h-5 text-brand-400"}),"Generated Intros"]}),e.jsxs("button",{onClick:m,className:"text-sm text-zinc-400 hover:text-white flex items-center gap-1",children:[e.jsx(v,{className:"w-4 h-4"})," Regenerate"]})]}),l.map((s,o)=>e.jsxs("div",{className:`p-4 bg-zinc-900 rounded-xl border border-zinc-800 transition-colors ${o>0?"blur-[3px] select-none pointer-events-none opacity-60":"hover:border-zinc-700"}`,children:[e.jsx("p",{className:"text-zinc-300 mb-3",children:s}),e.jsx("button",{onClick:()=>w(s,o),className:"text-sm flex items-center gap-1 px-3 py-1 rounded-lg bg-zinc-800 hover:bg-zinc-700",children:y===o?e.jsxs(e.Fragment,{children:[e.jsx(n,{className:"w-4 h-4 text-green-500"})," Copied!"]}):e.jsxs(e.Fragment,{children:[e.jsx(k,{className:"w-4 h-4"})," Copy"]})})]},o)),e.jsxs("div",{className:"absolute top-[80px] left-0 right-0 bottom-0 flex flex-col items-center justify-center bg-gradient-to-b from-transparent via-zinc-950/80 to-zinc-950 z-10",children:[e.jsx(N,{className:"w-8 h-8 text-brand-500 mb-3"}),e.jsx("h4",{className:"text-lg font-bold text-white mb-2",children:"Unlock 4 More Viral Hooks"}),e.jsx("button",{onClick:()=>a("signup"),className:"px-6 py-2 bg-brand-500 hover:bg-brand-600 text-white rounded-full font-bold shadow-lg transition-transform hover:scale-105",children:"Sign Up Free"})]})]}),e.jsxs("div",{className:"mt-16 grid md:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"bg-zinc-900/50 rounded-2xl border border-zinc-800 p-6",children:[e.jsxs("h3",{className:"font-bold mb-4 flex items-center gap-2",children:[e.jsx(x,{className:"w-5 h-5 text-brand-400"}),"How to Use This Tool"]}),e.jsxs("ol",{className:"space-y-4 text-zinc-400 text-sm list-decimal list-inside",children:[e.jsxs("li",{className:"pl-2",children:[e.jsx("span",{className:"text-white font-medium",children:"Input Topic:"}),' What problem are you solving? (e.g., "Fix Back Pain").']}),e.jsxs("li",{className:"pl-2",children:[e.jsx("span",{className:"text-white font-medium",children:"Choose Hook Style:"}),' Select "Story" for emotional connection or "Bold" to shock the viewer.']}),e.jsxs("li",{className:"pl-2",children:[e.jsx("span",{className:"text-white font-medium",children:"Generate:"})," Get 5 unique intro scripts designed to prevent drop-off."]}
1),e.jsxs("li",{className:"pl-2",children:[e.jsx("span",{className:"text-white font-medium",children:"Record:"})," These lines are meant to be spoken straight to camera with high energy."]})]})]}),e.jsxs("div",{className:"bg-zinc-900/50 rounded-2xl border border-zinc-800 p-6",children:[e.jsxs("h3",{className:"font-bold mb-4 flex items-center gap-2",children:[e.jsx(u,{className:"w-5 h-5 text-yellow-400"}),"Why ViralVelocity?"]}),e.jsxs("ul",{className:"space-y-4 text-zinc-400 text-sm",children:[e.jsxs("li",{className:"flex gap-2",children:[e.jsx(n,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsxs("span",{children:[e.jsx("strong",{className:"text-white",children:"Retention Focused:"}),` We don't write "Hello generic intro". We write hooks that promise immediate value.`]})]}),e.jsxs("li",{className:"flex gap-2",children:[e.jsx(n,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsxs("span",{children:[e.jsx("strong",{className:"text-white",children:"Psychological Triggers:"}),' Our scripts use "Open Loops" and "Reframing" to make it impossible to click away.']})]}),e.jsxs("li",{className:"flex gap-2",children:[e.jsx(n,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsxs("span",{children:[e.jsx("strong",{className:"text-white",children:"Pacing:"})," Designed to be spoken in under 15 seconds, respecting the viewer's time."]})]})]})]})]}),e.jsxs("div",{className:"mt-8 p-6 bg-zinc-900/50 rounded-2xl border border-zinc-800",children:[e.jsx("h3",{className:"font-bold mb-4",children:"Video Intro Best Practices"}),e.jsxs("ul",{className:"space-y-2 text-zinc-400 text-sm",children:[e.jsx("li",{children:"• Hook viewers in the first 5 seconds - this is crucial for retention"}),e.jsx("li",{children:"• Skip lengthy channel intros - get straight to the value"}),e.jsx("li",{children:"• Preview what viewers will learn to keep them watching"}),e.jsx("li",{children:"• Match your intro energy to your content style"}),e.jsx("li",{children:"• Test different intro styles and check your retention graphs"})]})]})]})};export{W as VideoIntroGenerator,W as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.