/* All page sections live here. Composed in app.jsx. */ const { useState, useEffect, useRef, useCallback } = React; /* ---------- Bottle / Capsule placeholder art ---------- */ function ProductArt({ kind }) { // Stylized bottle / capsule silhouette placeholder for real product photography if (kind === "drop") { return ( {/* dropper cap */} {/* neck */} {/* body */} {/* label */} Óleo de Avestruz AMAZON BSB 50ml {/* highlight */} ); } return ( /* pill / capsule bottle */ {/* cap */} {/* body */} {/* green band */} {/* label */} Óleo de Avestruz em cápsulas AMAZON BSB 500mg ); } /* ---------- Urgency bar ---------- */ function UrgencyBar() { return (
Frete GRÁTIS acima de R$ 150 Entrega em todo o Brasil 3x sem juros no cartão
); } /* ---------- Header ---------- */ function Header({ cartCount, onCartOpen }) { return (
AMAZONBSB Óleo de Avestruz
); } /* ---------- Hero carousel ---------- */ function Hero({ autoplay = true, viewMode = "desktop" }) { const [idx, setIdx] = useState(0); const dragRef = useRef({ active: false, startX: 0, deltaX: 0, moved: false }); const [dragOffset, setDragOffset] = useState(0); const [isDragging, setIsDragging] = useState(false); const slides = [ { kind: "photo", img: "assets/hero-desktop-frete.png", mobileImg: "assets/hero-mobile-gotas.png", title: "Frete grátis a partir de R$ 150", text: "Receba seu Óleo de Avestruz em todo o Brasil com mais economia.", button: "Aproveite agora", href: "#produtos", actions: true, }, { kind: "photo", img: "assets/hero-desktop-kits.png", mobileImg: "assets/hero-mobile-capsulas.png", title: "Kits com até 37% off", text: "Leve mais, pague menos e mantenha sua rotina por mais tempo.", button: "Ver kits com desconto", href: "#kits", actions: true, }, ]; useEffect(() => { if (!autoplay) return; const t = setInterval(() => setIdx((i) => (i + 1) % slides.length), 6500); return () => clearInterval(t); }, [autoplay, slides.length]); const go = (n) => setIdx((n + slides.length) % slides.length); const startDrag = (event) => { if (event.pointerType === "mouse" && event.button !== 0) return; dragRef.current = { active: true, startX: event.clientX, deltaX: 0, moved: false }; setIsDragging(true); }; const moveDrag = (event) => { const drag = dragRef.current; if (!drag.active) return; const deltaX = event.clientX - drag.startX; drag.deltaX = deltaX; drag.moved = Math.abs(deltaX) > 6; dragRef.current = drag; if (drag.moved) { event.preventDefault(); setDragOffset(deltaX); } }; const endDrag = (event) => { const drag = dragRef.current; if (!drag.active) return; setDragOffset(0); setIsDragging(false); if (drag.moved && Math.abs(drag.deltaX) > 48) { go(drag.deltaX < 0 ? idx + 1 : idx - 1); } dragRef.current = { active: false, startX: 0, deltaX: 0, moved: false }; }; return (
{slides.map((s, i) => (
{s.kind === "photo" && (
Óleo de Avestruz Natural Amazon BSB {s.actions && (
Amazon BSB

{s.title}

{s.text}

{s.button}
)}
)} {s.kind === "photo" && (
Amazon BSB

{s.title}

{s.text}

{s.button}
)}
))}
{slides.map((_, i) => (
); } /* ---------- Credibility strip ---------- */ function Credibility() { const items = [ { icon: , t: "100% Natural", s: "e sem glúten" }, { icon: , t: "Ômegas 3,6,7,9", s: "Vitaminas A e E" }, { icon: , t: "Frete grátis", s: "acima de R$ 150" }, { icon: , t: "Qualidade garantida", s: "Processo rigoroso" }, { icon: , t: "3x sem juros", s: "no cartão" }, ]; return (
{items.map((it, i) => (
{it.icon}
{it.t}{it.s}
))}
); } /* ---------- Why ---------- */ function Why() { const cards = [ { icon: , title: "Ômegas completos", text: "Ômegas 3, 6, 7 e 9 em uma única fonte natural algo raro em suplementos. Suporte direto à saúde cardiovascular e cerebral.", num: "01", }, { icon: , title: "Vitaminas A e E", text: "Antioxidantes naturais que ajudam na imunidade, na saúde da pele e no combate aos radicais livres do dia a dia.", num: "02", }, { icon: , title: "Pureza Amazônica", text: "Extraído da banha do avestruz com processo rigoroso de qualidade. Sem glúten, sem aditivos artificiais 100% natural.", num: "03", }, ]; return (
Por que o Óleo de Avestruz?

O suplemento natural que seu corpo estava esperando.

Uma fonte rara, completa e familiar de Ômegas e vitaminas pensada para quem busca vitalidade com origem confiável.

{cards.map((c, i) => (
{c.num} / 03
{c.icon}

{c.title}

{c.text}

))}
); } /* ---------- Product card ---------- */ function ProductCard({ p, onAdd, added }) { return ( ); } /* ---------- Products grid ---------- */ function Products({ onAdd, addedMap }) { const [filter, setFilter] = useState("Todos"); const filters = ["Todos", "Gotas", "Cápsulas", "Kits"]; const filtered = PRODUCTS.filter(p => filter === "Todos" || p.type === filter); return (
Linha completa

Escolha o formato ideal para sua rotina.

Cápsulas para praticidade. Gotas para uso direto e culinário. Kits para quem quer continuidade e economia.

{filters.map(f => ( ))}
{filtered.map(p => ( ))}
); } /* ---------- Benefits ---------- */ function Benefits() { const list = [ { h: "Mais energia e disposição", t: "Ômegas naturais para o seu dia a dia render mais." }, { h: "Apoio cardiovascular", t: "Suporte à saúde do coração com gorduras boas." }, { h: "Pele mais saudável", t: "Vitaminas A e E que cuidam por dentro e por fora." }, { h: "Para toda a família", t: "Suplemento natural seguro e bem tolerado." }, { h: "Sem glúten", t: "Adequado para celíacos e sensíveis ao glúten." }, { h: "Cápsulas ou gotas", t: "Versátil escolha o que combina com você." }, ]; return (
Para a sua saúde

Cuide do que importa: você e quem você ama.

Um suplemento natural pensado para a rotina real sem promessas vazias, com a riqueza dos Ômegas 3, 6, 7 e 9 e o cuidado de quem entende de pureza amazônica.

{list.map((b, i) => (

{b.h}

{b.t}

))}
Composição rica em 4 Ômegas naturais
Ômega 3 Ômega 6 Ômega 7 Ômega 9 Vitamina A Vitamina E
); } /* ---------- How to use ---------- */ function HowToUse() { const steps = [ { n: "Passo 01", icon: , h: "Escolha seu formato", t: "Cápsulas para praticidade ou gotas para uso direto, em saladas e pratos do dia a dia." }, { n: "Passo 02", icon: , h: "Use diariamente", t: "Siga a indicação do rótulo em torno de 1 a 2 cápsulas ou 5 a 10 gotas por dia, com refeições." }, { n: "Passo 03", icon: , h: "Sinta a diferença", t: "Mantenha o uso contínuo por pelo menos 60 dias para sentir resultados consistentes." }, ]; return (
Como usar

Simples como deve ser. Em 3 passos.

{steps.map((s, i) => (
{s.n}
{s.icon}

{s.h}

{s.t}

))}
); } /* ---------- Testimonials ---------- */ function Testimonials() { return (
+12.400
clientes satisfeitos no Brasil
Prova social

Quem usa, recomenda.

{TESTIMONIALS.map((t, i) => (
{Array.from({length: t.rating}).map((_, k) => )}

{t.text}

{t.initials}
{t.name}
{t.city}
Verificado
))}
); } /* ---------- Kits ---------- */ function Kits({ onAdd, addedMap }) { const kits = [ { id: "kit3-caps60", title: "Kit 3 unidades", desc: "Para 90 dias contínuos", price: 219.90, was: 227.70, saving: "Economize R$ 7,80", parcela: 73.30, bullets: ["3 frascos de 60 cápsulas", "500mg por cápsula", "Frete grátis incluso"], }, { id: "kit3-caps90", title: "Kit 3x 90 cápsulas", desc: "Mais pedido pelos clientes", price: 274.90, was: 284.70, saving: "Economize R$ 9,80", parcela: 91.63, featured: true, bullets: ["3 frascos de 90 cápsulas", "135 dias de uso contínuo", "Frete grátis + brinde surpresa"], }, { id: "kit5-caps90", title: "Kit 5 unidades", desc: "Maior economia • toda a família", price: 424.90, was: 474.50, saving: "Economize R$ 49,60", parcela: 141.63, bullets: ["5 frascos de 90 cápsulas", "225 dias de uso", "Frete grátis em todo Brasil"], }, ]; return (
Compre em kit

Economize mais comprando em kit.

Quem compra em kit usa por mais tempo e sente resultados mais consistentes com até 12% de desconto e frete grátis.

{kits.map((k) => { const prod = PRODUCTS.find(p => p.id === k.id); return (
{k.featured && Mais pedido} {prod && prod.img && (
{k.title}
)}

{k.title}

{k.desc}

{k.saving}
{BRL(k.was)} {BRL(k.price)} ou 3x de {BRL(k.parcela)} sem juros
{k.bullets.map((b, i) => ( {b} ))}
); })}
); } /* ---------- Guarantee ---------- */ function Guarantee() { const seals = [ { icon: , h: "Pagamento Seguro", t: "Criptografia SSL e processadores confiáveis." }, { icon: , h: "Entrega Garantida", t: "Rastreio em tempo real para todo o Brasil." }, { icon: , h: "Produto Original", t: "Direto da Amazon BSB selo de qualidade." }, { icon: , h: "Suporte por WhatsApp", t: "Atendimento humano, de segunda a sábado." }, ]; return (

Compra 100% segura
e garantida.

Sua tranquilidade vem antes de tudo. Pagamento protegido, entrega rastreada e suporte humano sempre que precisar.

{seals.map((s, i) => (
{s.icon}

{s.h}

{s.t}

))}
); } /* ---------- FAQ ---------- */ function FAQ() { const [open, setOpen] = useState(0); const refs = useRef([]); return (
Perguntas frequentes

Tudo o que você precisa saber antes de pedir.

{FAQS.map((f, i) => { const isOpen = open === i; return (
(refs.current[i] = el)}>{f.a}
); })}
); } /* ---------- WhatsApp float ---------- */ function WhatsAppFloat() { return ( Tire dúvidas pelo WhatsApp ); } /* ---------- Audio testimonials carousel ---------- */ function AudioTestimonials() { const items = [ { name: "Lucia", city: "Brasília, DF", initials: "LU", tone: "tone-a", audio: "assets/depoimento-lucia.mp3" }, { name: "Neusa", city: "Goiânia, GO", initials: "NE", tone: "tone-b", audio: "assets/depoimento-neusa.mp3" }, { name: "DR. Mauro", city: "São Paulo, SP", initials: "DM", tone: "tone-c", audio: "assets/depoimento-mauro.mp3" }, { name: "Maria Ferreira", city: "Goiânia, GO", initials: "MF", tone: "tone-d", audio: "assets/depoimento-maria-ferreira.mp3" }, { name: "Teresa", city: "Brasília, DF", initials: "TE", tone: "tone-e", audio: "assets/depoimento-teresa.mp3" }, ]; const [page, setPage] = useState(0); const [playing, setPlaying] = useState(null); const [durations, setDurations] = useState({}); const viewportRef = useRef(null); const audioRef = useRef(null); const dragRef = useRef({ active: false, startX: 0, deltaX: 0, moved: false }); const suppressClickRef = useRef(false); const [perPage, setPerPage] = useState(4); const [dragOffset, setDragOffset] = useState(0); const [isDragging, setIsDragging] = useState(false); const formatDuration = (seconds) => { if (!Number.isFinite(seconds)) return "--:--"; const mins = Math.floor(seconds / 60); const secs = Math.floor(seconds % 60).toString().padStart(2, "0"); return `${mins}:${secs}`; }; useEffect(() => { const calc = () => { const w = window.innerWidth; const mobile = document.body.classList.contains("mobile-preview"); if (mobile) return setPerPage(1); if (w < 720) return setPerPage(1); if (w < 1100) return setPerPage(2); if (w < 1400) return setPerPage(3); setPerPage(4); }; calc(); window.addEventListener("resize", calc); window.addEventListener("tweaks-changed", calc); return () => { window.removeEventListener("resize", calc); window.removeEventListener("tweaks-changed", calc); }; }, []); useEffect(() => { let active = true; const loaders = items.map((it, i) => { const audio = new Audio(it.audio); audio.preload = "metadata"; audio.onloadedmetadata = () => { if (!active) return; setDurations((prev) => ({ ...prev, [i]: formatDuration(audio.duration) })); }; return audio; }); return () => { active = false; loaders.forEach((audio) => { audio.onloadedmetadata = null; audio.src = ""; }); if (audioRef.current) audioRef.current.pause(); }; }, []); const maxPage = Math.max(0, items.length - perPage); const safe = Math.min(page, maxPage); const cardWidth = 280; const gap = 20; const offset = safe * (cardWidth + gap); const startDrag = (event) => { if (event.pointerType === "mouse" && event.button !== 0) return; dragRef.current = { active: true, startX: event.clientX, deltaX: 0, moved: false }; setIsDragging(true); }; const moveDrag = (event) => { const drag = dragRef.current; if (!drag.active) return; const deltaX = event.clientX - drag.startX; drag.deltaX = deltaX; drag.moved = Math.abs(deltaX) > 6; dragRef.current = drag; if (drag.moved) { event.preventDefault(); setDragOffset(deltaX); } }; const endDrag = (event) => { const drag = dragRef.current; if (!drag.active) return; setDragOffset(0); setIsDragging(false); if (drag.moved) { suppressClickRef.current = true; if (Math.abs(drag.deltaX) > 48) { setPage((current) => { const currentSafe = Math.min(current, maxPage); return drag.deltaX < 0 ? Math.min(maxPage, currentSafe + 1) : Math.max(0, currentSafe - 1); }); } window.setTimeout(() => { suppressClickRef.current = false; }, 80); } dragRef.current = { active: false, startX: 0, deltaX: 0, moved: false }; }; const togglePlay = (i) => { if (suppressClickRef.current) return; const audio = audioRef.current; if (!audio) return; if (playing === i) { audio.pause(); setPlaying(null); return; } audio.src = items[i].audio; audio.currentTime = 0; setPlaying(i); const play = audio.play(); if (play && typeof play.catch === "function") { play.catch(() => setPlaying(null)); } }; return (
); } /* ---------- Benefits Showcase (photo mosaic) ---------- */ function BenefitsShowcase() { return (
O que ele faz pelo seu corpo

Benefícios visíveis, de dentro para fora.

Cada cápsula concentra os benefícios do óleo de avestruz anti-inflamatório, antioxidante e regenerador natural.

Composição ativa

4 ômegas + vitaminas A e E em uma única fonte.

Rico em ácidos graxos essenciais e vitaminas lipossolúveis, o óleo de avestruz tem composição semelhante à da pele humana o que explica sua eficiência em hidratar, cicatrizar e regenerar.

Anti-inflamatório Imunidade Pele e cabelos Cardiovascular Cicatrização Antioxidante
Quatro benefícios do Óleo de Avestruz: ação anti-inflamatória, regeneração da pele, saúde cardiovascular e imunidade
Sistema Imunológico Óleo de Avestruz Amazon BSB com benefício para o sistema imunológico alquilgliceróis e vitamina D₃
Pele e Cabelos Óleo de Avestruz Amazon BSB saúde da pele e cabelos com hidratação profunda
); } Object.assign(window, { AudioTestimonials, BenefitsShowcase }); /* ---------- Footer ---------- */ function Footer() { return (
AMAZONBSB

O poder da natureza em cada gota. Suplemento natural rico em Ômegas 3, 6, 7 e 9 com a pureza da Amazônia.

(61) 99954-5567
Pagamento
VISA MASTER PIX BOLETO ELO
© 2025 Amazon BSB Todos os direitos reservados
CNPJ 00.000.000/0001-00 Brasília, DF
Suplemento alimentar. Não contém glúten. Mantenha fora do alcance de crianças. Não deve ser consumido por gestantes, lactantes e crianças sem orientação médica. Ao usar nosso site, você concorda com nossa Política de Privacidade.
); } /* ---------- Checkout Modal with customer auto-fill ---------- */ function CheckoutModal({ items, onClose, onDone }) { const [phone, setPhone] = useState(""); const [name, setName] = useState(""); const [cep, setCep] = useState(""); const [address, setAddress] = useState(""); const [autoFilled, setAutoFilled] = useState(false); const [errors, setErrors] = useState({}); const [orderId, setOrderId] = useState(null); const total = items.reduce((s, i) => s + i.price * i.qty, 0); useEffect(() => { document.body.style.overflow = "hidden"; return () => { document.body.style.overflow = ""; }; }, []); const fmtPhone = (v) => { const d = v.replace(/\D/g, "").slice(0, 11); if (d.length <= 2) return d; if (d.length <= 7) return `(${d.slice(0,2)}) ${d.slice(2)}`; return `(${d.slice(0,2)}) ${d.slice(2,7)}-${d.slice(7)}`; }; const fmtCep = (v) => { const d = v.replace(/\D/g, "").slice(0, 8); return d.length <= 5 ? d : `${d.slice(0,5)}-${d.slice(5)}`; }; const lookupCustomer = (digits) => { const db = JSON.parse(localStorage.getItem("amazo_customers") || "{}"); const c = db[digits]; if (c) { if (c.name) setName(c.name); if (c.cep) setCep(c.cep); if (c.address) setAddress(c.address); setAutoFilled(true); } else { setAutoFilled(false); } }; const handlePhone = (v) => { const fmt = fmtPhone(v); setPhone(fmt); setErrors(e => ({ ...e, phone: "" })); const digits = fmt.replace(/\D/g, ""); if (digits.length >= 10) lookupCustomer(digits); else setAutoFilled(false); }; const validate = () => { const e = {}; if (phone.replace(/\D/g,"").length < 10) e.phone = "WhatsApp obrigatório (com DDD)."; if (!name.trim()) e.name = "Nome completo obrigatório."; return e; }; const handleConfirm = () => { const errs = validate(); if (Object.keys(errs).length) { setErrors(errs); return; } const digits = phone.replace(/\D/g, ""); const id = "PED-" + Date.now(); // Save / update customer profile const db = JSON.parse(localStorage.getItem("amazo_customers") || "{}"); const prev = db[digits] || {}; db[digits] = { ...prev, phone: digits, name: name.trim(), cep: cep || prev.cep || "", address: address.trim() || prev.address || "", lastSeen: new Date().toISOString(), orderCount: (prev.orderCount || 0) + 1, }; localStorage.setItem("amazo_customers", JSON.stringify(db)); // Save order with full customer data const orders = JSON.parse(localStorage.getItem("amazo_orders") || "[]"); orders.unshift({ id, date: new Date().toISOString(), items: items.map(i => ({ id: i.id, name: i.name, qty: i.qty, price: i.price })), total, status: "pendente", customer: { name: name.trim(), phone: digits, cep, address: address.trim() }, }); localStorage.setItem("amazo_orders", JSON.stringify(orders)); onDone(); // clear cart + close cart drawer setOrderId(id); }; // ---- Success screen ---- if (orderId) { const digits = phone.replace(/\D/g, ""); const summary = items.map(i => `${i.name} ×${i.qty}`).join(", "); const msg = encodeURIComponent( `Olá Amazon BSB! Acabei de fazer um pedido.\n\nCódigo: ${orderId}\nNome: ${name}\nItens: ${summary}\nTotal: ${BRL(total)}\n\nAguardo contato para confirmar o pagamento. 😊` ); return ( <>
✅

Pedido enviado!

{orderId}

Nossa equipe entrará em contato pelo WhatsApp{" "} {fmtPhone(digits)} em até 30 minutos para confirmar e combinar o pagamento.

Falar pelo WhatsApp
); } // ---- Form screen ---- return ( <>

Finalizar pedido

{items.reduce((s,i) => s+i.qty, 0)} {items.reduce((s,i) => s+i.qty, 0) === 1 ? "item" : "itens"} · {BRL(total)}

{autoFilled && (
Dados preenchidos automaticamente
)}
handlePhone(e.target.value)} className={errors.phone ? "err" : ""} autoFocus /> {errors.phone && {errors.phone}}
{ setName(e.target.value); setErrors(er => ({ ...er, name: "" })); }} className={errors.name ? "err" : ""} /> {errors.name && {errors.name}}
setCep(fmtCep(e.target.value))} />
setAddress(e.target.value)} />

