/* ============================================================ FutianFinds — Shared components (Icons, Logo, Nav, Footer) Exported to window so individual page scripts can use them. ============================================================ */ const { useState, useEffect } = React; /* ============================================================ Brand contact + video constants (single source of truth) ============================================================ */ const CONTACT = { whatsappUrl: "https://wa.me/8619548858435", whatsappDisplay: "+86 195 4885 8435", email: "info@lunofy.com", mailto: "mailto:info@lunofy.com", }; /* YouTube Shorts — real footage from the market floor */ const VIDEOS = [ { id: "lSj11EPjAVk", title: "Inside Futian Market", sub: "District walkthrough · Yiwu" }, { id: "PR4Jhh8hdn0", title: "Supplier negotiation", sub: "Live booth visit" }, { id: "lCAr1ZOM_4o", title: "Sample inspection", sub: "Quality check on camera" }, { id: "K3ykeVcrl6s", title: "Sourcing run", sub: "Booth to booth" }, { id: "FzOqPhXL4WU", title: "On the ground in Yiwu", sub: "What we film for you" }, ]; /* A single vertical YouTube Short, rendered in a 9:16 card */ function ShortCard({ video }) { return (
{video.title} {video.sub}
); } const Icon = { Pin: (p) => ( ), Play: (p) => ( ), ArrowRight: (p) => ( ), ArrowDown: (p) => ( ), Check: (p) => ( ), Plus: (p) => ( ), Minus: (p) => ( ), Menu: (p) => ( ), Close: (p) => ( ), Camera: (p) => ( ), Map: (p) => ( ), Dollar: (p) => ( ), Shield: (p) => ( ), Mail: (p) => ( ), Phone: (p) => ( ), WhatsApp: (p) => ( ), Calendar: (p) => ( ), Package: (p) => ( ), Search: (p) => ( ), Truck: (p) => ( ), Send: (p) => ( ), Clock: (p) => ( ), Instagram: (p) => ( ), YouTube: (p) => ( ), LinkedIn: (p) => ( ), }; function Logo({ small }) { return ( FutianFinds {!small && SOURCE IT · SEE IT · SHIP IT} ); } const NAV_LINKS = [ { label: "How It Works", href: "How It Works.html", key: "how" }, { label: "Packages", href: "Services.html", key: "services" }, { label: "About", href: "About.html", key: "about" }, { label: "FAQ", href: "FAQ.html", key: "faq" }, { label: "Contact", href: "Contact.html", key: "contact" }, ]; function Nav({ active }) { const [open, setOpen] = useState(false); return (
Get Started
{open && (
{NAV_LINKS.map((l) => ( setOpen(false)}>{l.label} ))} setOpen(false)}>Get Started
)}
); } function Footer() { return ( ); } function PageHero({ eyebrow, title, sub, page }) { return (
Home / {page}

{title}

{sub &&

{sub}

}
); } function FinalCTA({ title = "Ready to Source Smarter?", sub = "One product. Forty-eight hours. Real video from the market floor. If you don't love the report, we send the money back.", primaryLabel = "Start With Scout — $99", primaryHref = "Services.html", secondaryLabel = "How It Works", secondaryHref = "How It Works.html" }) { return (
Let's go

{title}

{sub}

{primaryLabel} {secondaryLabel && {secondaryLabel}}
Based in Yiwu, China · We source, we film, we deliver
); } Object.assign(window, { Icon, Logo, Nav, Footer, PageHero, FinalCTA, NAV_LINKS, CONTACT, VIDEOS, ShortCard });