// strips-app.jsx — Hey Strips mobile redesign const BRAND = { deep: '#0F3D2E', // deep forest green: '#2C7A53', // primary mint: '#C9E8D4', // soft mint cream: '#F6F2E8', // warm cream ink: '#0E1A13', muted: '#5A6B61', line: '#E4E8E3', pop: '#E8F5EC', gold: '#C8A24B', }; // ───────────────────────────────────────────────────────── // Responsive // ───────────────────────────────────────────────────────── function useIsMobile(breakpoint = 768) { const [mobile, setMobile] = React.useState(window.innerWidth < breakpoint); React.useEffect(() => { const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`); const handler = (e) => setMobile(e.matches); mq.addEventListener('change', handler); return () => mq.removeEventListener('change', handler); }, [breakpoint]); return mobile; } // ───────────────────────────────────────────────────────── // Shopify Headless Checkout // ───────────────────────────────────────────────────────── const SHOPIFY = { domain: 'hey-strips.myshopify.com', variantId: 48208725213416, // Appetite Balance & Weight Support Strips }; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "heroVariant": "A", "ctaStyle": "pill", "stickyCTA": true, "countdown": true, "scarcity": true, "urgencyBar": true, "socialProofCount": "23,481", "theme": "mint" }/*EDITMODE-END*/; // ───────────────────────────────────────────────────────── // Primitives // ───────────────────────────────────────────────────────── const Stars = ({ n = 5, size = 12, color = BRAND.gold }) => ( {Array.from({ length: n }).map((_, i) => ( ))} ); const Check = ({ color = BRAND.green, size = 14 }) => ( ); const XMark = ({ color = '#C74F4F', size = 14 }) => ( ); // Product placeholder — stripe pattern pouch const ProductShot = ({ size = 180, tilt = -6, label = "product shot" }) => (
hey strips APPETITE SUPPORT mint · 30 strips
); // Single strip visual const StripVisual = ({ w = 60, h = 80 }) => ( hey strips ); // ───────────────────────────────────────────────────────── // Countdown hook // ───────────────────────────────────────────────────────── function useCountdown(minutes = 14) { const [s, setS] = React.useState(minutes * 60 + 37); React.useEffect(() => { const id = setInterval(() => setS(v => (v <= 1 ? minutes * 60 : v - 1)), 1000); return () => clearInterval(id); }, [minutes]); const m = Math.floor(s / 60); const sec = s % 60; return { m: String(m).padStart(2, '0'), s: String(sec).padStart(2, '0') }; } // ───────────────────────────────────────────────────────── // Sections // ───────────────────────────────────────────────────────── function UrgencyBar({ tweaks }) { const { m, s } = useCountdown(14); if (!tweaks.urgencyBar) return null; return (
SPRING SALE · 40% OFF ends in {tweaks.countdown && ( {m}:{s} )}
); } function TopNav() { return (
heystrips
); } // HERO — three variants function HeroA({ tweaks, onBuy }) { // Copy-led bold return (
4.9 · {tweaks.socialProofCount} happy customers

Cravings?
Gone in 60s.

Dissolve-on-tongue strips with saffron + chromium that crush appetite in under a minute. No pills. No jitters.

