Spaces:

lcarcos
/

viralai

Running

App Files Files Community

lcarcos commited on May 22, 2025

Commit

0878206

verified ·

1 Parent(s): f8e46af

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +492 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Viralai
-emoji: 😻
-colorFrom: indigo
-colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: viralai
+emoji: 🐳
+colorFrom: blue
+colorTo: purple
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,492 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Domine Vídeos Virais com IA</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .gradient-bg {
+            background: linear-gradient(135deg, #6e48aa 0%, #9d50bb 100%);
+        }
+        .hover-scale {
+            transition: transform 0.3s ease;
+        }
+        .hover-scale:hover {
+            transform: scale(1.05);
+        }
+        .feature-card {
+            transition: all 0.3s ease;
+        }
+        .feature-card:hover {
+            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
+        }
+        .platform-icon {
+            filter: grayscale(100%);
+            opacity: 0.7;
+            transition: all 0.3s ease;
+        }
+        .platform-icon:hover {
+            filter: grayscale(0);
+            opacity: 1;
+        }
+        .testimonial-card {
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(10px);
+        }
+        .faq-item {
+            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-white font-sans">
+    <!-- Hero Section -->
+    <section class="gradient-bg py-20 px-4 md:px-10">
+        <div class="max-w-6xl mx-auto">
+            <div class="flex flex-col md:flex-row items-center">
+                <div class="md:w-1/2 mb-10 md:mb-0">
+                    <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">
+                        Domine Vídeos Virais com <span class="text-yellow-300">Inteligência Artificial</span>
+                    </h1>
+                    <p class="text-xl md:text-2xl text-gray-200 mb-8">
+                        Aprenda a usar as ferramentas de IA mais avançadas para criar vídeos de impacto e transformar views em renda passiva.
+                    </p>
+                    <div class="flex flex-col sm:flex-row gap-4 mb-10">
+                        <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-4 px-8 rounded-full hover-scale transition-all duration-300">
+                            Comece sua Jornada com IA Hoje
+                        </button>
+                        <button class="bg-transparent border-2 border-white hover:bg-white hover:text-gray-900 font-bold py-4 px-8 rounded-full hover-scale transition-all duration-300">
+                            Assista à Demonstração
+                        </button>
+                    </div>
+                    <div class="flex items-center gap-6">
+                        <p class="text-gray-300">Disponível para:</p>
+                        <div class="flex gap-4">
+                            <i class="fab fa-youtube text-3xl platform-icon hover:text-red-500"></i>
+                            <i class="fab fa-tiktok text-3xl platform-icon hover:text-black"></i>
+                            <i class="fab fa-instagram text-3xl platform-icon hover:text-pink-500"></i>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:w-1/2 flex justify-center">
+                    <img src="https://images.unsplash.com/photo-1614680376573-df3480f0c6ff?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80"
+                         alt="IA criando vídeos"
+                         class="rounded-xl shadow-2xl w-full max-w-md border-4 border-white">
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- What You'll Learn Section -->
+    <section class="py-20 px-4 md:px-10 bg-gray-800">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
+                O que você vai <span class="text-yellow-300">aprender?</span>
+            </h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <!-- Feature 1 -->
+                <div class="bg-gray-700 rounded-xl p-6 feature-card">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-microphone text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Criar vídeos virais com ElevenLabs</h3>
+                    <p class="text-gray-300">Voz realista e narração profissional para seus vídeos usando IA de última geração.</p>
+                </div>
+                <!-- Feature 2 -->
+                <div class="bg-gray-700 rounded-xl p-6 feature-card">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-film text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Editar com qualidade profissional</h3>
+                    <p class="text-gray-300">Use RunwayML para edições que impressionam, mesmo sem experiência prévia.</p>
+                </div>
+                <!-- Feature 3 -->
+                <div class="bg-gray-700 rounded-xl p-6 feature-card">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-music text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Gerar músicas exclusivas</h3>
+                    <p class="text-gray-300">Crie trilhas sonoras personalizadas com SunoAI que combinam perfeitamente com seu conteúdo.</p>
+                </div>
+                <!-- Feature 4 -->
+                <div class="bg-gray-700 rounded-xl p-6 feature-card">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-robot text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Criar apresentadores digitais</h3>
+                    <p class="text-gray-300">HeyGen para avatares humanos realistas que falam seus textos com perfeição.</p>
+                </div>
+                <!-- Feature 5 -->
+                <div class="bg-gray-700 rounded-xl p-6 feature-card">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-scroll text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Transformar ideias em roteiros</h3>
+                    <p class="text-gray-300">Hailou AI converte suas ideias em roteiros prontos para produção em minutos.</p>
+                </div>
+                <!-- Feature 6 -->
+                <div class="bg-gray-700 rounded-xl p-6 feature-card">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-share-alt text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Distribuir conteúdo viral</h3>
+                    <p class="text-gray-300">Estratégias comprovadas para atrair milhões de views em todas as plataformas.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Who Is This For Section -->
+    <section class="py-20 px-4 md:px-10 gradient-bg">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
+                Para quem é esse <span class="text-yellow-300">curso?</span>
+            </h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+                <!-- Target 1 -->
+                <div class="bg-white bg-opacity-10 rounded-xl p-6 text-center hover-scale">
+                    <div class="bg-yellow-400 text-gray-900 w-16 h-16 rounded-full flex items-center justify-center mb-4 mx-auto">
+                        <i class="fas fa-users text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Criadores de conteúdo</h3>
+                    <p class="text-gray-200">Que querem escalar sua produção sem perder qualidade.</p>
+                </div>
+                <!-- Target 2 -->
+                <div class="bg-white bg-opacity-10 rounded-xl p-6 text-center hover-scale">
+                    <div class="bg-yellow-400 text-gray-900 w-16 h-16 rounded-full flex items-center justify-center mb-4 mx-auto">
+                        <i class="fas fa-briefcase text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Empreendedores digitais</h3>
+                    <p class="text-gray-200">Que buscam renda passiva através de vídeos virais.</p>
+                </div>
+                <!-- Target 3 -->
+                <div class="bg-white bg-opacity-10 rounded-xl p-6 text-center hover-scale">
+                    <div class="bg-yellow-400 text-gray-900 w-16 h-16 rounded-full flex items-center justify-center mb-4 mx-auto">
+                        <i class="fas fa-building text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Agências</h3>
+                    <p class="text-gray-200">Que querem oferecer serviços premium com IA.</p>
+                </div>
+                <!-- Target 4 -->
+                <div class="bg-white bg-opacity-10 rounded-xl p-6 text-center hover-scale">
+                    <div class="bg-yellow-400 text-gray-900 w-16 h-16 rounded-full flex items-center justify-center mb-4 mx-auto">
+                        <i class="fas fa-dollar-sign text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Visionários</h3>
+                    <p class="text-gray-200">Que querem faturar com vídeos no TikTok, Instagram e YouTube Shorts.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- What You'll Get Section -->
+    <section class="py-20 px-4 md:px-10 bg-gray-800">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
+                O que você vai <span class="text-yellow-300">receber?</span>
+            </h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                <!-- Benefit 1 -->
+                <div class="flex items-start gap-4">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex-shrink-0 flex items-center justify-center mt-1">
+                        <i class="fas fa-video text-xl"></i>
+                    </div>
+                    <div>
+                        <h3 class="text-xl font-bold mb-2">Acesso completo ao curso</h3>
+                        <p class="text-gray-300">Vídeo aulas passo a passo que você pode assistir no seu ritmo, quantas vezes quiser.</p>
+                    </div>
+                </div>
+                <!-- Benefit 2 -->
+                <div class="flex items-start gap-4">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex-shrink-0 flex items-center justify-center mt-1">
+                        <i class="fas fa-tools text-xl"></i>
+                    </div>
+                    <div>
+                        <h3 class="text-xl font-bold mb-2">Ferramentas e templates</h3>
+                        <p class="text-gray-300">Templates prontos para usar e acelerar sua produção de conteúdo.</p>
+                    </div>
+                </div>
+                <!-- Benefit 3 -->
+                <div class="flex items-start gap-4">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex-shrink-0 flex items-center justify-center mt-1">
+                        <i class="fas fa-chart-line text-xl"></i>
+                    </div>
+                    <div>
+                        <h3 class="text-xl font-bold mb-2">Estratégia de distribuição</h3>
+                        <p class="text-gray-300">Técnicas comprovadas para viralizar seu conteúdo em todas as plataformas.</p>
+                    </div>
+                </div>
+                <!-- Benefit 4 -->
+                <div class="flex items-start gap-4">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex-shrink-0 flex items-center justify-center mt-1">
+                        <i class="fas fa-robot text-xl"></i>
+                    </div>
+                    <div>
+                        <h3 class="text-xl font-bold mb-2">Aulas práticas com IA</h3>
+                        <p class="text-gray-300">Hands-on com as ferramentas mais modernas e atualizações futuras inclusas.</p>
+                    </div>
+                </div>
+                <!-- Benefit 5 -->
+                <div class="flex items-start gap-4">
+                    <div class="bg-yellow-400 text-gray-900 w-12 h-12 rounded-full flex-shrink-0 flex items-center justify-center mt-1">
+                        <i class="fas fa-gift text-xl"></i>
+                    </div>
+                    <div>
+                        <h3 class="text-xl font-bold mb-2">Bônus exclusivo</h3>
+                        <p class="text-gray-300">E-book "100 Ideias de Conteúdo com IA" para nunca faltar inspiração.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Special Offer Section -->
+    <section class="py-20 px-4 md:px-10 gradient-bg">
+        <div class="max-w-4xl mx-auto text-center">
+            <div class="bg-white bg-opacity-10 rounded-xl p-8 md:p-12 backdrop-blur-sm">
+                <h2 class="text-3xl md:text-4xl font-bold mb-6">
+                    Oferta <span class="text-yellow-300">Especial</span>
+                </h2>
+                <div class="text-4xl md:text-5xl font-bold mb-6">
+                    <span class="line-through text-gray-300">R$297,00</span>
+                    <span class="text-yellow-300"> R$97,00</span>
+                </div>
+                <p class="text-xl mb-8">
+                    Garanta acesso <span class="font-bold">vitalício</span> por apenas R$97,00 (por tempo limitado!)
+                </p>
+                <div class="bg-yellow-400 text-gray-900 rounded-lg p-4 mb-8">
+                    <div class="flex items-center justify-center gap-2">
+                        <i class="fas fa-bolt"></i>
+                        <span class="font-bold">Vagas limitadas para os primeiros alunos</span>
+                    </div>
+                </div>
+                <ul class="text-left max-w-md mx-auto space-y-3 mb-10">
+                    <li class="flex items-start gap-3">
+                        <i class="fas fa-check-circle text-yellow-300 mt-1"></i>
+                        <span>Suporte exclusivo via grupo no WhatsApp</span>
+                    </li>
+                    <li class="flex items-start gap-3">
+                        <i class="fas fa-check-circle text-yellow-300 mt-1"></i>
+                        <span>Garantia de 7 dias ou seu dinheiro de volta</span>
+                    </li>
+                    <li class="flex items-start gap-3">
+                        <i class="fas fa-check-circle text-yellow-300 mt-1"></i>
+                        <span>Atualizações futuras inclusas</span>
+                    </li>
+                </ul>
+                <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-5 px-12 rounded-full text-xl hover-scale transition-all duration-300 shadow-lg">
+                    Quero Aprender a Criar Vídeos Virais com IA
+                </button>
+                <div class="mt-6 text-sm text-gray-300">
+                    <i class="fas fa-lock"></i> Pagamento 100% seguro
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonials Section -->
+    <section class="py-20 px-4 md:px-10 bg-gray-800">
+        <div class="max-w-4xl mx-auto">
+            <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
+                O que nossos alunos <span class="text-yellow-300">dizem</span>
+            </h2>
+            <div class="testimonial-card rounded-xl p-8 mb-10">
+                <div class="flex items-center mb-6">
+                    <div class="w-16 h-16 rounded-full overflow-hidden bg-gray-700">
+                        <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Ana Paula" class="w-full h-full object-cover">
+                    </div>
+                    <div class="ml-4">
+                        <h4 class="font-bold">Ana Paula</h4>
+                        <p class="text-gray-400">Criadora de conteúdo</p>
+                    </div>
+                </div>
+                <p class="text-lg italic">
+                    "Aprendi a criar vídeos em 10 minutos que me geraram mais de 100 mil visualizações em 3 dias! O curso mudou completamente minha forma de produzir conteúdo."
+                </p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div class="testimonial-card rounded-xl p-6">
+                    <div class="flex items-center mb-4">
+                        <div class="w-12 h-12 rounded-full overflow-hidden bg-gray-700">
+                            <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Carlos" class="w-full h-full object-cover">
+                        </div>
+                        <div class="ml-3">
+                            <h4 class="font-bold">Carlos</h4>
+                            <p class="text-gray-400 text-sm">Empreendedor</p>
+                        </div>
+                    </div>
+                    <p class="text-sm italic">
+                        "Consegui automatizar 80% da produção de vídeos para meu negócio. Agora tenho mais tempo para focar em estratégias."
+                    </p>
+                </div>
+                <div class="testimonial-card rounded-xl p-6">
+                    <div class="flex items-center mb-4">
+                        <div class="w-12 h-12 rounded-full overflow-hidden bg-gray-700">
+                            <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Juliana" class="w-full h-full object-cover">
+                        </div>
+                        <div class="ml-3">
+                            <h4 class="font-bold">Juliana</h4>
+                            <p class="text-gray-400 text-sm">Agência de Marketing</p>
+                        </div>
+                    </div>
+                    <p class="text-sm italic">
+                        "Adicionei serviços de produção com IA ao meu portfólio e já recuperei o investimento no curso em 2 semanas."
+                    </p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- FAQ Section -->
+    <section class="py-20 px-4 md:px-10 gradient-bg">
+        <div class="max-w-4xl mx-auto">
+            <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
+                Perguntas <span class="text-yellow-300">Frequentes</span>
+            </h2>
+            <div class="space-y-6">
+                <!-- FAQ 1 -->
+                <div class="faq-item pb-6">
+                    <div class="flex justify-between items-center cursor-pointer">
+                        <h3 class="text-xl font-bold">Preciso saber editar vídeos?</h3>
+                        <i class="fas fa-chevron-down text-yellow-300"></i>
+                    </div>
+                    <p class="mt-3 text-gray-200">
+                        Não! O curso é para iniciantes e mostra tudo do zero, desde os conceitos mais básicos até técnicas avançadas.
+                    </p>
+                </div>
+                <!-- FAQ 2 -->
+                <div class="faq-item pb-6">
+                    <div class="flex justify-between items-center cursor-pointer">
+                        <h3 class="text-xl font-bold">Preciso pagar pelas ferramentas de IA?</h3>
+                        <i class="fas fa-chevron-down text-yellow-300"></i>
+                    </div>
+                    <p class="mt-3 text-gray-200">
+                        Algumas têm versões gratuitas que usamos no curso. Mostramos como aproveitar ao máximo os planos gratuitos e também as opções premium para quem quiser investir mais.
+                    </p>
+                </div>
+                <!-- FAQ 3 -->
+                <div class="faq-item pb-6">
+                    <div class="flex justify-between items-center cursor-pointer">
+                        <h3 class="text-xl font-bold">O curso é ao vivo?</h3>
+                        <i class="fas fa-chevron-down text-yellow-300"></i>
+                    </div>
+                    <p class="mt-3 text-gray-200">
+                        Não, as aulas são gravadas e você assiste quando quiser, no seu ritmo. Mas temos um grupo exclusivo para tirar dúvidas e interagir com outros alunos.
+                    </p>
+                </div>
+                <!-- FAQ 4 -->
+                <div class="faq-item pb-6">
+                    <div class="flex justify-between items-center cursor-pointer">
+                        <h3 class="text-xl font-bold">Quanto tempo tenho acesso ao curso?</h3>
+                        <i class="fas fa-chevron-down text-yellow-300"></i>
+                    </div>
+                    <p class="mt-3 text-gray-200">
+                        Acesso vitalício! Você pode assistir quantas vezes quiser e terá direito a todas as atualizações futuras sem custo adicional.
+                    </p>
+                </div>
+                <!-- FAQ 5 -->
+                <div class="faq-item pb-6">
+                    <div class="flex justify-between items-center cursor-pointer">
+                        <h3 class="text-xl font-bold">Como é a garantia de 7 dias?</h3>
+                        <i class="fas fa-chevron-down text-yellow-300"></i>
+                    </div>
+                    <p class="mt-3 text-gray-200">
+                        Se em até 7 dias você achar que o curso não é para você, basta nos enviar um email que devolvemos 100% do seu dinheiro, sem perguntas.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Final CTA -->
+    <section class="py-16 px-4 md:px-10 bg-gray-900">
+        <div class="max-w-4xl mx-auto text-center">
+            <h2 class="text-3xl md:text-4xl font-bold mb-6">
+                Transforme suas ideias em <span class="text-yellow-300">vídeos virais</span> hoje mesmo!
+            </h2>
+            <p class="text-xl mb-8 max-w-2xl mx-auto">
+                Não perca a chance de dominar as ferramentas mais avançadas de IA para criação de conteúdo.
+            </p>
+            <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-5 px-12 rounded-full text-xl hover-scale transition-all duration-300">
+                Quero Meu Acesso por R$97,00
+            </button>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="py-10 px-4 md:px-10 bg-gray-800">
+        <div class="max-w-6xl mx-auto">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="mb-6 md:mb-0">
+                    <h3 class="text-2xl font-bold mb-2">Domine Vídeos Virais com IA</h3>
+                    <p class="text-gray-400">© 2023 Todos os direitos reservados</p>
+                </div>
+                <div class="flex gap-6">
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-instagram text-2xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-youtube text-2xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-tiktok text-2xl"></i>
+                    </a>
+                </div>
+            </div>
+            <div class="mt-10 pt-6 border-t border-gray-700 text-center text-gray-500 text-sm">
+                <p>Este produto não garante resultados financeiros. Seu sucesso depende exclusivamente do seu esforço e dedicação.</p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Simple FAQ toggle functionality
+        document.querySelectorAll('.faq-item > div').forEach(item => {
+            item.addEventListener('click', () => {
+                const answer = item.nextElementSibling;
+                const icon = item.querySelector('i');
+                if (answer.style.maxHeight) {
+                    answer.style.maxHeight = null;
+                    icon.classList.remove('fa-chevron-up');
+                    icon.classList.add('fa-chevron-down');
+                } else {
+                    answer.style.maxHeight = answer.scrollHeight + 'px';
+                    icon.classList.remove('fa-chevron-down');
+                    icon.classList.add('fa-chevron-up');
+                }
+            });
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=lcarcos/viralai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ 🧠 Landing Page: Domine Vídeos Virais com IA [Seção 1 – Hero Section] Título: Domine Vídeos Virais com Inteligência Artificial Subtítulo: Aprenda a usar as ferramentas de IA mais avançadas para criar vídeos de impacto e transformar views em renda passiva. Botões: [Comece sua Jornada com IA Hoje] | [Assista à Demonstração] Ícones das plataformas: YouTube | TikTok | Instagram [Seção 2 – O que você vai aprender?] ✅ Criar vídeos virais com ElevenLabs (voz realista e narração) ✅ Editar com qualidade profissional usando RunwayML ✅ Gerar músicas exclusivas com SunoAI ✅ Criar apresentadores digitais com HeyGen ✅ Transformar ideias em roteiros com Hailou AI ✅ Distribuir conteúdo que atrai milhões de views [Seção 3 – Para quem é esse curso?] 🔹 Criadores de conteúdo que querem escalar 🔹 Empreendedores digitais que buscam renda passiva 🔹 Agências que querem oferecer serviços com IA 🔹 Pessoas que querem faturar com vídeos no TikTok, Instagram e YouTube Shorts [Seção 4 – O que você vai receber] 🎥 Acesso completo ao curso (em vídeo, passo a passo) 🛠️ Ferramentas e templates prontos para usar 📈 Estratégia de distribuição para viralizar conteúdo 🤖 Aulas práticas com IA e atualizações futuras 💸 Bônus: E-book "100 Ideias de Conteúdo com IA" [Seção 5 – Oferta Especial] Garanta acesso vitalício por apenas R$97,00 (por tempo limitado!) 👉 Vagas limitadas para os primeiros alunos 👉 Suporte exclusivo via grupo no WhatsApp 👉 Garantia de 7 dias ou seu dinheiro de volta [Quero Aprender a Criar Vídeos Virais com IA] [Seção 6 – Depoimentos (opcional) 📢 “Aprendi a criar vídeos em 10 minutos que me geraram mais de 100 mil visualizações em 3 dias!” – Ana Paula, criadora de conteúdo [Seção 7 – FAQ / Perguntas Frequentes] Preciso saber editar vídeos? Não! O curso é para iniciantes e mostra tudo do zero. Preciso pagar pelas ferramentas de IA? Algumas têm versões gratuitas que usamos no curso. O curso é ao vivo? Não, as aulas são gravadas e você assiste quando quiser.