[V0_FILE]plaintext:file=".gitignore" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" # Kyuva landing page design *Automatically synced with your [v0.app](https://v0.app) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/kikus-projects-7cce34e4/v0-kyuva-landing-page-design) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.app-black?style=for-the-badge)](https://v0.app/chat/n67lYozoxpA) ## Overview This repository will stay in sync with your deployed chats on [v0.app](https://v0.app). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.app](https://v0.app). ## Deployment Your project is live at: **[https://vercel.com/kikus-projects-7cce34e4/v0-kyuva-landing-page-design](https://vercel.com/kikus-projects-7cce34e4/v0-kyuva-landing-page-design)** ## Build your app Continue building your app on: **[https://v0.app/chat/n67lYozoxpA](https://v0.app/chat/n67lYozoxpA)** ## How It Works 1. Create and modify your project using [v0.app](https://v0.app) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]css:file="app/globals.css" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); /* Custom dark theme for Kyuva with emerald accent */ :root { --background: #0a0a0a; --foreground: #ffffff; --card: rgba(255, 255, 255, 0.05); --card-foreground: #ffffff; --popover: #0a0a0a; --popover-foreground: #ffffff; --primary: #22c55e; --primary-foreground: #0a0a0a; --secondary: rgba(255, 255, 255, 0.1); --secondary-foreground: #ffffff; --muted: #1a1a1a; --muted-foreground: #888888; --accent: #22c55e; --accent-foreground: #0a0a0a; --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: rgba(255, 255, 255, 0.1); --input: rgba(255, 255, 255, 0.1); --ring: #22c55e; --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.75rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: "Inter", "Geist", "Geist Fallback", system-ui, sans-serif; --font-mono: "Geist Mono", "Geist Mono Fallback", monospace; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } /* Custom scrollbar and smooth scroll */ html { scroll-behavior: smooth; } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #0a0a0a; } ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #444; } [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Kyuva - Your Invisible Teleprompter", description: "Read your scripts while maintaining natural eye contact during video calls and presentations. Text appears near your camera and is hidden from screen sharing.", generator: "v0.app", icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)", }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)", }, { url: "/icon.svg", type: "image/svg+xml", }, ], apple: "/apple-icon.png", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" import { Navbar } from "@/components/navbar" import { HeroSection } from "@/components/hero-section" import { VoiceActivationSection } from "@/components/voice-activation-section" import { HowItWorksSection } from "@/components/how-it-works-section" import { ProblemSection } from "@/components/problem-section" import { UseCasesSection } from "@/components/use-cases-section" import { FeaturesBentoSection } from "@/components/features-bento-section" import { BeforeAfterSection } from "@/components/before-after-section" import { TestimonialsSection } from "@/components/testimonials-section" import { PricingSection } from "@/components/pricing-section" import { FAQSection } from "@/components/faq-section" import { FinalCTASection } from "@/components/final-cta-section" import { Footer } from "@/components/footer" export default function Home() { return (

{/* Background glow effects */}

) } [V0_FILE]typescriptreact:file="app/privacy/page.tsx" export default function PrivacyPage() { return (

Privacy Policy

Effective Date: January 5, 2026

Overview

Kyuva is a teleprompter application developed by KikuAI. We are committed to protecting your privacy. This policy explains how we handle your data.

Data Collection

Nothing. Kyuva does not collect, store, or transmit any personal data.

Local Data Only

Scripts: Stored locally on your Mac in ~/Library/Application Support/Kyuva/
Settings: Stored in macOS UserDefaults
No Cloud Sync: We do not sync any data to external servers

Audio Processing

Voice-Follow Mode: Uses your Mac's microphone to detect speech
100% On-Device: All audio processing happens locally
Never Transmitted: Your voice is never recorded, stored, or sent anywhere

Third-Party Services

Kyuva does not integrate with any third-party analytics, advertising, or tracking services. The only external service used is Apple StoreKit for processing In-App Purchases.

Data Security

Since all data remains on your device, your scripts are as secure as your Mac. No network transmission means no interception risk. Deleting the app removes all local data.

Contact

For privacy questions: privacy@kikuai.dev

Summary: Kyuva is a privacy-first app. We collect nothing. Everything stays on your Mac.

) } [V0_FILE]typescriptreact:file="app/support/page.tsx" export default function SupportPage() { return (

Support

Get Help

Having trouble with Kyuva? We're here to help. Check out these resources or reach out directly.

GitHub Issues

Report bugs or request features

Email Support

support@kikuai.dev

Quick Tips

Overlay not showing?

Make sure Kyuva has permission in System Settings → Privacy & Security → Accessibility

Scrolling too fast/slow?

Use Shift + ← / → to adjust speed, or hover over the overlay and use the controls

Voice-Follow not working?

Grant microphone permission when prompted. The app uses on-device processing only.

System Requirements

• macOS 13.0 or later
• Apple Silicon or Intel Mac
• Microphone (optional, for Voice-Follow mode)

) } [V0_FILE]json:file="components.json" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/before-after-section.tsx" "use client" import { motion } from "framer-motion" import { ArrowRight } from "lucide-react" export function BeforeAfterSection() { const comparisons = [ { label: "Eyes", before: "Darting to notes", after: "Locked on camera", }, { label: "Delivery", before: "Fragmented, hesitant", after: "Smooth, confident", }, { label: "Audience", before: "Distracted, skeptical", after: "Engaged, trusting", }, { label: "You", before: "Anxious, distracted", after: "Focused, present", }, ] return (