Nossa equipe entrará em contato pelo WhatsApp para confirmar e combinar o pagamento.

); } /* ---------- Product Modal ---------- */ function ProductModal({ product, onClose, onAdd, addedMap }) { const [qty, setQty] = useState(1); const added = addedMap[product.id]; const upsellInfo = UPSELL_MAP[product.id]; const upsellProd = upsellInfo ? PRODUCTS.find(p => p.id === upsellInfo.kitId) : null; useEffect(() => { const handler = (e) => { if (e.key === "Escape") onClose(); }; document.body.style.overflow = "hidden"; window.addEventListener("keydown", handler); return () => { document.body.style.overflow = ""; window.removeEventListener("keydown", handler); }; }, [onClose]); const handleAdd = () => { for (let i = 0; i < qty; i++) onAdd(product); onClose(); }; const handleAddUpsell = () => { onAdd(upsellProd); onClose(); }; return ( <>
{product.img ? {product.name} : }
{product.tag === "best" && Mais vendido} {product.tag === "value" && Melhor custo-benefício} {product.tag === "frete" && Frete grátis}
{[1,2,3,4,5].map(i => )} {product.rating.toFixed(1)} · {product.reviews} avaliações

{product.name}

{product.was &&
{BRL(product.was)}
}
{BRL(product.price * qty)}
ou 3x de {BRL(product.parcela)} sem juros
{product.details && (

{product.details.description}

)} {product.details && product.details.benefits && (
    {product.details.benefits.map((b, i) => (
  • {b}
    • ))}
)} {product.details && product.details.howToUse && (
Como usar

{product.details.howToUse}

)}
{qty}
{product.details && product.details.composition && (

{product.details.composition}

)} {upsellProd && upsellInfo && (
🔥 Oferta especial

{upsellInfo.headline}

{upsellInfo.sub}

{BRL(upsellProd.price)} 3x de {BRL(upsellProd.parcela)} sem juros
)}
); } /* ---------- WhatsApp Lead Popup ---------- */ function WhatsAppPopup({ onClose }) { const [phone, setPhone] = useState(""); const [sent, setSent] = useState(false); const [error, setError] = useState(""); useEffect(() => { document.body.style.overflow = "hidden"; return () => { document.body.style.overflow = ""; }; }, []); const formatPhone = (v) => { const d = v.replace(/\D/g, "").slice(0, 11); if (d.length <= 2) return d; if (d.length <= 7) return `(${d.slice(0,2)}) ${d.slice(2)}`; return `(${d.slice(0,2)}) ${d.slice(2,7)}-${d.slice(7)}`; }; const handleSubmit = () => { const digits = phone.replace(/\D/g, ""); if (digits.length < 10) { setError("Informe um número válido com DDD."); return; } const leads = JSON.parse(localStorage.getItem("amazo_leads") || "[]"); leads.unshift({ id: Date.now(), phone: digits, coupon: COUPON.code, date: new Date().toISOString(), source: "popup" }); localStorage.setItem("amazo_leads", JSON.stringify(leads)); localStorage.setItem("amazo_popup_shown", "1"); // Save to Supabase if (window.dbSalvarLead) window.dbSalvarLead(digits, COUPON.code); setSent(true); const msg = encodeURIComponent(`Olá Amazon BSB! Quero usar meu cupom de desconto: ${COUPON.code}`); setTimeout(() => window.open(`https://wa.me/5561999545567?text=${msg}`, "_blank"), 1800); }; if (sent) { return ( <>

Cupom enviado!

Guarde seu código exclusivo:

{COUPON.code}

{COUPON.discount}% OFF na sua primeira compra.
Abrindo WhatsApp em instantes…

); } return ( <>

Ganhe {COUPON.discount}% OFF
no 1º pedido

Informe seu WhatsApp e receba um cupom exclusivo agora mesmo.

{ setPhone(formatPhone(e.target.value)); setError(""); }} onKeyDown={e => e.key === "Enter" && handleSubmit()} autoFocus /> {error && {error}}
); } Object.assign(window, { ProductArt, UrgencyBar, Header, Hero, Credibility, Why, ProductCard, Products, Benefits, HowToUse, Testimonials, Kits, Guarantee, FAQ, WhatsAppFloat, Footer, ProductModal, WhatsAppPopup, CheckoutModal, });