[V0_FILE]typescriptreact:file="app/page.tsx" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import VSLSection from "@/components/vsl-section" import Testimonials from "@/components/testimonials" import FAQ from "@/components/faq" import CountdownTimer from "@/components/countdown-timer" import BenefitsList from "@/components/benefits-list" import GuaranteeSection from "@/components/guarantee-section" export default function LandingPage() { return (

{/* Header with attention-grabbing headline */}

Exclusivo: Vagas Limitadas

{/* Main headline */}

Descubra o Sistema Comprovado que Transformou Mais de 3.427 Pessoas Comuns em Especialistas de Marketing Digital

Mesmo que você esteja começando do zero, sem experiência técnica ou conhecimento prévio

{/* VSL Section */} {/* Countdown Timer for Urgency */}

Esta oferta especial expira em:

{/* Primary CTA */}

*Garantia de 30 dias de satisfação ou seu dinheiro de volta

{/* Benefits Section */}

O Que Você Vai Aprender

{/* Social Proof / Testimonials */}

O Que Nossos Alunos Estão Dizendo

{/* Price Comparison */}

Investimento

OFERTA POR TEMPO LIMITADO

Valor Normal:

R$1.997

Hoje Apenas:

R$997

ou 12x de R$97

{/* Guarantee Section */} {/* FAQ Section */}

Perguntas Frequentes

{/* Final CTA */}

Está Pronto Para Transformar Seu Negócio Digital?

*Acesso imediato após a confirmação do pagamento

{/* Footer */}

) } [V0_FILE]typescriptreact:file="components/vsl-section.tsx" import { Play } from "lucide-react" import { Button } from "@/components/ui/button" export default function VSLSection() { return (

{/* This would be replaced with an actual video player in production */}

Clique para assistir o vídeo

{/* Video overlay with headline */}

"Como Eu Construí Um Negócio Digital Lucrativo Partindo do Zero"

🔊 Por favor, verifique se o som está ligado. Duração do vídeo: 37 minutos

) } [V0_FILE]typescriptreact:file="components/countdown-timer.tsx" "use client" import { useState, useEffect } from "react" interface CountdownTimerProps { hours: number minutes: number seconds: number } export default function CountdownTimer({ hours, minutes, seconds }: CountdownTimerProps) { const [timeLeft, setTimeLeft] = useState({ hours, minutes, seconds, }) useEffect(() => { const timer = setInterval(() => { setTimeLeft((prevTime) => { const newSeconds = prevTime.seconds - 1 const newMinutes = newSeconds < 0 ? prevTime.minutes - 1 : prevTime.minutes const newHours = newMinutes < 0 ? prevTime.hours - 1 : prevTime.hours return { hours: newHours < 0 ? 0 : newHours, minutes: newMinutes < 0 ? 59 : newMinutes, seconds: newSeconds < 0 ? 59 : newSeconds, } }) }, 1000) return () => clearInterval(timer) }, []) const formatNumber = (num: number) => num.toString().padStart(2, "0") return (

{formatNumber(timeLeft.hours)} Horas

{formatNumber(timeLeft.minutes)} Minutos

{formatNumber(timeLeft.seconds)} Segundos

) } [V0_FILE]typescriptreact:file="components/benefits-list.tsx" import { Check } from "lucide-react" export default function BenefitsList() { const benefits = [ "Como criar campanhas de anúncios altamente lucrativas no Facebook e Instagram", "Estratégias avançadas de SEO para dominar os resultados de busca do Google", "Como construir uma lista de e-mail responsiva que gera vendas automáticas", "Técnicas de copywriting que convertem visitantes em compradores", "Como criar funis de vendas que funcionam 24 horas por dia, 7 dias por semana", "Estratégias de marketing de conteúdo para se posicionar como autoridade", "Como escalar seu negócio digital de 5 para 6 ou 7 dígitos", "Sistemas automatizados para gerar leads qualificados diariamente", ] return (

{benefits.map((benefit, index) => (

{benefit}

))}

) } [V0_FILE]typescriptreact:file="components/testimonials.tsx" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" export default function Testimonials() { const testimonials = [ { name: "Carlos Silva", role: "Empreendedor Digital", image: "/placeholder.svg?height=80&width=80", content: "Antes do curso, eu estava perdido tentando entender marketing digital. Agora, meu negócio gera R$30.000 por mês com as estratégias que aprendi!", result: "Resultado: +R$30.000/mês", }, { name: "Ana Oliveira", role: "Coach de Emagrecimento", image: "/placeholder.svg?height=80&width=80", content: "Consegui criar uma lista de e-mail com mais de 5.000 pessoas em apenas 3 meses usando as técnicas do curso. Minhas vendas triplicaram!", result: "Resultado: Vendas triplicadas", }, { name: "Marcos Santos", role: "Consultor Financeiro", image: "/placeholder.svg?height=80&width=80", content: "Investi R$997 no curso e recuperei o valor em menos de uma semana com minha primeira campanha de anúncios. Melhor investimento que já fiz!", result: "Resultado: ROI em menos de 7 dias", }, ] return (