⚡
Works in 60s
Clinically-backed
🌿
Saffron-based
Plant-powered
Shop Hey Strips — 40% Off
); } function HeroB({ tweaks, onBuy }) { // Image-led full bleed return (
New · science-backed

The pocket-sized
appetite killer.

One strip dissolves on your tongue and quiets cravings in under 60 seconds. No water. No pills. No guilt.

{['Saffron', 'Chromium', 'Glucomannan'].map(k => (
• {k}
))}
Claim My Strips — 40% Off
); } function HeroC({ tweaks, onBuy }) { // Video/demo-led return (
⚡ Feel it in 60 seconds

Watch cravings vanish — live.

Pop one strip. It melts on your tongue. Your hunger signals quiet — without pills, powders, or willpower.

{/* Fake video card */}
LIVE DEMO · 0:18
"Worked in 42 seconds."
— Jess, verified buyer
Try Hey Strips — 40% Off
); } function CTAButton({ children, onClick, tweaks, dark = false }) { const style = tweaks.ctaStyle; const base = { width: '100%', padding: '16px 20px', border: 'none', cursor: 'pointer', fontFamily: 'Inter', fontWeight: 700, fontSize: 16, letterSpacing: .1, display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 8, transition: 'transform .1s', }; const color = dark ? '#fff' : '#fff'; const bg = dark ? '#0F3D2E' : BRAND.green; if (style === 'block') { return ( ); } if (style === 'gradient') { return ( ); } // pill (default) return ( ); } function TrustRow({ dark = false }) { const c = dark ? 'rgba(246,242,232,.8)' : BRAND.muted; const items = [ ['🚚', 'Free shipping'], ['↩', '30-day returns'], ['🌿', 'Plant-based'], ]; return (
{items.map(([i, t]) => (
{i}{t}
))}
); } // PRESS BAR function PressBar() { const names = ['VOGUE', 'FORBES', 'BUSTLE', 'COSMO', 'MINDBODY']; return (
AS SEEN IN
{names.map(n => (
{n}
))}
); } // BENEFITS function Benefits() { const items = [ { icon: '⚡', t: 'Crushes cravings in 60s', d: 'Dissolvable strip hits fast — no waiting.' }, { icon: '🌿', t: 'Saffron + chromium', d: 'Clinically-studied ingredients, nothing else.' }, { icon: '🧊', t: 'No jitters, no crash', d: 'Caffeine-free. Works with your body.' }, { icon: '👝', t: 'Pocket-sized control', d: 'Pop one anywhere. No water, no pills.' }, ]; return (
WHY IT WORKS

Appetite support,
finally simplified.

{items.map(b => (
{b.icon}
{b.t}
{b.d}
))}
); } // HOW IT WORKS function HowItWorks() { const steps = [ { n: '01', t: 'Pop a strip', d: 'Place it on your tongue. No water needed.' }, { n: '02', t: 'Let it dissolve', d: 'Active ingredients release in 30 seconds.' }, { n: '03', t: 'Cravings quiet', d: 'Feel calmer and in control within a minute.' }, ]; return (
HOW IT WORKS

Three steps. One minute.

{steps.map((s, i) => (
{s.n}
{s.t}
{s.d}
{i < 2 && }
))}
); } // INGREDIENTS function Ingredients() { const ings = [ { t: 'Saffron Extract', d: 'Mood + appetite regulation', n: '88mg', c: '#FFD9A8' }, { t: 'Chromium Picolinate', d: 'Steady blood sugar', n: '200mcg', c: '#C9E8D4' }, { t: 'Glucomannan', d: 'Fiber that fills you up', n: '500mg', c: '#E3DEF0' }, ]; return (
WHAT'S INSIDE

Three actives. Zero filler.

{ings.map(i => (
{i.t.split(' ')[0].slice(0, 2)}
{i.t} {i.n}
{i.d}
))}
{['Vegan', 'Gluten-free', 'Non-GMO', 'Sugar-free', '3rd-party tested'].map(t => (
✓ {t}
))}
); } // BEFORE / AFTER function BeforeAfter() { return (
REAL RESULTS

Before vs. after.

