prueba htmpsl 1

import "./index.css"; import React from "react"; import { render } from "react-dom"; import { App } from "./App"; render(, document.getElementById("root")); App.tsx import React, { useEffect } from 'react' import { Hero } from './components/Hero' import { Problem } from './components/Problem' import { WhyMethodsFail } from './components/WhyMethodsFail' import { UniqueMechanism } from './components/UniqueMechanism' import { WhatYouGet } from './components/WhatYouGet' import { WhoIsFor } from './components/WhoIsFor' import { HowItWorks } from './components/HowItWorks' import { Proof } from './components/Proof' import { Testimonials } from './components/Testimonials' import { FAQ } from './components/FAQ' import { PriceBlock } from './components/PriceBlock' import { Footer } from './components/Footer' import { FloatingCTA } from './components/FloatingCTA' import { initPixel, trackPageView, trackViewContent } from './utils/metaPixel' export function App() { useEffect(() => { initPixel() trackPageView() trackViewContent() }, []) return (
) } index.css @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap'); @import 'tailwindcss/base'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; html { scroll-behavior: smooth; } body { background-color: #faf8f5; color: #2d2d2d; font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: 'DM Serif Display', serif; } @keyframes smoke { 0% { transform: translateY(0) scale(1); opacity: 0.3; } 50% { transform: translateY(-20px) scale(1.05); opacity: 0.5; } 100% { transform: translateY(0) scale(1); opacity: 0.3; } } .bg-smoke-pattern { background-image: radial-gradient(circle at 50% 0%, rgba(212, 160, 23, 0.08) 0%, transparent 50%); animation: smoke 15s ease-in-out infinite; } tailwind.config.js export default { content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}", "./*.{js,ts,jsx,tsx}"], theme: { extend: { colors: { charcoal: { DEFAULT: '#1a1a1a', light: '#2d2d2d' }, offwhite: '#faf8f5', brand: { DEFAULT: '#d4a017', hover: '#b8860b', light: '#fdf5e6' } }, fontFamily: { serif: ['"DM Serif Display"', 'serif'], sans: ['Inter', 'sans-serif'], } }, }, plugins: [], } utils/metaPixel.ts const PIXEL_ID = '1596562824735103' let initialized = false declare global { interface Window { fbq: (...args: unknown[]) => void _fbq: (...args: unknown[]) => void } } export function initPixel() { if (initialized) return !(function (f: any, b: Document, e: string, v: string, n?: any, t?: any, s?: any) { if (f.fbq) return n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) } if (!f._fbq) f._fbq = n n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = [] t = b.createElement(e); t.async = !0; t.src = v s = b.getElementsByTagName(e)[0] if (s && s.parentNode) s.parentNode.insertBefore(t, s) else (b.head || b.documentElement).appendChild(t) })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js') window.fbq('init', PIXEL_ID) const noscriptImg = document.createElement('img') noscriptImg.height = 1; noscriptImg.width = 1 noscriptImg.style.display = 'none' noscriptImg.src = `https://www.facebook.com/tr?id=${PIXEL_ID}&ev=PageView&noscript=1` document.body.appendChild(noscriptImg) initialized = true } export function trackPageView() { if (window.fbq) window.fbq('track', 'PageView') } export function trackViewContent() { if (window.fbq) window.fbq('track', 'ViewContent', { content_name: 'Método Costo Cero', content_category: 'Ebook', currency: 'ARS', value: 9700, }) } export function trackInitiateCheckout() { if (window.fbq) window.fbq('track', 'InitiateCheckout', { content_name: 'Método Costo Cero', currency: 'ARS', value: 9700, }) } export function trackPurchase() { if (window.fbq) window.fbq('track', 'Purchase', { content_name: 'Método Costo Cero', currency: 'ARS', value: 9700, }) } 📁 components/ components/Hero.tsx import React from 'react' import { motion } from 'framer-motion' import { ArrowRight } from 'lucide-react' import { trackInitiateCheckout } from '../utils/metaPixel' export function Hero() { const scrollToPrice = () => { trackInitiateCheckout() const el = document.getElementById('offer') if (el) { const y = el.getBoundingClientRect().top + window.scrollY - 20 window.scrollTo({ top: y, behavior: 'smooth' }) } } return (

