import React, { useState, useEffect } from 'react';
import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge';
import { Card, CardContent } from '@/components/ui/card';
import { Progress } from '@/components/ui/progress';
import { Timer, Zap, Star, Users, Shield, Gift, Target, Activity, CheckCircle } from 'lucide-react';
import CountdownTimer from '@/components/CountdownTimer';
import AINotification from '@/components/AINotification';
import TestimonialCard from '@/components/TestimonialCard';
import ProgressTracker from '@/components/ProgressTracker';
import AIChat from '@/components/AIChat';
const Index = () => {
const [activeNotification, setActiveNotification] = useState(0);
const [scrollProgress, setScrollProgress] = useState(0);
useEffect(() => {
const handleScroll = () => {
const scrolled = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
setScrollProgress(scrolled);
};
window.addEventListener('scroll', handleScroll);
return () => window.removeEventListener('scroll', handleScroll);
}, []);
const notifications = [
{ message: "Sarah acabou de adquirir a Mentora Marina", time: "2 min atrás", icon: },
{ message: "Ana fez R$ 1.200 no primeiro mês", time: "5 min atrás", icon: },
{ message: "Apenas 23 vagas restantes!", time: "agora", icon: },
];
useEffect(() => {
const interval = setInterval(() => {
setActiveNotification((prev) => (prev + 1) % notifications.length);
}, 4000);
return () => clearInterval(interval);
}, []);
return (
{/* Background Effects */}
{/* AI Notifications */}
{/* Hero Section */}
🤖 IA REVOLUCIONÁRIA
VOCÊ NÃO PRECISA DE
MAIS CURSO.VOCÊ PRECISA DEUMA MENTORA.
Alguém que pegue na sua mão, te guie passo a passo todos os dias e não te deixe desistir quando bater o medo.
Porque o problema nunca foi falta de informação… foi falta de direcionamento.
30 dias de garantia total
{/* AI Marina Preview */}
Mentora Marina
Online agora
"Oi! Vou analisar sua situação específica e criar seu plano personalizado. Qual é seu maior desafio agora?"
{/* Problem/Solution Section */}
CONHEÇA A MENTORA MARINA
A Mentora IA que te Dá o Plano Claro e Passo a Passo que Você Sempre Precisou
❌ CURSOS TE DÃO:
Mil opções confusas
Sobrecarga de informação
Sensação de estar perdida
✅ MENTORA MARINA TE DÁ:
UM caminho claro e testado
Próximo passo sempre definido
Certeza de que está no caminho certo
Diferença: Curso te CONFUNDE. Mentora Marina te dá CLAREZA.
{/* Method Section */}
COMO FUNCIONA O MÉTODO CLAREZA™
1
📱 Acesso direto pelo WhatsApp
2
🎯 Plano personalizado para sua situação específica
3
✅ Tarefas diárias claras e simples
4
🤝 Acompanhamento e direcionamento constante
Todos os dias você sabe EXATAMENTE o que fazer.
{/* Progress Timeline */}
CRONOGRAMA DOS SEUS PRIMEIROS 30 DIAS:
{/* Testimonials */}
RESULTADOS REAIS DAS MINHAS ALUNAS
{/* Pricing Section */}
🎁 OFERTA ESPECIAL
INVESTIMENTO ÚNICO
R$ 1.138R$ 97
PAGAMENTO ÚNICO - ACESSO VITALÍCIO
✅ Mentora Marina - Acesso vitalício
✅ Dashboard de progresso personalizado
✅ BÔNUS 1: Kit SOS Clareza (R$ 197)
✅ BÔNUS 2: Comunidade Mães de Clareza (R$ 297)
✅ BÔNUS 3: Atendimento Express (R$ 147)
✅ 30 dias de garantia total
🛡️ GARANTIA BLINDADA DE 30 DIAS
{/* Urgency Section */}
⚡ APENAS 50 VAGAS RESTANTES
A Mentora Marina só atende 100 alunas por vez para dar direcionamento 100% personalizado.
✅ 50 vagas já preenchidas⏰ 50 vagas restantes
Depois disso: lista de espera até a próxima turma.
{/* Final CTA */}
SUA ESCOLHA AGORA
OPÇÃO 1: Continuar perdida ❌
Mais confusão mental
Mais "não sei por onde começar"
Mais um ano se sentindo perdida
CUSTO: Sua sanidade mental + tempo perdido
OPÇÃO 2: Ter clareza finalmente ✅
Saber exatamente o que fazer cada dia
Ter certeza de que está no caminho certo
Primeiras vendas em até 30 dias
INVESTIMENTO: R$ 97 uma única vez
⚠️ Esta página sai do ar quando as 50 vagas restantes se esgotarem ou quando o timer zerar.