<![CDATA[{
"project": "O Código do Desapego - Conduta Alpha",
"pages": {
"Home": "import React from \"react\";\nimport HeroSection from \"@/components/landing/HeroSection\";\nimport PainSection from \"@/components/landing/PainSection\";\nimport SolutionSection from \"@/components/landing/SolutionSection\";\nimport BonusSection from \"@/components/landing/BonusSection\";\nimport AuthorSection from \"@/components/landing/AuthorSection\";\nimport OfferSection from \"@/components/landing/OfferSection\";\nimport FooterSection from \"@/components/landing/FooterSection\";\n\nexport default function Home() {\n return (\n <div className=\"min-h-screen bg-[#0A0A0A] selection:bg-[#D4AF37]/30 selection:text-white\">\n <HeroSection />\n <PainSection />\n <SolutionSection />\n <BonusSection />\n <AuthorSection />\n <OfferSection />\n <FooterSection />\n </div>\n );\n}"
},
"components": {
"landing": {
"HeroSection": "import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { ChevronRight } from \"lucide-react\";\n\nexport default function HeroSection() {\n return (\n <section className=\"relative min-h-screen flex items-center justify-center overflow-hidden bg-[#0A0A0A]\">\n {/* Subtle radial gradient */}\n <div className=\"absolute inset-0 bg-[radial-gradient(ellipse_at_top,_rgba(212,175,55,0.08)_0%,_transparent_60%)]\" />\n \n {/* Gold line accents */}\n <div className=\"absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-[#D4AF37]/30 to-transparent\" />\n \n <div className=\"relative z-10 max-w-4xl mx-auto px-6 py-24 text-center\">\n <motion.div\n initial={{ opacity: 0, y: 30 }}\n animate={{ opacity: 1, y: 0 }}\n transition={{ duration: 0.8, ease: \"easeOut\" }}\n className=\"flex flex-col items-center gap-6 mb-8\"\n >\n {/* Logo */}\n <img\n src=\"https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/698921204a85f39fc070fca9/b3e1a5191_logo-conduta-alpha-incolor.png\"\n alt=\"Conduta Alpha\"\n className=\"h-20 sm:h-24 md:h-28 w-auto\"\n />\n </motion.div>\n\n <motion.h1\n initial={{ opacity: 0, y: 30 }}\n animate={{ opacity: 1, y: 0 }}\n transition={{ duration: 0.8, delay: 0.15, ease: \"easeOut\" }}\n className=\"text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-white leading-[1.1] tracking-tight mb-6\"\n >\n Você já sentiu que, quanto mais tenta agradar,{\" \"}\n <span className=\"text-[#D4AF37]\">mais elas se afastam?</span>\n </motion.h1>\n\n <motion.p\n initial={{ opacity: 0, y: 30 }}\n animate={{ opacity: 1, y: 0 }}\n transition={{ duration: 0.8, delay: 0.3, ease: \"easeOut\" }}\n className=\"text-base sm:text-lg md:text-xl text-white/60 max-w-2xl mx-auto mb-12 leading-relaxed\"\n >\n Descubra como inverter o jogo, eliminar a \"vibração de necessidade\" e se tornar o homem que é{\" \"}\n <span className=\"text-white/90 font-medium\">convidado a entrar na vida dela</span> — em vez de quem fica implorando por um espaço na agenda.\n </motion.p>\n\n <motion.div\n initial={{ opacity: 0, y: 20 }}\n animate={{ opacity: 1, y: 0 }}\n transition={{ duration: 0.8, delay: 0.45, ease: \"easeOut\" }}\n className=\"flex flex-col items-center gap-3\"\n >\n <a\n href__=\"#oferta\"\n className=\"group relative inline-flex items-center gap-3 px-8 py-4 bg-[#D4AF37] hover:bg-[#C9A432] text-[#0A0A0A] font-bold text-sm sm:text-base tracking-wide rounded-lg transition-all duration-300 hover:shadow-[0_0_40px_rgba(212,175,55,0.3)] hover:scale-[1.02]\"\n >\n QUERO O CÓDIGO DO DESAPEGO AGORA\n <ChevronRight className=\"w-5 h-5 group-hover:translate-x-1 transition-transform\" />\n </a>\n <span className=\"text-white/30 text-xs tracking-wide\">\n Acesso imediato via e-mail\n </span>\n </motion.div>\n\n {/* Scroll indicator */}\n <motion.div\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n transition={{ delay: 1.2, duration: 0.8 }}\n className=\"absolute bottom-8 left-1/2 -translate-x-1/2\"\n >\n <div className=\"w-px h-12 bg-gradient-to-b from-[#D4AF37]/40 to-transparent mx-auto\" />\n </motion.div>\n </div>\n </section>\n );\n}",
"PainSection": "import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { MessageCircleOff, Clock, Frown } from \"lucide-react\";\n\nconst fadeUp = {\n initial: { opacity: 0, y: 30 },\n whileInView: { opacity: 1, y: 0 },\n viewport: { once: true, margin: \"-50px\" },\n transition: { duration: 0.7, ease: \"easeOut\" },\n};\n\nconst painPoints = [\n {\n icon: MessageCircleOff,\n text: \"Mensagens sem resposta\",\n },\n {\n icon: Clock,\n text: \"Tempo e energia desperdiçados\",\n },\n {\n icon: Frown,\n text: \"Frieza onde você esperava conexão\",\n },\n];\n\nexport default function PainSection() {\n return (\n <section className=\"relative bg-[#0A0A0A] py-24 sm:py-32 overflow-hidden\">\n <div className=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_rgba(212,175,55,0.04)_0%,_transparent_50%)]\" />\n\n <div className=\"relative z-10 max-w-4xl mx-auto px-6\">\n <motion.div {...fadeUp} className=\"text-center mb-4\">\n <span className=\"text-[#D4AF37] text-xs font-semibold tracking-[0.25em] uppercase\">\n O Problema\n </span>\n </motion.div>\n\n <motion.h2\n {...fadeUp}\n transition={{ ...fadeUp.transition, delay: 0.1 }}\n className=\"text-2xl sm:text-3xl md:text-4xl font-bold text-white text-center leading-tight mb-12\"\n >\n A <span className=\"text-[#D4AF37]\">escassez</span> é o veneno da atração.\n </motion.h2>\n\n {/* Pain points grid */}\n <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-6 mb-16\">\n {painPoints.map(({ icon: Icon, text }, i) => (\n <motion.div\n key={i}\n initial={{ opacity: 0, y: 30 }}\n whileInView={{ opacity: 1, y: 0 }}\n viewport={{ once: true, margin: \"-30px\" }}\n transition={{ duration: 0.6, delay: i * 0.12, ease: \"easeOut\" }}\n className=\"flex flex-col items-center text-center p-6 rounded-xl border border-white/[0.04] bg-gradient-to-b from-white/[0.02] to-transparent\"\n >\n <div className=\"w-12 h-12 rounded-lg bg-[#D4AF37]/10 border border-[#D4AF37]/20 flex items-center justify-center mb-4\">\n <Icon className=\"w-5 h-5 text-[#D4AF37]/70\" />\n </div>\n <p className=\"text-white/60 text-sm font-medium\">{text}</p>\n </motion.div>\n ))}\n </div>\n\n {/* Text content */}\n <motion.div\n {...fadeUp}\n transition={{ ...fadeUp.transition, delay: 0.4 }}\n className=\"space-y-6 text-white/60 text-base sm:text-lg leading-relaxed\"\n >\n <p>\n Muitos homens acham que, se <span className=\"text-white/90 font-medium\">mostrarem mais interesse</span>, forem mais solícitos, mais atenciosos, ela finalmente vai corresponder. Mas acontece exatamente o contrário:\n </p>\n <p>\n Quanto mais você investe emocionalmente em quem ainda não demonstrou reciprocidade,{\" \"}\n <span className=\"text-white/90 font-medium\">mais você comunica que precisa dela — e menos ela te deseja.</span>\n </p>\n </motion.div>\n </div>\n\n {/* Bottom divider */}\n <div className=\"absolute bottom-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-[#D4AF37]/20 to-transparent\" />\n </section>\n );\n}",
"SolutionSection": "import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Target, TrendingUp, Shield, Key, Users, Zap } from \"lucide-react\";\n\nconst pillars = [\n {\n icon: Target,\n number: \"01\",\n title: \"Reinvenção do Frame\",\n desc: \"Entenda como o valor percebido define tudo — e como mudar a narrativa a seu favor.\",\n },\n {\n icon: TrendingUp,\n number: \"02\",\n title: \"A Arte de Elevar o Preço\",\n desc: \"Pare de se oferecer de graça. Aprenda a criar a percepção de que você é um prêmio.\",\n },\n {\n icon: Shield,\n number: \"03\",\n title: \"Desapego Estratégico\",\n desc: \"Como demonstrar que você tem uma vida interessante e não depende da aprovação dela.\",\n },\n {\n icon: Key,\n number: \"04\",\n title: \"Comunicação de Alto Valor\",\n desc: \"O que dizer (e não dizer) para gerar curiosidade, respeito e atração genuína.\",\n },\n {\n icon: Users,\n number: \"05\",\n title: \"Reversão de Dinâmica\",\n desc: \"Transforme a relação: em vez de ser quem persegue, torne-se quem escolhe.\",\n },\n {\n icon: Zap,\n number: \"06\",\n title: \"Ações que Validam\",\n desc: \"Não basta entender — é preciso agir. Aqui você tem os passos práticos e imediatos.\",\n },\n];\n\nconst fadeUp = {\n initial: { opacity: 0, y: 30 },\n whileInView: { opacity: 1, y: 0 },\n viewport: { once: true, margin: \"-50px\" },\n transition: { duration: 0.7, ease: \"easeOut\" },\n};\n\nexport default function SolutionSection() {\n return (\n <section className=\"relative bg-[#131313] py-24 sm:py-32 overflow-hidden\">\n <div className=\"absolute inset-0 bg-[radial-gradient(ellipse_at_top,_rgba(212,175,55,0.05)_0%,_transparent_50%)]\" />\n\n <div className=\"relative z-10 max-w-5xl mx-auto px-6\">\n <motion.div {...fadeUp} className=\"text-center mb-4\">\n <span className=\"text-[#D4AF37] text-xs font-semibold tracking-[0.25em] uppercase\">\n A Solução\n </span>\n </motion.div>\n\n <motion.h2\n {...fadeUp}\n transition={{ ...fadeUp.transition, delay: 0.1 }}\n className=\"text-2xl sm:text-3xl md:text-4xl font-bold text-white text-center leading-tight mb-6\"\n >\n Os 6 Pilares do{\" \"}\n <span className=\"text-[#D4AF37]\">Código do Desapego:</span>\n </motion.h2>\n\n <motion.p\n {...fadeUp}\n transition={{ ...fadeUp.transition, delay: 0.2 }}\n className=\"text-white/60 text-base sm:text-lg text-center max-w-2xl mx-auto mb-16 leading-relaxed\"\n >\n Um método direto e sem firulas para reposicionar sua presença,\n recalibrar sua comunicação e virar o jogo da atração.\n </motion.p>\n\n {/* Grid of pillars */}\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n {pillars.map((pillar, i) => {\n const Icon = pillar.icon;\n return (\n <motion.div\n key={i}\n initial={{ opacity: 0, y: 30 }}\n whileInView={{ opacity: 1, y: 0 }}\n viewport={{ once: true, margin: \"-30px\" }}\n transition={{ duration: 0.6, delay: i * 0.08, ease: \"easeOut\" }}\n className=\"relative group p-8 rounded-2xl border border-white/[0.06] bg-gradient-to-br from-white/[0.02] to-transparent hover:border-[#D4AF37]/20 transition-all duration-500\"\n >\n {/* Corner accent */}\n <div className=\"absolute top-0 right-0 w-12 h-12 overflow-hidden rounded-tr-2xl\">\n <div className=\"absolute top-0 right-0 w-px h-8 bg-gradient-to-b from-[#D4AF37]/30 to-transparent\" />\n <div className=\"absolute top-0 right-0 h-px w-8 bg-gradient-to-l from-[#D4AF37]/30 to-transparent\" />\n </div>\n\n <div className=\"flex items-start gap-4\">\n <div className=\"w-12 h-12 rounded-xl bg-[#D4AF37]/10 border border-[#D4AF37]/20 flex items-center justify-center flex-shrink-0\">\n <Icon className=\"w-5 h-5 text-[#D4AF37]\" />\n </div>\n <div className=\"flex-1\">\n <div className=\"text-[#D4AF37]/40 text-xs font-bold mb-2\">\n {pillar.number}\n </div>\n <h3 className=\"text-white font-bold text-lg mb-2\">\n {pillar.title}\n </h3>\n <p className=\"text-white/50 text-sm leading-relaxed\">\n {pillar.desc}\n </p>\n </div>\n </div>\n </motion.div>\n );\n })}\n </div>\n </div>\n </section>\n );\n}",
"BonusSection": "import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Gift, Instagram, MessageSquare } from \"lucide-react\";\n\nconst fadeUp = {\n initial: { opacity: 0, y: 30 },\n whileInView: { opacity: 1, y: 0 },\n viewport: { once: true, margin: \"-50px\" },\n transition: { duration: 0.7, ease: \"easeOut\" },\n};\n\nconst bonuses = [\n {\n icon: Instagram,\n emoji: \"🎁\",\n title: \"Checklist Perfil Magnético\",\n desc: \"Transforme seu Instagram em uma vitrine de alto valor em 15 minutos.\",\n },\n {\n icon: MessageSquare,\n emoji: \"🎁\",\n title: \"Dicionário de Scripts\",\n desc: \"Exatamente o que dizer nas situações mais difíceis do WhatsApp (vácuo, respostas secas, etc).\",\n },\n];\n\nexport default function BonusSection() {\n return (\n <section className=\"relative bg-[#131313] py-24 sm:py-32 overflow-hidden\">\n {/* Gold accent glow */}\n <div className=\"absolute inset-0 bg-[radial-gradient(ellipse_at_top_left,_rgba(212,175,55,0.06)_0%,_transparent_50%)]\" />\n\n <div className=\"relative z-10 max-w-4xl mx-auto px-6\">\n <motion.div {...fadeUp} className=\"text-center mb-4\">\n <div className=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-[#D4AF37]/20 bg-[#D4AF37]/5 mb-6\">\n <Gift className=\"w-4 h-4 text-[#D4AF37]\" />\n <span className=\"text-[#D4AF37] text-xs font-semibold tracking-[0.15em] uppercase\">\n Bônus Exclusivos\n </span>\n </div>\n </motion.div>\n\n <motion.h2\n {...fadeUp}\n transition={{ ...fadeUp.transition, delay: 0.1 }}\n className=\"text-2xl sm:text-3xl md:text-4xl font-bold text-white text-center leading-tight mb-16\"\n >\n E você ainda leva{\" \"}\n <span className=\"text-[#D4AF37]\">2 Presentes Exclusivos:</span>\n </motion.h2>\n\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n {bonuses.map((bonus, i) => {\n const Icon = bonus.icon;\n return (\n <motion.div\n key={i}\n initial={{ opacity: 0, y: 30 }}\n whileInView={{ opacity: 1, y: 0 }}\n viewport={{ once: true, margin: \"-30px\" }}\n transition={{ duration: 0.6, delay: i * 0.12, ease: \"easeOut\" }}\n className=\"relative p-8 rounded-2xl border border-[#D4AF37]/15 bg-gradient-to-br from-[#D4AF37]/[0.04] to-transparent hover:border-[#D4AF37]/30 transition-all duration-500\"\n >\n {/* Emoji top */}\n <span className=\"text-3xl mb-4 block\">{bonus.emoji}</span>\n\n <div className=\"flex items-center gap-3 mb-3\">\n <Icon className=\"w-5 h-5 text-[#D4AF37]/70\" />\n <h3 className=\"text-white font-bold text-lg\">{bonus.title}</h3>\n </div>\n\n <p className=\"text-white/50 text-sm leading-relaxed\">\n {bonus.desc}\n </p>\n\n {/* Corner accent */}\n <div className=\"absolute top-0 right-0 w-16 h-16 overflow-hidden rounded-tr-2xl\">\n <div className=\"absolute top-0 right-0 w-px h-8 bg-gradient-to-b from-[#D4AF37]/30 to-transparent\" />\n <div className=\"absolute top-0 right-0 h-px w-8 bg-gradient-to-l from-[#D4AF37]/30 to-transparent\" />\n </div>\n </motion.div>\n );\n })}\n </div>\n </div>\n </section>\n );\n}",
"AuthorSection": "import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Award, Users, TrendingUp } from \"lucide-react\";\n\nconst fadeUp = {\n initial: { opacity: 0, y: 30 },\n whileInView: { opacity: 1, y: 0 },\n viewport: { once: true, margin: \"-50px\" },\n transition: { duration: 0.7, ease: \"easeOut\" },\n};\n\nexport default function AuthorSection() {\n return (\n <section className=\"relative bg-[#0A0A0A] py-24 sm:py-32 overflow-hidden\">\n <div className=\"absolute inset-0 bg-[radial-gradient(ellipse_at_bottom,_rgba(212,175,55,0.05)_0%,_transparent_50%)]\" />\n\n <div className=\"relative z-10 max-w-5xl mx-auto px-6\">\n <motion.div {...fadeUp} className=\"text-center mb-4\">\n <span className=\"text-[#D4AF37] text-xs font-semibold tracking-[0.25em] uppercase\">\n O Autor\n </span>\n </motion.div>\n\n <motion.h2\n {...fadeUp}\n transition={{ ...fadeUp.transition, delay: 0.1 }}\n className=\"text-2xl sm:text-3xl md:text-4xl font-bold text-white text-center leading-tight mb-16\"\n >\n Quem é{\" \"}\n <span className=\"text-[#D4AF37]\">Victor Lins?</span>\n </motion.h2>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-5 gap-10 items-center\">\n {/* Photo side */}\n <motion.div\n initial={{ opacity: 0, x: -30 }}\n whileInView={{ opacity: 1, x: 0 }}\n viewport={{ once: true }}\n transition={{ duration: 0.8, ease: \"easeOut\" }}\n className=\"lg:col-span-2 flex justify-center\"\n >\n <div className=\"relative\">\n {/* Image placeholder — stylized avatar */}\n <div className=\"w-56 h-56 sm:w-64 sm:h-64 rounded-2xl bg-gradient-to-br from-[#1A1A1A] to-[#0D0D0D] border border-white/[0.08] flex items-center justify-center overflow-hidden\">\n <img\n src=\"https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/698921204a85f39fc070fca9/6ecf9b4a3_VictorLins.jpg\"\n alt=\"Victor Lins\"\n className=\"w-full h-full object-cover opacity-80\"\n />\n </div>\n {/* Gold border accent */}\n <div className=\"absolute -inset-px rounded-2xl border border-[#D4AF37]/20 pointer-events-none\" />\n </div>\n </motion.div>\n\n {/* Text side */}\n <motion.div\n initial={{ opacity: 0, x: 30 }}\n whileInView={{ opacity: 1, x: 0 }}\n viewport={{ once: true }}\n transition={{ duration: 0.8, delay: 0.15, ease: \"easeOut\" }}\n className=\"lg:col-span-3\"\n >\n <p className=\"text-white/60 text-base sm:text-lg leading-relaxed mb-8\">\n Estrategista comportamental e mentor de homens,{\" \"}\n <span className=\"text-white font-semibold\">Victor Lins</span> fundou a{\" \"}\n <span className=\"text-[#D4AF37] font-semibold\">Conduta Alpha</span> com um único objetivo:{\" \"}\n <span className=\"text-white/90\">devolver ao homem o poder de escolha.</span>\n </p>\n <p className=\"text-white/60 text-base sm:text-lg leading-relaxed mb-10\">\n Sua metodologia já ajudou centenas de homens a saírem da \"friendzone\" e da invisibilidade para se tornarem{\" \"}\n <span className=\"text-white/90 font-medium\">homens magnéticos e autoconfiantes.</span>\n </p>\n\n {/* Stats */}\n <div className=\"flex flex-wrap gap-6\">\n {[\n { icon: Users, value: \"500+\", label: \"Homens transformados\" },\n { icon: TrendingUp, value: \"100%\", label: \"Metodologia prática\" },\n ].map(({ icon: Icon, value, label }, i) => (\n <div key={i} className=\"flex items-center gap-3\">\n <div className=\"w-10 h-10 rounded-lg bg-[#D4AF37]/10 flex items-center justify-center\">\n <Icon className=\"w-4 h-4 text-[#D4AF37]\" />\n </div>\n <div>\n <p className=\"text-white font-bold text-lg leading-none\">{value}</p>\n <p className=\"text-white/40 text-xs mt-0.5\">{label}</p>\n </div>\n </div>\n ))}\n </div>\n </motion.div>\n </div>\n </div>\n </section>\n );\n}",
"OfferSection": "import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { ChevronRight, ShieldCheck, Lock, CreditCard } from \"lucide-react\";\n\nconst fadeUp = {\n initial: { opacity: 0, y: 30 },\n whileInView: { opacity: 1, y: 0 },\n viewport: { once: true, margin: \"-50px\" },\n transition: { duration: 0.7, ease: \"easeOut\" },\n};\n\nexport default function OfferSection() {\n return (\n <section id=\"oferta\" className=\"relative bg-[#131313] py-24 sm:py-32 overflow-hidden\">\n <div className=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_rgba(212,175,55,0.08)_0%,_transparent_50%)]\" />\n\n <div className=\"relative z-10 max-w-2xl mx-auto px-6\">\n <motion.div\n {...fadeUp}\n className=\"relative rounded-3xl border border-[#D4AF37]/20 bg-gradient-to-b from-[#0A0A0A] to-[#111] p-8 sm:p-12 text-center overflow-hidden\"\n >\n {/* Corner accents */}\n <div className=\"absolute top-0 left-0 w-20 h-20\">\n <div className=\"absolute top-0 left-0 w-px h-12 bg-gradient-to-b from-[#D4AF37]/40 to-transparent\" />\n <div className=\"absolute top-0 left-0 h-px w-12 bg-gradient-to-r from-[#D4AF37]/40 to-transparent\" />\n </div>\n <div className=\"absolute bottom-0 right-0 w-20 h-20\">\n <div className=\"absolute bottom-0 right-0 w-px h-12 bg-gradient-to-t from-[#D4AF37]/40 to-transparent\" />\n <div className=\"absolute bottom-0 right-0 h-px w-12 bg-gradient-to-l from-[#D4AF37]/40 to-transparent\" />\n </div>\n\n <p className=\"text-white/50 text-sm mb-2\">\n Tenha acesso a todo o método + os bônus exclusivos hoje.\n </p>\n\n {/* Price */}\n <div className=\"mb-8 mt-6\">\n <p className=\"text-white/30 text-sm line-through mb-1\">R$ 97,00</p>\n <p className=\"text-[#D4AF37] text-xs font-semibold tracking-wider uppercase mb-3\">\n por apenas\n </p>\n <div className=\"flex items-baseline justify-center gap-1\">\n <span className=\"text-white/40 text-2xl font-bold\">R$</span>\n <span className=\"text-white text-6xl sm:text-7xl font-black tracking-tight\">\n 47\n </span>\n <span className=\"text-white/40 text-2xl font-bold\">,00</span>\n </div>\n <p className=\"text-white/30 text-sm mt-2\">\n ou 5x de <span className=\"text-white/50 font-medium\">R$ 10,15</span>\n </p>\n </div>\n\n {/* CTA Button */}\n <a\n href__=\"https://pay.kiwify.com.br/HFRydk1\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"group relative inline-flex items-center gap-3 px-10 py-5 bg-[#D4AF37] hover:bg-[#C9A432] text-[#0A0A0A] font-extrabold text-sm sm:text-base tracking-wide rounded-xl transition-all duration-300 hover:shadow-[0_0_60px_rgba(212,175,55,0.35)] hover:scale-[1.03] w-full justify-center\"\n >\n QUERO DOMINAR O CÓDIGO DO DESAPEGO\n <ChevronRight className=\"w-5 h-5 group-hover:translate-x-1 transition-transform\" />\n </a>\n\n {/* Trust signals */}\n <div className=\"flex items-center justify-center gap-6 mt-6 flex-wrap\">\n {[\n { icon: Lock, text: \"Compra segura\" },\n { icon: CreditCard, text: \"Cartão ou Pix\" },\n ].map(({ icon: Icon, text }, i) => (\n <div key={i} className=\"flex items-center gap-1.5\">\n <Icon className=\"w-3.5 h-3.5 text-white/20\" />\n <span className=\"text-white/30 text-xs\">{text}</span>\n </div>\n ))}\n </div>\n\n {/* Guarantee */}\n <div className=\"mt-10 pt-8 border-t border-white/[0.06]\">\n <div className=\"flex items-start gap-4 text-left\">\n <div className=\"w-12 h-12 rounded-xl bg-[#D4AF37]/10 border border-[#D4AF37]/20 flex items-center justify-center flex-shrink-0\">\n <ShieldCheck className=\"w-6 h-6 text-[#D4AF37]\" />\n </div>\n <div>\n <h4 className=\"text-white font-bold text-sm mb-1\">\n Garantia de 7 Dias\n </h4>\n <p className=\"text-white/40 text-sm leading-relaxed\">\n Se você ler o material e sentir que ele não mudou sua percepção sobre atração, eu devolvo{\" \"}\n <span className=\"text-white/60 font-medium\">100% do seu dinheiro</span>. Sem perguntas.\n </p>\n </div>\n </div>\n </div>\n </motion.div>\n </div>\n </section>\n );\n}",
"FooterSection": "import React from \"react\";\n\nexport default function FooterSection() {\n return (\n <footer className=\"bg-[#0A0A0A] py-10 border-t border-white/[0.04]\">\n <div className=\"max-w-5xl mx-auto px-6 text-center\">\n <p className=\"text-[#D4AF37]/60 text-sm font-semibold tracking-[0.15em] uppercase mb-2\">\n Conduta Alpha\n </p>\n <p className=\"text-white/20 text-xs\">\n © {new Date().getFullYear()} Victor Lins · Todos os direitos reservados.\n </p>\n </div>\n </footer>\n );\n}"
}
},
"theme": {
"colors": {
"primary": "#D4AF37",
"primaryHover": "#C9A432",
"background": "#0A0A0A",
"backgroundAlt": "#131313",
"textPrimary": "#FFFFFF",
"textSecondary": "rgba(255, 255, 255, 0.6)"
}
},
"assets": {
"logo": "https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/698921204a85f39fc070fca9/b3e1a5191_logo-conduta-alpha-incolor.png",
"authorPhoto": "https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/698921204a85f39fc070fca9/6ecf9b4a3_VictorLins.jpg"
},
"links": {
"purchaseUrl": "https://pay.kiwify.com.br/HFRydk1"
}
}]]>