Before & After Kyuva

{comparisons.map((item, index) => ( {item.label}

{item.before}

{item.after}

))}

) } [V0_FILE]typescriptreact:file="components/faq-section.tsx" "use client" import { motion } from "framer-motion" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" export function FAQSection() { const faqs = [ { question: "How does Kyuva stay hidden from screen sharing?", answer: "Kyuva uses native OS-level window exclusion to mark the overlay as non-capturable. This means screen recording software, video call apps, and streaming tools automatically skip the Kyuva window.", }, { question: "Does voice activation record my audio?", answer: "No. Voice detection happens entirely on your device using local processing. Your audio is never recorded, stored, or sent anywhere. Privacy is built into the core design.", }, { question: "Which video apps are supported?", answer: "Kyuva works with any app—Zoom, Google Meet, Microsoft Teams, OBS, Loom, and more. Since it floats above all windows and is excluded from capture, it's compatible with everything.", }, { question: "Is there a subscription?", answer: "No subscriptions. The Pro version is a one-time purchase of $19. You own it forever, including all future updates.", }, { question: "Does it work with external monitors?", answer: "Yes! You can position the Kyuva overlay on any screen. Most users place it near their webcam, whether that's on an external monitor or their laptop display.", }, { question: "Can I use it on multiple devices?", answer: "Yes. Your Pro license works across all your devices—Mac, Windows, iOS, Android, and browser extensions. Just sign in once on each device.", }, { question: "What's the difference between Free and Pro?", answer: "Free gives you 3 scripts with auto-scroll. Pro unlocks unlimited scripts, voice-activated scrolling, custom hotkeys, and priority support.", }, { question: "How do I get a refund?", answer: "Email us within 30 days of purchase and we'll refund you, no questions asked. We want you to be completely satisfied with Kyuva.", }, ] return (

FAQ

{faqs.map((faq, index) => ( {faq.question} {faq.answer} ))}

) } [V0_FILE]typescriptreact:file="components/features-bento-section.tsx" "use client" import { motion } from "framer-motion" import { Layers, EyeOff, Globe, UserX, WifiOff, Feather } from "lucide-react" export function FeaturesBentoSection() { return (

Built for professionals

{/* Large Card 1 */}

Always on Top

Floats above Zoom, Teams, Meet, OBS, and every app. Your script is always visible, right where you need it.

{/* Large Card 2 */}

Hidden from Sharing

Your secret stays secret—overlay is automatically excluded from screen capture and recordings.

{/* Small Feature Badges */}

{[ { icon: Globe, title: "Cross-Platform", description: "Mac, Windows, Mobile, Browser", }, { icon: UserX, title: "No Account Required", description: "Download and start immediately", }, { icon: WifiOff, title: "100% Offline", description: "Works without internet, your data stays local", }, { icon: Feather, title: "Lightweight", description: "Under 10MB, no battery drain", }, ].map((feature, index) => (

{feature.title}

{feature.description}

))}

) } [V0_FILE]typescriptreact:file="components/final-cta-section.tsx" "use client" import { motion } from "framer-motion" import { Button } from "@/components/ui/button" import { Apple } from "lucide-react" const DMG_DOWNLOAD_URL = "https://github.com/KikuAI-Lab/kyuva/releases/latest/download/Kyuva-1.0.0.dmg" export function FinalCTASection() { return (

{/* Background glow */}

From glancing at notes to owning the room.
In 60 seconds.

{"Download Kyuva. Add your first script. Hit Play. That's it."}

{/* Download Button */}

{/* Coming Soon */}

Windows, iOS & Android coming soon

{/* Trust Text */}

No account required • 100% free tier • Upgrade anytime

{/* MacBook Mockup */}

{/* Camera/Notch */}

{/* Kyuva overlay */}

{"Thank you for joining us today. I'm thrilled to present..."}

{/* Content area */}

Your confident presentation

) } [V0_FILE]typescriptreact:file="components/footer.tsx" import { Twitter, Github } from "lucide-react" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" "use client" import { Button } from "@/components/ui/button" import { Apple } from "lucide-react" import { motion } from "framer-motion" const APP_STORE_URL = "https://apps.apple.com/app/kyuva/id0000000000" // Update when live const DMG_DOWNLOAD_URL = "https://github.com/KikuAI-Lab/kyuva/releases/latest/download/Kyuva-1.0.0.dmg" export function HeroSection() { return (