{[ { label: 'BEFORE', head: 'Snacking at 3pm', body: 'Afternoon crashes. Candy drawer raids. Zero willpower left.', color: 'rgba(255,107,107,.15)', border: 'rgba(255,107,107,.3)' }, { label: 'AFTER', head: 'One strip, calm', body: 'Cravings fade in 60s. Energy steady. You stay in control.', color: 'rgba(139,228,168,.12)', border: 'rgba(139,228,168,.3)' }, ].map(c => (
{c.label}
{c.head}
{c.body}
))}
{[['92%', 'feel fewer cravings'], ['4.2×', 'faster than pills'], ['60s', 'avg time to effect']].map(([n, t]) => (
{n}
{t}
))}
Based on 2,146 verified customer responses, Jan–Mar 2026.
); } // COMPARISON function Comparison() { const rows = [ ['Works in under 60s', true, false], ['No pills to swallow', true, false], ['Saffron + chromium', true, 'sometimes'], ['Caffeine-free', true, false], ['No sugar', true, false], ['30-day guarantee', true, false], ]; return (
THE DIFFERENCE

Hey Strips vs. typical supplements.

Feature
Hey Strips
Others
{rows.map(([feat, hs, other], i) => (
{feat}
{hs ? : }
{other === 'sometimes' ? sometimes : other ? : }
))}
); } // PRICING const BUNDLES = [ { id: 0, qty: 1, packs: '1 pack', per: 35.99, total: 35.99, save: 0 }, { id: 1, qty: 3, packs: '3 packs', per: 27.99, total: 83.97, save: 24, badge: 'MOST POPULAR' }, { id: 2, qty: 6, packs: '6 packs', per: 19.99, total: 119.94, save: 44, badge: 'BEST VALUE' }, ]; function Pricing({ onBuy, tweaks, selectedBundle, setSelectedBundle }) { const sel = selectedBundle; const setSel = setSelectedBundle; const plans = BUNDLES; return (
BUILD YOUR BUNDLE

Stock up and save up to 44%.

{tweaks.scarcity && (
🔥
Only 147 packs left at 40% off. Restocks in 2 weeks.
)}
{plans.map(p => { const active = sel === p.id; return ( ); })}
Checkout — ${plans[sel].total.toFixed(2)}
🔒 Secure checkout 🚚 Free US shipping ↩ 30-day returns
); } // REVIEWS function Reviews() { const reviews = [ { n: 'Dianna', r: 5, h: 'Saved my 3pm slumps', b: 'I used to snack mindlessly at work. One strip after lunch and the urge is just… gone. I\'ve gone through 4 packs.', v: true }, { n: 'Henry', r: 5, h: 'Actually works in 60 seconds', b: 'Skeptical at first. Tried it at a restaurant before ordering dessert and genuinely didn\'t want it. Wild.', v: true }, { n: 'Amanda', r: 5, h: 'Better than gummies', b: 'Way easier than swallowing pills every day. Tastes mint, dissolves fast, no weird aftertaste.', v: true }, ]; return (
4.9

Based on 23,481 verified reviews

{reviews.map(r => (
{r.n[0]}
{r.n} {r.v && ✓ VERIFIED}
"{r.h}"
{r.b}
))}
); } // GUARANTEE function Guarantee() { return (
30
day

Love it or your money back.

Try Hey Strips for 30 days. Don't feel the difference? Email us at hello@heystrips.com — full refund, no questions asked.

); } // FAQ function FAQ() { const items = [ ['How do I use the strips?', 'Place one strip on your tongue before or during a meal. It dissolves in about 30 seconds. Most people feel the effect within a minute.'], ['What are the ingredients?', 'Each strip contains 88mg saffron extract, 200mcg chromium picolinate, and 500mg glucomannan — plus natural mint flavor. No sugar, no caffeine.'], ['How long does one pack last?', 'A pack contains 30 strips, which is enough for about one month if used once daily. Most customers use 1–2 per day.'], ['Are there side effects?', 'Hey Strips uses clinically-studied, well-tolerated ingredients. Some people notice mild digestive changes in the first few days as fiber intake increases.'], ['How long until I see results?', 'Most customers feel appetite calming within 60 seconds. Sustained results (fewer cravings overall) typically show in 2–4 weeks.'], ['Where do you ship?', 'Free shipping in the US (2–5 days). We also ship to Canada, UK, and Australia for a flat fee.'], ]; const [open, setOpen] = React.useState(0); return (

