const { useState, useEffect, useRef, useMemo } = React; /* ============ Brand / data ============ */ const PRICE = 30.99; const COMPARE = 99; const IMAGES = [ { src: 'img/hero-front.webp', alt: '11 air pulsing settings & 12 vibration settings' }, { src: 'img/features-callouts.webp',alt: 'feature callouts: clitoral stimulation, controls, magnetic charging, body safe silicone' }, { src: 'img/three-quarter.webp', alt: 'heart throb in three-quarter view, air pulsing visualization' }, { src: 'img/charging.webp', alt: 'quick charging cable included, USB rechargeable' }, { src: 'img/front-flat.webp', alt: 'plusOne heart throb, front view' }, ]; const REVIEW_STATS = { avg: 4.8, count: 1284, bars: [ { stars: 5, pct: 86 }, { stars: 4, pct: 9 }, { stars: 3, pct: 3 }, { stars: 2, pct: 1 }, { stars: 1, pct: 1 }, ], }; const REVIEWS = [ { name: 'Mara R.', badge: 'verified buyer', stars: 5, title: 'finally — quiet & gentle', body: 'i was nervous to try air pulsing but this is the gentlest, most intuitive thing. the two motors work beautifully together and the heart shape actually fits really well in my hand.', date: 'apr 2026' }, { name: 'Jamie L.', badge: 'verified buyer', stars: 5, title: 'cute on the nightstand', body: 'looks like a candle dish, not a sex toy. the silicone is so soft. charge lasted longer than the listed hour for me.', date: 'mar 2026' }, { name: 'Priya S.', badge: 'verified buyer', stars: 4, title: 'great for couples', body: 'we use it together — the independent controls are clutch. minus a star because i wish the lowest setting was a touch lower.', date: 'mar 2026' }, ]; const FAQ = [ { q: 'is it waterproof?', a: 'yes — heart throb is fully submersible (IPX7). use it in the shower or bath, and rinse with warm water and a mild soap after each use.' }, { q: 'how do air pulsing & vibration differ?', a: 'air pulsing creates gentle suction-like pulses without touching the skin directly — it stimulates the clitoris through pressure waves. vibration is contact-based. heart throb gives you both, independently controlled.' }, { q: 'how long does the charge last?', a: 'about 1 hour of continuous use on a full charge, which takes ~90 minutes. the magnetic cable snaps on — no fiddly ports.' }, { q: 'what is it made of?', a: 'body-safe medical grade silicone with an ABS air pulsing chamber. phthalate-free, latex-free, hypoallergenic.' }, { q: 'is the shipping discreet?', a: 'always. plain padded mailer, no branding, no mention of contents on the label.' }, { q: 'what\'s your return policy?', a: 'unopened items can be returned within 30 days for a full refund. for hygiene reasons, opened items aren\'t eligible — but if anything is defective we\'ll replace it, no questions asked.' }, ]; const FEATURES = [ { title: 'independently control', body: 'the air pulsing and vibrating motors' }, { title: 'clitoral stimulation', body: 'through air pulsing and vibrations' }, { title: 'easily toggle', body: 'through 11 air pulsing speeds and 12 vibration settings' }, { title: 'high quality', body: 'body-safe medical grade silicone' }, { title: 'magnetic', body: 'snap-on charging connection' }, { title: 'whisper quiet', body: 'under 50dB — quieter than a quiet conversation' }, ]; /* ============ Small components ============ */ function Star({filled=true, size=14}){ return ( ); } function Stars({n=5, size=14}){ return {[0,1,2,3,4].map(i=> )} ; } function IconHeart({size=20, color='currentColor'}){ return ; } function IconCart({size=20}){ return ; } function IconCheck({size=16}){ return ; } function IconChev({open}){ return ; } function IconMenu(){ return ; } function IconX(){ return ; } /* ============ Page parts ============ */ function AnnouncementBar(){ const msgs = [ 'free discreet shipping over $50', '30-day happiness guarantee', 'ships today if you order before 2pm pt', ]; const [i,setI] = useState(0); useEffect(()=>{ const t = setInterval(()=>setI(x=>(x+1)%msgs.length), 3800); return ()=>clearInterval(t); },[]); return (

{msgs[i]}

); } function Nav({onCart, cartCount}){ const [scrolled, setScrolled] = useState(false); useEffect(()=>{ const onS = ()=> setScrolled(window.scrollY > 4); window.addEventListener('scroll', onS); onS(); return ()=> window.removeEventListener('scroll', onS); },[]); return ( ); } /* curved heading using SVG textPath */ function CurvedHeading({text, id='curve', flip=false}){ // a gentle smile arc const d = flip ? "M 20 60 Q 400 -20 780 60" : "M 20 20 Q 400 100 780 20"; return ( ); } function Gallery({images, active, setActive}){ return (

{images.map((im,i)=>( ))}

{/* soft ambient blob */}

{/* badges */}

new shape ${COMPARE-PRICE} off

{/* dot pager */}

{images.map((_,i)=>(

); } function Hero({active, setActive, onAdd, qty, setQty}){ return (

plusOne® · air pulsing series

heart throb.

an air-pulsing vibe shaped like the thing it makes do flips. 11 pulse speeds, 12 vibrations, two motors you can run on their own or together.

{REVIEW_STATS.avg} · {REVIEW_STATS.count.toLocaleString()} reviews

{/* Price */}

${PRICE} ${COMPARE} save ${COMPARE-PRICE}

{/* qty + cta */}

{qty}

{/* trust list */}

); } function StatsStrip(){ const items = [ { n: '11', l: 'air pulsing\nsettings' }, { n: '12', l: 'vibration\nsettings' }, { n: '2', l: 'independent\nmotors' }, { n: 'IPX7', l: 'waterproof,\nshower-ready' }, { n: '<50dB', l: 'whisper\nquiet' }, ]; return (

{items.map((it,i)=>(

{it.n}

{it.l}

))}

); } function FeaturesBlock(){ return (

{/* wavy decorative lines */}

a heart-shaped silicone shell, two independent motors, and a magnetic snap charge. that's the whole product.

{FEATURES.slice(0,3).map((f,i)=>( ))}

{FEATURES.slice(3).map((f,i)=>( ))}

); } function FeatureCallout({title, body, align}){ return (

{title}

{body}

{/* hand-drawn arrow */}

); } function HowItWorks(){ const steps = [ { n:'01', t:'press & hold', d:'hold the power button for 3 seconds. a soft glow says it\'s on.' }, { n:'02', t:'pick your wave', d:'tap ▲ for air pulse, ▽ for vibration. independent — or both at once.' }, { n:'03', t:'cycle through', d:'11 pulse speeds, 12 vibration patterns. find your favorite, save it nowhere — your secret.' }, { n:'04', t:'rinse & charge', d:'rinse warm + mild soap. snap on the magnetic cable when done.' }, ]; return (

how it works

four buttons.
that's the whole interface.

no app, no pairing, no charging dock. heart throb is the rare thing that gets out of its own way.

{steps.map(s=>(

{s.n}

{s.t}

{s.d}

))}

); } function Charging(){ return (

heart throb with magnetic charging cable

in the box

everything you need.
nothing you don't.

{k} {v}

); } function Pill({label}){ return {label} ; } function Compare(){ const rows = [ ['air pulsing motor', true, true, false], ['vibration motor', true, true, true], ['independent dual control', true, false, false], ['body-safe medical silicone', true, true, false], ['IPX7 fully waterproof', true, false, true], ['magnetic charging', true, false, false], ['under 50dB whisper quiet', true, false, false], ['app required', false, true, true], ]; const head = ['', 'heart throb', 'typical air-pulse vibe', 'classic bullet vibe']; return (

how it compares

more for less — and less to fiddle with.

{head.map((h,i)=>( ))} {rows.map((r,i)=>( {r.slice(1).map((v,j)=>{ const want = r[0]==='app required'? !v : v; return ; })} ))}

{h}
{r[0]}	{want ? : —}

); } function Reviews(){ const [filter, setFilter] = useState('all'); const filtered = filter==='all'? REVIEWS : REVIEWS.filter(r=> r.stars===Number(filter)); return (

reviews

{REVIEW_STATS.avg} / 5

based on {REVIEW_STATS.count.toLocaleString()} verified reviews

{REVIEW_STATS.bars.map(b=>( ))}

{filtered.length===0 && (

no reviews match this filter yet.

)} {filtered.map((r,i)=>(

{r.name[0]}

{r.name}

{r.badge} · {r.date}

"{r.title}"

{r.body}

))}

); } function FAQSection(){ const [open, setOpen] = useState(0); return (

questions

the things people ask.

{FAQ.map((f,i)=>{ const isOpen = open===i; return (

{f.a}

); })}

); } function PromiseStrip(){ const items = [ { t:'discreet shipping', d:'plain padded mailer. no branding, no contents listed on the label.' }, { t:'30-day happiness', d:'unopened returns within 30 days. defective? we replace it, no questions.' }, { t:'1-year warranty', d:'covers the electronics and the silicone. just hit us up.' }, { t:'real humans', d:'support team based in portland, 8am–8pm PT, every day.' }, ]; return (

{items.map((it,i)=>(

{it.t}

{it.d}

))}

); } function FinalCTA({onAdd}){ return (

your heart, your call.

ships in a plain padded mailer, today if you order before 2pm. comes home with a 30-day guarantee.

free shipping over $50 · pay in 4 with shop pay

); } function Footer(){ const cols = [ { h:'shop', items:['the product','bundles','gift cards','journal'] }, { h:'help', items:['shipping','returns','warranty','contact'] }, { h:'plusOne', items:['about','our promise','press','wholesale'] }, ]; return ( ); } function CartDrawer({open, onClose, items, qtyChange, removeItem}){ const subtotal = items.reduce((s,i)=> s+i.price*i.qty, 0); return ( <>

your cart

{items.length===0 ?

your cart is empty.
(it's lonely in here.)

: items.map((it,i)=>(

{it.title}

{it.qty}

${it.price*it.qty}

)) }

{items.length>0 && ( )}

); } function StickyAddBar({onAdd, total}){ const [show, setShow] = useState(false); useEffect(()=>{ const onS = ()=> setShow(window.scrollY > 760 && window.scrollY < document.body.scrollHeight - window.innerHeight - 300); window.addEventListener('scroll', onS); onS(); return ()=> window.removeEventListener('scroll', onS); },[]); return (

heart throb · ${total}

); } function Toast({show, text}){ return

{text}

; } /* ============ App ============ */ function App(){ const [active, setActive] = useState(0); const [qty, setQty] = useState(1); const [cart, setCart] = useState([]); const [drawerOpen, setDrawerOpen] = useState(false); const [toast, setToast] = useState({show:false, text:''}); const addToCart = ()=>{ // Start a fresh funnel order and head into the upsell flow. if (window.HTFunnel) { window.HTFunnel.resetOrder(); window.HTFunnel.addItem({ sku: 'heart-throb', title: 'heart throb · air pulsing vibe', price: PRICE, qty, kind: 'main', }); // Mark base offer as accepted (this is the entry point of the funnel). window.HTFunnel.trackOffer('heart-throb', true); } setCart(prev=>{ const key = 'heart-throb'; const existing = prev.findIndex(p=>p.key===key); if(existing>=0){ const next = [...prev]; next[existing] = {...next[existing], qty: next[existing].qty + qty}; return next; } return [...prev, { key, title: 'heart throb', price: PRICE, qty, }]; }); setToast({show:true, text:'added — continuing'}); setTimeout(()=> { window.location.href = 'Upsell 1.html'; }, 700); }; const openCart = ()=> setDrawerOpen(true); const qtyChange = (i,d)=> setCart(prev=> prev.map((it,idx)=> idx===i? {...it, qty: Math.max(1, it.qty+d)}: it)); const removeItem = (i)=> setCart(prev=> prev.filter((_,idx)=> idx!==i)); const cartCount = cart.reduce((s,i)=> s+i.qty, 0); return ( <>