{/* Main Headline */}

Your Invisible Teleprompter

{/* Gradient Subheadline */}

Maintain natural eye contact. Every time.

{/* Three-line description */}

Text appears right next to your camera

Hidden from screen recordings & video calls

Voice-activated smooth scrolling

{/* CTA Buttons */}

{/* Platform Badge */}

macOS 13+

Windows & iOS coming soon

{/* Product Screenshot */}

{/* Glow effect behind the screenshot */}

{/* MacBook mockup */}

{/* Screen */}

{/* Notch/Camera area */}

{/* Kyuva overlay demonstration */}

{"Welcome to our Q3 earnings call. I'm excited to share..."}

{/* Zoom call mockup */}

{/* Platform requirements */}

Requires macOS 13.0 or later • Apple Silicon or Intel

) } [V0_FILE]typescriptreact:file="components/how-it-works-section.tsx" "use client" import { motion } from "framer-motion" import { FileText, Play, Mic } from "lucide-react" export function HowItWorksSection() { const steps = [ { number: "1", icon: FileText, title: "Add Your Script", description: "Write notes, paste text, or import from file", }, { number: "2", icon: Play, title: "Press Play", description: "Text appears near your camera, invisible to others", }, { number: "3", icon: Mic, title: "Speak Naturally", description: "Voice-activated scrolling keeps pace with you", }, ] return (

Three steps to reading naturally

{steps.map((step, index) => ( {/* Connector line */} {index < steps.length - 1 && (

)}

{/* Step number */}

{step.number}

{step.title}

{step.description}

{/* Screenshot placeholder */}

))}

) } [V0_FILE]typescriptreact:file="components/navbar.tsx" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Menu, X } from "lucide-react" const DMG_DOWNLOAD_URL = "https://github.com/KikuAI-Lab/kyuva/releases/latest/download/Kyuva-1.0.0.dmg" export function Navbar() { const [isScrolled, setIsScrolled] = useState(false) const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false) useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 20) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) const navLinks = [ { href: "#features", label: "Features" }, { href: "#pricing", label: "Pricing" }, { href: "#download", label: "Download" }, { href: "#faq", label: "FAQ" }, ] return (

{/* Logo */} Kyuva {/* Desktop Navigation */}

{navLinks.map((link) => ( {link.label} ))}

{/* CTA Button */}

{/* Mobile Menu Button */}

{/* Mobile Menu */} {isMobileMenuOpen && (

{navLinks.map((link) => ( setIsMobileMenuOpen(false)} > {link.label} ))}

)}

) } [V0_FILE]typescriptreact:file="components/pricing-section.tsx" "use client" import { motion } from "framer-motion" import { Button } from "@/components/ui/button" import { Check, Sparkles, Apple } from "lucide-react" const DMG_DOWNLOAD_URL = "https://github.com/KikuAI-Lab/kyuva/releases/latest/download/Kyuva-1.0.0.dmg" export function PricingSection() { return (

Launch Pricing

One payment. Yours forever.

{/* Free Tier */}

Free

$0 forever

{feature}

{/* Pro Tier */}

Pro

$29 $19 one-time

Launch discount — 35% off

{feature}

Upgrade from within the app

{/* Trust Text */} 30-day money-back guarantee • Secure payment via Apple

) } [V0_FILE]typescriptreact:file="components/problem-section.tsx" "use client" import { motion } from "framer-motion" import { AlertCircle } from "lucide-react" export function ProblemSection() { return (

Sound familiar?

{/* Story */}

{'"You\'ve memorized the script... mostly."'}

{'"Just one quick glance at my notes..."'}

Eyes dart down. The connection breaks.

Your audience notices. You feel it.

{/* Callout */}

The hard truth

People trust what they see. Looking away = losing them.

{/* Resolution */}

Kyuva keeps your eyes where they belong— on your audience.

) } [V0_FILE]typescriptreact:file="components/testimonials-section.tsx" "use client" import { motion } from "framer-motion" import { Star, TrendingUp } from "lucide-react" export function TestimonialsSection() { const testimonials = [ { quote: "I thought I was a natural presenter. Kyuva proved I can be even better.", author: "Sarah Chen", role: "Product Manager", }, { quote: "My YouTube watch time increased 40% after using Kyuva. Eye contact matters.", author: "Marcus Johnson", role: "Content Creator", }, { quote: "Game changer for webinars. Eight hours of teaching, zero awkward pauses.", author: "Dr. Emily Woods", role: "Online Educator", }, { quote: "Finally, a teleprompter that doesn't make me look like I'm reading.", author: "Alex Rivera", role: "Sales Director", }, { quote: "The voice activation is magic. It feels like the text reads my mind.", author: "Jordan Lee", role: "Podcast Host", }, { quote: "Closed 3 enterprise deals last month. Kyuva keeps me sharp on every call.", author: "Michael Torres", role: "Enterprise Sales Rep", }, { quote: "My students say I'm more engaging now. Little do they know my secret weapon.", author: "Prof. Linda Martinez", role: "University Lecturer", }, { quote: "From nervous to natural in one tool. Best investment for my coaching business.", author: "Rachel Kim", role: "Executive Coach", }, { quote: "I record 20 videos a week. Kyuva cut my editing time in half.", author: "Chris Anderson", role: "Course Creator", }, ] return (

{/* Rating Badge */}

{[...Array(5)].map((_, i) => ( ))}

5.0 from early users

Loved by content creators & professionals

{testimonials.slice(0, 6).map((testimonial, index) => (

{`"${testimonial.quote}"`}

{testimonial.author}

{testimonial.role}

))}

{testimonials.slice(6, 9).map((testimonial, index) => (

{`"${testimonial.quote}"`}

{testimonial.author}

{testimonial.role}

))}

{/* Success Story Card - Full Width */}

Success Story

{`"Switched from physical teleprompter to Kyuva. Saved $400 on equipment and my videos look 10x more natural. My audience engagement went up 60% in just two months."`}

David Kim

YouTube Creator, 250K subscribers

) } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" 'use client' import * as React from 'react' import { ThemeProvider as NextThemesProvider, type ThemeProviderProps, } from 'next-themes' export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/ui/accordion.tsx" 'use client' import * as React from 'react' import * as AccordionPrimitive from '@radix-ui/react-accordion' import { ChevronDownIcon } from 'lucide-react' import { cn } from '@/lib/utils' function Accordion({ ...props }: React.ComponentProps) { return } function AccordionItem({ className, ...props }: React.ComponentProps) { return ( ) } function AccordionTrigger({ className, children, ...props }: React.ComponentProps) { return ( svg]:rotate-180', className, )} {...props} > {children} ) } function AccordionContent({ className, children, ...props }: React.ComponentProps) { return (

{children}

) } export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } [V0_FILE]typescriptreact:file="components/ui/button.tsx" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", { variants: { variant: { default: 'bg-primary text-primary-foreground hover:bg-primary/90', destructive: 'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50', secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80', ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50', link: 'text-primary underline-offset-4 hover:underline', }, size: { default: 'h-9 px-4 py-2 has-[>svg]:px-3', sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5', lg: 'h-10 rounded-md px-6 has-[>svg]:px-4', icon: 'size-9', 'icon-sm': 'size-8', 'icon-lg': 'size-10', }, }, defaultVariants: { variant: 'default', size: 'default', }, }, ) function Button({ className, variant, size, asChild = false, ...props }: React.ComponentProps<'button'> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : 'button' return ( ) } export { Button, buttonVariants } [V0_FILE]typescriptreact:file="components/use-cases-section.tsx" "use client" import { motion } from "framer-motion" import { Video, Youtube, Briefcase, GraduationCap, Radio, Presentation } from "lucide-react" export function UseCasesSection() { const useCases = [ { icon: Video, title: "Zoom Presentations", description: "Deliver pitches without the teleprompter look", }, { icon: Youtube, title: "YouTube & TikTok", description: "Create content confidently, read scripts naturally", }, { icon: Briefcase, title: "Job Interviews", description: "Keep your key points handy without shuffling papers", }, { icon: GraduationCap, title: "Webinars & Training", description: "Teach for hours without losing your place", }, { icon: Radio, title: "Live Streaming", description: "Engage chat while reading sponsor messages", }, { icon: Presentation, title: "Investor Pitches", description: "Nail your funding presentation every time", }, ] return (