El Método Costo Cero: Dejá de fumar financiando tus propios{' '} premios diarios.

Convertí el dinero que hoy quemás en humo en un "sueldo extra" para darte los gustos que siempre postergás.

Cada vez que vas al kiosco y ves el nuevo precio del atado, sentís una puntada en el estómago. No es solo por tu salud; es la sensación de ser un rehén financiero. Estás trabajando para pagar un vicio que te quita el aire y te vacía el bolsillo.

Dejar de fumar no tiene por qué ser un sacrificio heroico basado en la pura fuerza de voluntad (que siempre se agota a mitad del día). Puede ser la decisión financiera más inteligente de tu vida.

QUIERO MI MÉTODO COSTO CERO
) } components/Problem.tsx import React from 'react' import { motion } from 'framer-motion' import { AlertCircle } from 'lucide-react' export function Problem() { return (

El "gasto hormiga" más destructivo

El fumador promedio en Argentina gasta entre{' '} $30.000 y $60.000 pesos{' '} por mes en cigarrillos. Es el "gasto hormiga" más destructivo que existe. Pagás para sentirte "normal", para calmar una ansiedad que el mismo pucho te provocó media hora antes.

Trataste de dejar con parches caros, chicles que saben a plástico o simplemente diciendo "el lunes arranco", pero terminás volviendo porque tu cerebro siente que le estás quitando su único momento de placer en un día estresante.

) } components/WhyMethodsFail.tsx import React from 'react' import { motion } from 'framer-motion' import { XCircle } from 'lucide-react' const reasons = [ 'Los métodos tradicionales se enfocan en la pérdida (lo que "dejás"), lo que genera angustia y recaídas.', 'Los sustitutos de nicotina son costosos y mantienen la adicción química viva.', 'Intentar dejar "de a poco" solo hace que cada cigarrillo sea más valioso en tu mente.', 'No tenés un plan táctico para manejar los 120 segundos que dura un pico de ansiedad.', 'No hay un incentivo tangible inmediato que compita con el "alivio" instantáneo de la nicotina.', ] const containerVariants = { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.15 } } } const itemVariants = { hidden: { opacity: 0, x: -20 }, visible: { opacity: 1, x: 0, transition: { duration: 0.5 } } } export function WhyMethodsFail() { return (

Por qué lo que intentaste no funcionó

No es falta de voluntad, es un problema de enfoque.

{reasons.map((reason, index) => (

{reason}

))}
) } components/UniqueMechanism.tsx import React from 'react' import { motion } from 'framer-motion' import { BrainCircuit } from 'lucide-react' export function UniqueMechanism() { return (

Arbitraje de Dopamina:
El Sistema de Recompensa Cruzada

En lugar de pedirle a tu cerebro que "sufra", vamos a hackearlo. El Método Costo Cero utiliza el dinero exacto que ya tenés perdido en tabaco para comprar dopamina real.

Cada mañana, transferís el costo del atado a un "Cajoncito de Premios".

Tu cerebro deja de pelear contra la falta de humo porque empieza a recibir recompensas físicas, tangibles y diarias que vos mismo elegís.

) } components/WhatYouGet.tsx import React from 'react' import { motion } from 'framer-motion' import { BookOpen, Clock, Calculator, Users, Activity } from 'lucide-react' const deliverables = [ { icon: BookOpen, title: 'La Guía Maestra en PDF', desc: 'El paso a paso para desprogramar el hábito en 7 días.' }, { icon: Clock, title: 'Protocolo SOS de 120 Segundos', desc: 'Técnicas físicas para anular el deseo impulsivo en el momento.' }, { icon: Calculator, title: 'Calculadora de Libertad', desc: 'Plantilla para convertir "puchos" en "premios" según tu consumo real.' }, { icon: Users, title: 'Hoja de Ruta Social', desc: 'Cómo sobrevivir a asados, cafés y situaciones de estrés sin recaer.' }, { icon: Activity, title: 'Guía de Desintoxicación Express', desc: 'Cómo recuperar el gusto y el olfato en las primeras 72 horas.' }, ] const containerVariants = { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.15 } } } const itemVariants = { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.5 } } } export function WhatYouGet() { return (

¿Qué incluye el método?

Todo lo que necesitás para hackear tu cerebro y tu billetera.

{deliverables.map((item, index) => (

{item.title}

{item.desc}

))}
) } components/WhoIsFor.tsx import React from 'react' import { motion } from 'framer-motion' import { CheckCircle2, XCircle } from 'lucide-react' const isFor = [ 'Fumadores que odian sentir que tiran la plata cada vez que aumenta el tabaco.', 'Personas estresadas que usan el pucho como "cable a tierra" y temen no poder relajarse sin él.', 'Padres y madres que quieren dejar de oler a humo frente a sus hijos.', 'Quienes ya intentaron dejar y fallaron por culpa de la irritabilidad y el hambre.', ] const isNotFor = [ 'Personas que buscan una pastilla mágica que haga el trabajo por ellos sin cambiar un solo hábito.', 'Quienes no están dispuestos a dedicar 2 minutos diarios a gestionar su presupuesto de premios.', ] export function WhoIsFor() { return (

Para quién ES

    {isFor.map((item, idx) => (
  • {item}

  • ))}

Para quién NO ES

    {isNotFor.map((item, idx) => (
  • {item}

  • ))}
) } components/HowItWorks.tsx import React from 'react' import { motion } from 'framer-motion' import { Wallet, ShieldAlert, Gift } from 'lucide-react' const steps = [ { icon: Wallet, title: 'Configurás tu cuenta', desc: 'Separá el dinero que hoy gastás en cigarrillos en una cuenta digital o alcancía.' }, { icon: ShieldAlert, title: 'Hackeás el gatillo', desc: 'Aplicás el protocolo de 120 segundos cada vez que aparece el deseo físico.' }, { icon: Gift, title: 'Canjeás el premio', desc: 'Comprás tu recompensa diaria o semanal con el dinero que antes se hacía ceniza.' }, ] export function HowItWorks() { return (

Cómo funciona en la práctica

Tres pasos simples para cambiar humo por recompensas.

{steps.map((step, index) => (

{index + 1}. {step.title}

{step.desc}

))}
) } components/Proof.tsx import React from 'react' import { motion } from 'framer-motion' import { TrendingUp } from 'lucide-react' export function Proof() { return (

En los primeros 3 días, tu cuerpo expulsa el 90% de la nicotina.

Siguiendo este método de recompensas, para el día 7 habrás ahorrado lo suficiente para una cena afuera o ese gusto que siempre te negaste. No es magia, es redirección de flujo de caja.

) } components/Testimonials.tsx import React from 'react' import { motion } from 'framer-motion' import { Star, Quote } from 'lucide-react' const testimonials = [ { tag: 'El "Laburante" aliviado', text: "Mirá, al principio no le tenía fe porque ya había probado los parches y eran una porquería. Pero este método es otra cosa. Lo que ahorré en dos semanas me alcanzó para comprarme el joystick que quería y todavía me sobró para un asado. Lo mejor es que no sentís que estás 'sufriendo', sentís que te estás pagando un sueldo extra. ¡Recomendadísimo!", name: 'Juan Pablo', age: '34 años', location: 'Lomas de Zamora' }, { tag: 'La madre que "ya no huele a cenicero"', text: "Increíble. Lo que más me dolió siempre fue el olor que le dejaba a mis hijos en la ropa. Con el Método Costo Cero me compré un perfume importado con lo que no gasté en puchos el primer mes. Es loco, pero el truco de los 'premios' te hackea la cabeza. Si sos de las que fuma por estrés como yo, probalo que te cambia la vida.", name: 'Mariana', age: '42 años', location: 'Rosario' }, { tag: 'El pibe que se cansó de los aumentos', text: "Posta que me tenía harto el quiosquero avisándome que 'subió hoy de nuevo'. Compré el PDF un lunes y para el jueves ya lo había amortizado con la plata que no gasté. El protocolo de los 120 segundos es clave cuando te agarra la desesperación en el laburo. Si sos de los que cuida el mango, ni lo dudes.", name: 'Nico', age: '27 años', location: 'CABA' }, { tag: 'La "escéptica" recuperada', text: 'Pensé que iba a engordar 20 kilos pero nada que ver. Seguí el plan de las recompensas y me enfoqué en comprarme boludeces para la casa que siempre postergaba. Es la primera vez que dejo de fumar sin querer matar a nadie a los tres días. Es muy práctico y está explicado bien en criollo, sin vueltas.', name: 'Estela', age: '55 años', location: 'Córdoba Capital' }, { tag: 'El "fumador social" que no podía cortar', text: "Mi problema eran los asados y las salidas. Siempre caía. Con la hoja de ruta social del método aprendí a manejar la mano y la ansiedad sin quedar como un bicho raro. Ya voy dos meses 'limpio' y el cajoncito de Mercado Pago donde guardo los 'premios' no para de crecer. Es un viaje de ida.", name: 'Fede', age: '31 años', location: 'Mendoza' }, ] const containerVariants = { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.12 } } } const itemVariants = { hidden: { opacity: 0, y: 25 }, visible: { opacity: 1, y: 0, transition: { duration: 0.5 } } } export function Testimonials() { return (
{[...Array(5)].map((_, i) => ( ))}

Lo que dicen los que ya dejaron de quemar plata

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

{t.tag}

"{t.text}"

{t.name.charAt(0)}

{t.name}

{t.age} — {t.location}

))}
) } components/FAQ.tsx import React, { useState } from 'react' import { motion, AnimatePresence } from 'framer-motion' import { ChevronDown } from 'lucide-react' const faqs = [ { q: '¿Voy a engordar?', a: 'No, porque usamos el dinero para recompensas no siempre alimenticias, controlando la ansiedad por transferencia de valor, no por atracones.' }, { q: '¿Sirve si fumo mucho?', a: 'Sí, cuanto más fumás, más rápido acumulás presupuesto para premios más grandes.' }, { q: '¿Es difícil de leer?', a: 'No, es un manual práctico, directo al grano y adaptado a la realidad argentina.' }, { q: '¿Necesito comprar medicamentos?', a: 'No de forma obligatoria; el método se basa en cambios conductuales y financieros.' }, ] export function FAQ() { const [openIndex, setOpenIndex] = useState(0) return (

Preguntas Frecuentes

{faqs.map((faq, index) => ( {openIndex === index && (
{faq.a}
)}
))}
) } components/PriceBlock.tsx import React from 'react' import { motion } from 'framer-motion' import { ArrowRight, Lock } from 'lucide-react' import { trackInitiateCheckout } from '../utils/metaPixel' export function PriceBlock() { const handleCTAClick = () => { trackInitiateCheckout() window.open('https://tuebookonlineya.lat/cart/46465164738731:1', '_blank') } return (

Dejar de fumar hoy te cuesta menos que lo que gastás en 3 atados de cigarrillos.

Recuperá tu salud y tu presupuesto por una inversión única.

Precio Lanzamiento

$9.700 ARS
QUIERO MI MÉTODO COSTO CERO
Acceso inmediato tras el pago. Empezá a ahorrar hoy mismo.
) } components/Footer.tsx import React from 'react' export function Footer() { return (

© {new Date().getFullYear()} Método Costo Cero. Todos los derechos reservados.

Este sitio no forma parte del sitio web de Facebook o Facebook Inc. Además, este sitio NO está respaldado por Facebook de ninguna manera. FACEBOOK es una marca registrada de FACEBOOK, Inc. Los resultados pueden variar de persona a persona.

) } components/FloatingCTA.tsx import React, { useEffect, useState } from 'react' import { motion, AnimatePresence } from 'framer-motion' import { ArrowRight } from 'lucide-react' import { trackInitiateCheckout } from '../utils/metaPixel' export function FloatingCTA() { const [isVisible, setIsVisible] = useState(false) useEffect(() => { const toggleVisibility = () => { if (window.scrollY > 600) { const isNearBottom = window.innerHeight + window.scrollY >= document.body.offsetHeight - 800 setIsVisible(!isNearBottom) } else { setIsVisible(false) } } window.addEventListener('scroll', toggleVisibility) return () => window.removeEventListener('scroll', toggleVisibility) }, []) const scrollToPrice = () => { trackInitiateCheckout() const el = document.getElementById('offer') if (el) { const y = el.getBoundingClientRect().top + window.scrollY - 20 window.scrollTo({ top: y, behavior: 'smooth' }) } } return ( {isVisible && ( )} ) }
Regresar al blog