/* Us Para Você — atoms & icons */
const { useState, useEffect, useRef } = React;
/* ---------- Inline icon set (stroke-based, lucide-ish) ---------- */
const Icon = {
Apple: ({ size = 26 }) => (
),
Play: ({ size = 26 }) => (
),
Check: ({ size = 16 }) => (
),
Shield: ({ size = 22 }) => (
),
ChatHeart: ({ size = 22 }) => (
),
Lock: ({ size = 22 }) => (
),
Pkg: ({ size = 22 }) => (
),
Camera: ({ size = 22 }) => (
),
Boxes: ({ size = 22 }) => (
),
Sparkle: ({ size = 22 }) => (
),
Bag: ({ size = 22 }) => (
),
Card: ({ size = 22 }) => (
),
Users: ({ size = 22 }) => (
),
Arrow: ({ size = 16 }) => (
),
Plus: ({ size = 18 }) => (
),
Pin: ({ size = 14 }) => (
),
Whats: ({ size = 30 }) => (
)
};
/* ---------- Brand mark ---------- */
function BrandMark({ onDark = false }) {
return (
Us Para Você
Personal Shopper · USA → BR
);
}
/* ---------- App store badges (custom, not exact official) ---------- */
function StoreBadge({ kind }) {
const isApple = kind === "apple";
const url = isApple
? "https://apps.apple.com/br/app/us-para-voc%C3%AA/id6448966153"
: "https://play.google.com/store/apps/details?id=com.company.usparavoce";
return (
{isApple ? : }
{isApple ? "Baixar na" : "Disponível no"}
{isApple ? "App Store" : "Google Play"}
);
}
/* ---------- Reveal-on-scroll wrapper ---------- */
function Reveal({ children, delay = 0, as: Tag = "div", className = "", style = {} }) {
const ref = useRef(null);
useEffect(() => {
const el = ref.current;
if (!el) return;
const io = new IntersectionObserver(([entry]) => {
if (entry.isIntersecting) {
el.classList.add("in");
io.disconnect();
}
}, { threshold: 0.15, rootMargin: "0px 0px -60px 0px" });
io.observe(el);
return () => io.disconnect();
}, []);
return (
{children}
);
}
Object.assign(window, { Icon, BrandMark, StoreBadge, Reveal });