Perfect for every video moment

{useCases.map((useCase, index) => (

{useCase.title}

{useCase.description}

))}

) } [V0_FILE]typescriptreact:file="components/voice-activation-section.tsx" "use client" import { motion } from "framer-motion" import { Mic, Pause, Shield, Keyboard } from "lucide-react" export function VoiceActivationSection() { return (

{/* Section Header */} The Feature That Changes Everything

Scroll With Your Voice. Zero Effort.

Speak naturally, and Kyuva scrolls your script in perfect sync. Pause to think, and the text waits with you.

No foot pedals. No remote controls. Just your voice guiding the words.

{/* Main Content Grid */}

{/* Animated Demo */}

{/* Waveform visualization */}

{[...Array(20)].map((_, i) => ( ))}

{/* Scrolling text demo */}

{"...and that's why our Q3 results exceeded expectations."}

{"Looking ahead to Q4, we're focusing on three key initiatives."}

First, expanding our enterprise partnerships across Europe and Asia.

Second, launching our new AI-powered features in beta.

Third, optimizing our customer success operations.

{"Let me walk you through each of these in detail..."}

{/* Benefit Cards */} {[ { icon: Mic, title: "Hands-free", description: "Focus on your presentation, not on scrolling", }, { icon: Pause, title: "Smart Pause", description: "Automatically stops when you stop speaking", }, { icon: Shield, title: "Privacy First", description: "Audio never leaves your device", }, ].map((item, index) => (

{item.title}

{item.description}

))}

{/* Manual Control Note */}

Prefer manual control? Use keyboard, mouse, or tap to scroll

) } [V0_FILE]typescript:file="lib/utils.ts" import { clsx, type ClassValue } from 'clsx' import { twMerge } from 'tailwind-merge' export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]javascript:file="next.config.mjs" /** @type {import('next').NextConfig} */ const nextConfig = { typescript: { ignoreBuildErrors: true, }, images: { unoptimized: true, }, } export default nextConfig [V0_FILE]json:file="package.json" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "build": "next build", "dev": "next dev", "lint": "eslint .", "start": "next start" }, "dependencies": { "@emotion/is-prop-valid": "latest", "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "framer-motion": "12.23.26", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]javascript:file="postcss.config.mjs" /** @type {import('postcss-load-config').Config} */ const config = { plugins: { '@tailwindcss/postcss': {}, }, } export default config [V0_FILE]css:file="styles/globals.css" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: 'Geist', 'Geist Fallback'; --font-mono: 'Geist Mono', 'Geist Mono Fallback'; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]json:file="tsconfig.json" { "compilerOptions": { "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "target": "ES6", "skipLibCheck": true, "strict": true, "noEmit": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "bundler", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "plugins": [ { "name": "next" } ], "paths": { "@/*": ["./*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], "exclude": ["node_modules"] } [V0_FILE]png:file="public/apple-icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_YeNt9VM34UOzGpYJ9eVatHmSwAIE/IbCKqe8aOyKCr3C9s15usz/public/apple-icon.png" [V0_FILE]png:file="public/icon-dark-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_YeNt9VM34UOzGpYJ9eVatHmSwAIE/_NLAIkeVwoL6vEzK2uSXmZ/public/icon-dark-32x32.png" [V0_FILE]png:file="public/icon-light-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_YeNt9VM34UOzGpYJ9eVatHmSwAIE/DVnRdScnZe8NA9byc6_b4H/public/icon-light-32x32.png" [V0_FILE]xml:file="public/icon.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_YeNt9VM34UOzGpYJ9eVatHmSwAIE/l2-w3jDSPuRqpmK6lDq3GH/public/icon.svg" [V0_FILE]png:file="public/placeholder-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_YeNt9VM34UOzGpYJ9eVatHmSwAIE/1uv3SMJqY6_jxcFCTgTEak/public/placeholder-logo.png" [V0_FILE]xml:file="public/placeholder-logo.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_YeNt9VM34UOzGpYJ9eVatHmSwAIE/XB_XF8ESrwbAjotfOd5Wmb/public/placeholder-logo.svg" [V0_FILE]jpg:file="public/placeholder-user.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_YeNt9VM34UOzGpYJ9eVatHmSwAIE/ONejAluG3EJATcwwA61bXn/public/placeholder-user.jpg" [V0_FILE]jpg:file="public/placeholder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_YeNt9VM34UOzGpYJ9eVatHmSwAIE/BlrBc_c6JuPtjsBHFMcNJn/public/placeholder.jpg" [V0_FILE]xml:file="public/placeholder.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_YeNt9VM34UOzGpYJ9eVatHmSwAIE/J0QvC3Vjlpi92ZtRdLC4Mx/public/placeholder.svg"