Questions, answered.

{items.map(([q, a], i) => (
{open === i && (
{a}
)}
))}
); } // FOOTER function Footer() { return (
heystrips
Shop Science Reviews FAQ
© 2026 Hey Strips. These statements have not been evaluated by the FDA.
This product is not intended to diagnose, treat, cure, or prevent any disease.
); } // STICKY ATC function StickyATC({ tweaks, onBuy, visible, selectedBundle }) { if (!tweaks.stickyCTA || !visible) return null; const bundle = BUNDLES[selectedBundle]; const originalPerPack = BUNDLES[0].per; return (
{bundle.save > 0 &&
${(originalPerPack * bundle.qty).toFixed(2)}
}
${bundle.total.toFixed(2)} {bundle.save > 0 && -{bundle.save}%}
); } // Social proof floater function ProofFloater() { const items = [ 'Megan in Austin just bought 6 packs', 'Chris in Brooklyn just bought 3 packs', 'Jasmine in LA just bought 3 packs', 'Taylor in Dallas just bought 1 pack', ]; const [i, setI] = React.useState(0); const [show, setShow] = React.useState(false); React.useEffect(() => { const t1 = setTimeout(() => setShow(true), 3000); const t2 = setInterval(() => { setShow(false); setTimeout(() => { setI(v => (v + 1) % items.length); setShow(true); }, 300); }, 6000); return () => { clearTimeout(t1); clearInterval(t2); }; }, []); return (
🛒
{items[i]}
2 min ago · verified
); } // ───────────────────────────────────────────────────────── // TWEAKS panel // ───────────────────────────────────────────────────────── function TweaksPanel({ tweaks, setTweaks, onClose }) { const up = (k, v) => { const next = { ...tweaks, [k]: v }; setTweaks(next); window.parent.postMessage({ type: '__edit_mode_set_keys', edits: { [k]: v } }, '*'); }; const Row = ({ label, children }) => (
{label}
{children}
); const Pill = ({ active, onClick, children }) => ( ); const Toggle = ({ on, onClick }) => ( ); return (
Tweaks
{['A', 'B', 'C'].map(v => up('heroVariant', v)}>{v})} {[['pill', 'Pill'], ['block', 'Block'], ['gradient', 'Grad']].map(([k, l]) => ( up('ctaStyle', k)}>{l} ))} up('stickyCTA', !tweaks.stickyCTA)} /> up('urgencyBar', !tweaks.urgencyBar)} /> up('countdown', !tweaks.countdown)} /> up('scarcity', !tweaks.scarcity)} />
Toggle Tweaks in the toolbar to hide this panel.
); } // ───────────────────────────────────────────────────────── // App root // ───────────────────────────────────────────────────────── // Desktop-specific section wrappers // ───────────────────────────────────────────────────────── const Wrap = ({ children, style = {} }) => (
{children}
); function DesktopNav({ onBuy }) { return (
heystrips
Benefits How It Works Reviews FAQ
); } function DesktopHero({ tweaks, onBuy }) { return (
4.9 · {tweaks.socialProofCount} happy customers

Cravings?
Gone in 60s.

Dissolve-on-tongue strips with saffron + chromium that crush appetite in under a minute. No pills. No jitters.

Shop Hey Strips — 40% Off
⚡
Works in 60s
Clinically-backed
🌿
Saffron-based
Plant-powered
); } function DesktopBenefits() { const items = [ { icon: '⚡', t: 'Crushes cravings in 60s', d: 'Dissolvable strip hits fast — no waiting.' }, { icon: '🌿', t: 'Saffron + chromium', d: 'Clinically-studied ingredients, nothing else.' }, { icon: '🧊', t: 'No jitters, no crash', d: 'Caffeine-free. Works with your body.' }, { icon: '👝', t: 'Pocket-sized control', d: 'Pop one anywhere. No water, no pills.' }, ]; return (
WHY IT WORKS

Appetite support, finally simplified.

{items.map(b => (
{b.icon}
{b.t}
{b.d}
))}
); } function DesktopHowItWorks() { const steps = [ { n: '01', t: 'Pop a strip', d: 'Place it on your tongue. No water needed.' }, { n: '02', t: 'Let it dissolve', d: 'Active ingredients release in 30 seconds.' }, { n: '03', t: 'Cravings quiet', d: 'Feel calmer and in control within a minute.' }, ]; return (
HOW IT WORKS

Three steps. One minute.

{steps.map((s, i) => (
{s.n}
{s.t}
{s.d}
))}
); } function DesktopIngredients() { const ings = [ { t: 'Saffron Extract', d: 'Mood + appetite regulation', n: '88mg', c: '#FFD9A8' }, { t: 'Chromium Picolinate', d: 'Steady blood sugar', n: '200mcg', c: '#C9E8D4' }, { t: 'Glucomannan', d: 'Fiber that fills you up', n: '500mg', c: '#E3DEF0' }, ]; return (
WHAT'S INSIDE

Three actives. Zero filler.

{ings.map(i => (
{i.t.split(' ')[0].slice(0, 2)}
{i.t}
{i.d}
{i.n}
))}
{['Vegan', 'Gluten-free', 'Non-GMO', 'Sugar-free', '3rd-party tested'].map(t => (
✓ {t}
))}
); } function DesktopBeforeAfter() { return (
REAL RESULTS

Before vs. after.

{[ { label: 'BEFORE', head: 'Snacking at 3pm', body: 'Afternoon crashes. Candy drawer raids. Zero willpower left.', color: 'rgba(255,107,107,.15)', border: 'rgba(255,107,107,.3)' }, { label: 'AFTER', head: 'One strip, calm', body: 'Cravings fade in 60s. Energy steady. You stay in control.', color: 'rgba(139,228,168,.12)', border: 'rgba(139,228,168,.3)' }, ].map(c => (
{c.label}
{c.head}
{c.body}
))}
{[['92%', 'feel fewer cravings'], ['4.2×', 'faster than pills'], ['60s', 'avg time to effect']].map(([n, t]) => (
{n}
{t}
))}
Based on 2,146 verified customer responses, Jan–Mar 2026.
); } function DesktopComparison() { const rows = [ ['Works in under 60s', true, false], ['No pills to swallow', true, false], ['Saffron + chromium', true, 'sometimes'], ['Caffeine-free', true, false], ['No sugar', true, false], ['30-day guarantee', true, false], ]; return (
THE DIFFERENCE

Hey Strips vs. typical supplements.

Feature
Hey Strips
Others
{rows.map(([feat, hs, other], i) => (
{feat}
{hs ? : }
{other === 'sometimes' ? sometimes : other ? : }
))}
); } function DesktopReviews() { const reviews = [ { n: 'Dianna', r: 5, h: 'Saved my 3pm slumps', b: 'I used to snack mindlessly at work. One strip after lunch and the urge is just… gone. I\'ve gone through 4 packs.', v: true }, { n: 'Henry', r: 5, h: 'Actually works in 60 seconds', b: 'Skeptical at first. Tried it at a restaurant before ordering dessert and genuinely didn\'t want it. Wild.', v: true }, { n: 'Amanda', r: 5, h: 'Better than gummies', b: 'Way easier than swallowing pills every day. Tastes mint, dissolves fast, no weird aftertaste.', v: true }, ]; return (
4.9

Based on 23,481 verified reviews

{reviews.map(r => (
{r.n[0]}
{r.n} {r.v && ✓ VERIFIED}
"{r.h}"
{r.b}
))}
); } function DesktopPricing({ onBuy, tweaks, selectedBundle, setSelectedBundle }) { const sel = selectedBundle; const setSel = setSelectedBundle; const plans = BUNDLES; return (
BUILD YOUR BUNDLE

Stock up and save up to 44%.

{tweaks.scarcity && (
🔥
Only 147 packs left at 40% off. Restocks in 2 weeks.
)}
{plans.map(p => { const active = sel === p.id; return ( ); })}
Checkout — ${plans[sel].total.toFixed(2)}
🔒 Secure checkout 🚚 Free US shipping ↩ 30-day returns
); } function DesktopGuarantee() { return (
30
day

Love it or your money back.

Try Hey Strips for 30 days. Don't feel the difference? Email us at hello@heystrips.com — full refund, no questions asked.

); } function DesktopFAQ() { const items = [ ['How do I use the strips?', 'Place one strip on your tongue before or during a meal. It dissolves in about 30 seconds. Most people feel the effect within a minute.'], ['What are the ingredients?', 'Each strip contains 88mg saffron extract, 200mcg chromium picolinate, and 500mg glucomannan — plus natural mint flavor. No sugar, no caffeine.'], ['How long does one pack last?', 'A pack contains 30 strips, which is enough for about one month if used once daily. Most customers use 1–2 per day.'], ['Are there side effects?', 'Hey Strips uses clinically-studied, well-tolerated ingredients. Some people notice mild digestive changes in the first few days as fiber intake increases.'], ['How long until I see results?', 'Most customers feel appetite calming within 60 seconds. Sustained results (fewer cravings overall) typically show in 2–4 weeks.'], ['Where do you ship?', 'Free shipping in the US (2–5 days). We also ship to Canada, UK, and Australia for a flat fee.'], ]; const [open, setOpen] = React.useState(0); return (

Questions, answered.

{items.map(([q, a], i) => (
{open === i && (
{a}
)}
))}
); } function DesktopFooter() { return (
heystrips
© 2026 Hey Strips. These statements have not been evaluated by the FDA.
This product is not intended to diagnose, treat, cure, or prevent any disease.
); } // ───────────────────────────────────────────────────────── function HeyStripsApp() { const [tweaks, setTweaks] = React.useState(TWEAK_DEFAULTS); const [editMode, setEditMode] = React.useState(false); const [scrolled, setScrolled] = React.useState(false); const [selectedBundle, setSelectedBundle] = React.useState(1); const [flash, setFlash] = React.useState(false); const isMobile = useIsMobile(); React.useEffect(() => { const onMsg = (e) => { if (e.data?.type === '__activate_edit_mode') setEditMode(true); if (e.data?.type === '__deactivate_edit_mode') setEditMode(false); }; window.addEventListener('message', onMsg); window.parent.postMessage({ type: '__edit_mode_available' }, '*'); return () => window.removeEventListener('message', onMsg); }, []); React.useEffect(() => { const onWindowScroll = () => { setScrolled(window.scrollY > 400); }; window.addEventListener('scroll', onWindowScroll, { passive: true }); return () => window.removeEventListener('scroll', onWindowScroll); }, []); const goToCheckout = () => { const bundle = BUNDLES[selectedBundle]; const url = `https://${SHOPIFY.domain}/cart/${SHOPIFY.variantId}:${bundle.qty}`; window.open(url, '_blank'); }; const onBuy = () => { setFlash(true); setTimeout(() => setFlash(false), 1200); const el = document.getElementById('pricing'); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' }); }; if (!isMobile) { // ── DESKTOP ── return (
{flash && (
↓ Choose your bundle below
)} {editMode && { setEditMode(false); window.parent.postMessage({ type: '__deactivate_edit_mode' }, '*'); }} />}
); } // ── MOBILE ── const Hero = { A: HeroA, B: HeroB, C: HeroC }[tweaks.heroVariant] || HeroA; return (
); } Object.assign(window, { HeyStripsApp });