{testimonials.map((testimonial, index) => (

{testimonial.name}

{testimonial.role}

"{testimonial.content}"

{testimonial.result}

))}

) } [V0_FILE]typescriptreact:file="components/faq.tsx" "use client" import { useState } from "react" import { ChevronDown, ChevronUp } from "lucide-react" export default function FAQ() { const faqs = [ { question: "Quanto tempo tenho acesso ao curso?", answer: "Você terá acesso vitalício ao curso e a todas as atualizações futuras. Uma vez que você compra, é seu para sempre.", }, { question: "Preciso ter experiência prévia em marketing digital?", answer: "Não! O curso foi desenhado para iniciantes e também contém estratégias avançadas para quem já tem experiência. Começamos do zero e avançamos gradualmente.", }, { question: "Como funciona a garantia de devolução do dinheiro?", answer: "Oferecemos uma garantia incondicional de 30 dias. Se você não estiver satisfeito por qualquer motivo, basta nos enviar um e-mail e devolveremos 100% do seu investimento, sem perguntas.", }, { question: "Quanto tempo leva para ver resultados?", answer: "Muitos alunos começam a ver resultados nas primeiras semanas, mas isso varia dependendo do seu nicho, dedicação e aplicação das estratégias. Temos alunos que recuperaram o investimento em menos de 7 dias.", }, { question: "Existe suporte para tirar dúvidas?", answer: "Sim! Você terá acesso a um grupo exclusivo onde nossa equipe responde dúvidas em até 24 horas. Também realizamos sessões de mentoria em grupo mensalmente.", }, ] const [openIndex, setOpenIndex] = useState(null) const toggleFAQ = (index: number) => { setOpenIndex(openIndex === index ? null : index) } return (

{faqs.map((faq, index) => (

{openIndex === index && (

{faq.answer}

)}

))}

) } [V0_FILE]typescriptreact:file="components/guarantee-section.tsx" import { Shield } from "lucide-react" export default function GuaranteeSection() { return (

Garantia Incondicional de 30 Dias

Estamos tão confiantes que este programa vai transformar seu negócio digital que oferecemos uma garantia de satisfação total de 30 dias. Se por qualquer motivo você não ficar satisfeito, basta nos enviar um e-mail e devolveremos 100% do seu dinheiro, sem perguntas.

Você não tem nada a perder e tudo a ganhar. O risco é todo nosso!

) } [V0_FILE]typescriptreact:file="app/order/page.tsx" "use client" import { useState } from "react" import Link from "next/link" import Image from "next/image" import { ShoppingCart, CreditCard } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Checkbox } from "@/components/ui/checkbox" import CountdownTimer from "@/components/countdown-timer" export default function OrderPage() { const [orderBumpSelected, setOrderBumpSelected] = useState(false) return (

Complete seu pedido

Você está a um passo de transformar seu negócio digital

Complete seu pedido abaixo para obter acesso imediato

{/* Countdown Timer for Urgency */}

Esta oferta expira em:

{/* Order Form - 3 columns */}

Informações de Pagamento

Nome

Sobrenome

Telefone

Método de Pagamento

Cartão de Crédito

Pix

{/* Order Bump */}

setOrderBumpSelected(checked as boolean)} />

OFERTA ESPECIAL: Adicione o Pacote de Templates Premium por apenas R$197 (60% OFF)

Economize tempo e aumente seus resultados com nossa coleção de 50+ templates prontos para usar: páginas de vendas, emails, anúncios, posts para redes sociais e muito mais!

De R$497 por apenas{" "} R$197

{/* Order Summary - 2 columns */}

Resumo do Pedido

Digital Marketing Mastery

Acesso vitalício ao curso completo

R$997

{orderBumpSelected && (

Pacote de Templates Premium

50+ templates prontos para usar

R$197

)}

Subtotal:

R${orderBumpSelected ? "1.194" : "997"}

Ao finalizar seu pedido, você concorda com nossos{" "} Termos de Uso {" "} e{" "} Política de Privacidade

Pagamento 100% Seguro

) } [V0_FILE]typescriptreact:file="app/upsell/page.tsx" "use client" import Link from "next/link" import Image from "next/image" import { CheckCircle2, ArrowRight, Clock } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import CountdownTimer from "@/components/countdown-timer" export default function UpsellPage() { return (

Seu pedido foi confirmado com sucesso!

Espere! Oferta Especial Única

Turbine Seus Resultados Com Nossa Mentoria VIP

Oferta exclusiva para novos alunos - Disponível apenas nesta página

{/* Countdown Timer for Urgency */}

Esta oferta expira em:

OFERTA ESPECIAL - 70% DE DESCONTO

Mentoria VIP (3 meses)

Acelere seus resultados com acesso direto aos nossos especialistas em marketing digital. Receba feedback personalizado e orientação específica para o seu negócio.

2 sessões mensais de mentoria individual (30 minutos cada)

Revisão personalizada das suas campanhas e estratégias

Acesso ao grupo VIP exclusivo no Telegram

Prioridade no suporte técnico (resposta em até 4 horas)

De R$1.997

-70%

Por apenas R$597

ou 3x de R$199 sem juros

Esta oferta não estará disponível novamente

O Que Nossos Alunos VIP Estão Dizendo

"A mentoria VIP foi o que realmente fez a diferença para o meu negócio. Em apenas 2 meses, consegui triplicar meu faturamento com as estratégias personalizadas."

Roberto Almeida

Consultor de Marketing

"Ter acesso direto aos especialistas fez toda a diferença. Eles me ajudaram a identificar problemas que eu nem sabia que existiam e a implementar soluções rapidamente."

Juliana Costa

E-commerce

) } [V0_FILE]typescriptreact:file="app/downsell/page.tsx" "use client" import Link from "next/link" import Image from "next/image" import { CheckCircle2, ArrowRight, Clock } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import CountdownTimer from "@/components/countdown-timer" export default function DownsellPage() { return (

Espere! Temos Uma Oferta Especial Para Você

Entendemos que a Mentoria VIP pode não ser para todos neste momento

Acesso ao Grupo de Suporte Premium

Uma alternativa mais acessível para receber suporte e orientação

{/* Countdown Timer for Urgency */}

Esta oferta expira em:

OFERTA ESPECIAL - 80% DE DESCONTO

Grupo de Suporte Premium (6 meses)

Receba suporte contínuo da nossa equipe e conecte-se com outros alunos para compartilhar experiências e estratégias.

Acesso ao grupo exclusivo no Telegram

Sessões semanais de perguntas e respostas em grupo

Suporte por email com resposta em até 24 horas

Acesso a materiais e recursos exclusivos

De R$497

-80%

Por apenas R$97

pagamento único

Esta oferta não estará disponível novamente

) } [V0_FILE]typescriptreact:file="app/thank-you/page.tsx" import Link from "next/link" import Image from "next/image" import { CheckCircle2, ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" export default function ThankYouPage() { return (

Seu pedido foi confirmado com sucesso!

Obrigado pela sua compra!

Pedido Confirmado

Enviamos os detalhes de acesso para o seu email

Detalhes do Pedido

Digital Marketing Mastery

Acesso vitalício ao curso completo

R$997

Total:

R$997

Próximos Passos

Verifique seu email para obter os detalhes de acesso à plataforma

Faça login na plataforma usando as credenciais fornecidas

Assista ao vídeo de boas-vindas para saber como aproveitar ao máximo o curso

Precisa de Ajuda?

Se você tiver alguma dúvida ou precisar de suporte, entre em contato conosco em{" "} suporte@exemplo.com

) } [V0_FILE]typescriptreact:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 221.2 83.2% 53.3%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 221.2 83.2% 53.3%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 217.2 91.2% 59.8%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 224.3 76.3% 48%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } }

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This