var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var stdin_exports = {}; __export(stdin_exports, { default: () => EmigoTemplate }); module.exports = __toCommonJS(stdin_exports); var import_react = require("react"); var THREE = __toESM(require("three")); var import_gsap = __toESM(require("gsap")); var import_ScrollTrigger = require("gsap/ScrollTrigger"); var import_sdk = require("@packman/sdk"); var import_jsx_runtime = require("@emotion/react/jsx-runtime"); import_gsap.default.registerPlugin(import_ScrollTrigger.ScrollTrigger); function pickLocalized(val, fallback, isArabic) { if (val == null || val === "") return fallback; if (typeof val === "string") return val; if (typeof val === "object" && val !== null) { const o = val; return (isArabic ? o.ar : o.en) || o.en || o.ar || fallback; } return fallback; } function pickLocalizedLocale(val, fallbackEn, fallbackAr, isArabic) { const fb = isArabic ? fallbackAr : fallbackEn; return pickLocalized(val, fb, isArabic); } function formatTemplate(template, vars) { let s = template; for (const [k, v] of Object.entries(vars)) { s = s.split(`{${k}}`).join(String(v)); } return s; } const ANNOUNCEMENT_LINES_EN = ["FREE SHIPPING", "CONTAINER", "SMART DISPLAY", "ADD TO CART", "30-DAY RETURNS"]; const ANNOUNCEMENT_LINES_AR = ["\u0634\u062D\u0646 \u0645\u062C\u0627\u0646\u064A", "\u0627\u0644\u0639\u0628\u0648\u0629", "\u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u0630\u0643\u064A\u0629", "\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629", "\u0625\u0631\u062C\u0627\u0639 \u062E\u0644\u0627\u0644 30 \u064A\u0648\u0645\u064B\u0627"]; const SPECS_CALLOUTS_EN = { left: [ { title: "24 HR STAYS COLD", desc: "Double-wall vacuum keeps drinks chilled through your whole day.", icon: "snow" }, { title: "2-YEAR COVERAGE", desc: "Manufacturer-backed warranty on the bottle and smart display module.", icon: "check" }, { title: "TRIPLE-LAYER BUILD", desc: "18/8 steel inside, vacuum gap, tough shell outside \u2014 engineered to last.", icon: "layers" }, { title: "CUP HOLDER READY", desc: "Slim enough for car and desk holders \u2014 take it anywhere.", icon: "cup" } ], right: [ { title: "12 HR STAYS HOT", desc: "LED temperature readout so you always know your drink is still hot.", icon: "flame" }, { title: "LEAK-LOCK LID", desc: "Precision threads and seal \u2014 toss it in your bag with confidence.", icon: "droplet" }, { title: "BPA-FREE MATERIALS", desc: "Food-grade steel and safe plastics \u2014 nothing you don\u2019t want in your sip.", icon: "leaf" }, { title: "NO BOTTLE SWEAT", desc: "Dry outside, dry hands \u2014 condensation stays on the inside.", icon: "dry" } ] }; const SPECS_CALLOUTS_AR = { left: [ { title: "\u0628\u0627\u0631\u062F \u062D\u062A\u0649 24 \u0633\u0627\u0639\u0629", desc: "\u0639\u0627\u0632\u0644 \u0645\u0632\u062F\u0648\u062C \u0627\u0644\u0641\u0631\u0627\u063A \u064A\u062D\u0627\u0641\u0638 \u0639\u0644\u0649 \u0628\u0631\u0648\u062F\u0629 \u0645\u0634\u0631\u0648\u0628\u0643 \u0637\u0648\u0627\u0644 \u0627\u0644\u064A\u0648\u0645.", icon: "snow" }, { title: "\u0636\u0645\u0627\u0646 \u0633\u0646\u062A\u0627\u0646", desc: "\u062A\u063A\u0637\u064A\u0629 \u0645\u0646 \u0627\u0644\u0645\u0635\u0646\u0639 \u0639\u0644\u0649 \u0627\u0644\u0642\u0627\u0631\u0648\u0631\u0629 \u0648\u0648\u062D\u062F\u0629 \u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u0630\u0643\u064A\u0629.", icon: "check" }, { title: "\u0647\u064A\u0643\u0644 \u062B\u0644\u0627\u062B\u064A \u0627\u0644\u0637\u0628\u0642\u0627\u062A", desc: "\u0641\u0648\u0644\u0627\u0630 18/8 \u0645\u0646 \u0627\u0644\u062F\u0627\u062E\u0644\u060C \u0641\u0631\u0627\u063A \u0645\u0639\u0632\u0648\u0644\u060C \u0647\u064A\u0643\u0644 \u0642\u0648\u064A \u0645\u0646 \u0627\u0644\u062E\u0627\u0631\u062C.", icon: "layers" }, { title: "\u064A\u0646\u0627\u0633\u0628 \u062D\u0627\u0645\u0644 \u0627\u0644\u0623\u0643\u0648\u0627\u0628", desc: "\u064A\u0646\u0627\u0633\u0628 \u0627\u0644\u0633\u064A\u0627\u0631\u0629 \u0648\u0627\u0644\u0645\u0643\u062A\u0628 \u2014 \u062E\u0630\u0647\u0627 \u0645\u0639\u0643 \u0641\u064A \u0643\u0644 \u0645\u0643\u0627\u0646.", icon: "cup" } ], right: [ { title: "\u0633\u0627\u062E\u0646 \u062D\u062A\u0649 12 \u0633\u0627\u0639\u0629", desc: "\u0634\u0627\u0634\u0629 \u062F\u0631\u062C\u0629 \u0627\u0644\u062D\u0631\u0627\u0631\u0629 \u0644\u062A\u0639\u0631\u0641 \u062F\u0627\u0626\u0645\u064B\u0627 \u0623\u0646 \u0645\u0634\u0631\u0648\u0628\u0643 \u0645\u0627 \u0632\u0627\u0644 \u0633\u0627\u062E\u0646\u064B\u0627.", icon: "flame" }, { title: "\u063A\u0637\u0627\u0621 \u0645\u0627\u0646\u0639 \u0644\u0644\u062A\u0633\u0631\u0628", desc: "\u062E\u064A\u0648\u0637 \u062F\u0642\u064A\u0642\u0629 \u0648\u062E\u062A\u0645 \u0622\u0645\u0646 \u2014 \u0636\u0639\u0647\u0627 \u0641\u064A \u0627\u0644\u062D\u0642\u064A\u0628\u0629 \u0628\u0627\u0637\u0645\u0626\u0646\u0627\u0646.", icon: "droplet" }, { title: "\u0645\u0648\u0627\u062F \u062E\u0627\u0644\u064A\u0629 \u0645\u0646 BPA", desc: "\u0641\u0648\u0644\u0627\u0630 \u063A\u0630\u0627\u0626\u064A \u0648\u0628\u0644\u0627\u0633\u062A\u064A\u0643 \u0622\u0645\u0646 \u2014 \u0628\u0644\u0627 \u0645\u0648\u0627\u062F \u063A\u064A\u0631 \u0645\u0631\u063A\u0648\u0628\u0629.", icon: "leaf" }, { title: "\u0628\u062F\u0648\u0646 \u0639\u0631\u0642 \u0639\u0644\u0649 \u0627\u0644\u0632\u062C\u0627\u062C\u0629", desc: "\u062E\u0627\u0631\u062C \u062C\u0627\u0641 \u0648\u0645\u0642\u0628\u0636 \u062C\u0627\u0641 \u2014 \u0627\u0644\u062A\u0643\u062B\u0641 \u064A\u0628\u0642\u0649 \u0628\u0627\u0644\u062F\u0627\u062E\u0644.", icon: "dry" } ] }; const DEFAULT_REVIEWS_EN = [ { id: "r1", name: "Maya R.", location: "Portland, OR", rating: 5, date: "Mar 2026", title: "Actually useful tech", text: "The display is actually useful \u2014 I stopped guessing if my coffee was still hot enough. Feels solid, no leaks on the commute.", verified: true, image: "", imageAlt: "" }, { id: "r2", name: "James T.", location: "Austin, TX", rating: 5, date: "Feb 2026", title: "Insulation is next level", text: "Insulation is legit. Ice water at lunch still had ice at dinner. Matte finish hasn't chipped after two months of daily use.", verified: true, image: "", imageAlt: "" }, { id: "r3", name: "Sophia L.", location: "Brooklyn, NY", rating: 4, date: "Feb 2026", title: "Beautiful design, great quality", text: "Looks premium on my desk, feels even better in hand. The temperature readout is a nice touch \u2014 I check it more than I expected.", verified: true, image: "", imageAlt: "" }, { id: "r4", name: "Chris D.", location: "Melbourne, AU", rating: 5, date: "Jan 2026", title: "Daily driver, zero drama", text: "The matte grip and smart display sold me. It lives on my desk and in my bag \u2014 zero drama. Worth every cent.", verified: true, image: "", imageAlt: "" }, { id: "r5", name: "Elena K.", location: "Berlin, DE", rating: 5, date: "Jan 2026", title: "Perfect gym companion", text: "Switched from a basic bottle and the difference is wild. Cold water stays cold through my entire workout. The steel quality is noticeably better than competitors.", verified: true, image: "", imageAlt: "" }, { id: "r6", name: "Marcus W.", location: "Toronto, CA", rating: 4, date: "Dec 2025", title: "Sleek and functional", text: "Bought one for myself, then two more as gifts. Everyone asks about the temperature display. Shipping was fast, packaging felt premium.", verified: true, image: "", imageAlt: "" } ]; const DEFAULT_REVIEWS_AR = [ { id: "r1", name: "\u0645\u0627\u064A\u0627 \u0631.", location: "\u0628\u0648\u0631\u062A\u0644\u0627\u0646\u062F", rating: 5, date: "\u0645\u0627\u0631\u0633 2026", title: "\u062A\u0642\u0646\u064A\u0629 \u0645\u0641\u064A\u062F\u0629 \u0641\u0639\u0644\u064B\u0627", text: "\u0627\u0644\u0634\u0627\u0634\u0629 \u0645\u0641\u064A\u062F\u0629 \u2014 \u0644\u0645 \u0623\u0639\u062F \u0623\u062E\u0645\u0646 \u0625\u0646 \u0643\u0627\u0646 \u0627\u0644\u0642\u0647\u0648\u0629 \u0644\u0627 \u064A\u0632\u0627\u0644 \u0633\u0627\u062E\u0646\u064B\u0627. \u0645\u062A\u064A\u0646\u0629 \u0648\u0628\u062F\u0648\u0646 \u062A\u0633\u0631\u0628 \u0641\u064A \u0627\u0644\u062A\u0646\u0642\u0644.", verified: true, image: "", imageAlt: "" }, { id: "r2", name: "\u062C\u064A\u0645\u0633 \u062A.", location: "\u0623\u0648\u0633\u062A\u0646", rating: 5, date: "\u0641\u0628\u0631\u0627\u064A\u0631 2026", title: "\u0639\u0632\u0644 \u0627\u0633\u062A\u062B\u0646\u0627\u0626\u064A", text: "\u0627\u0644\u0639\u0632\u0644 \u0642\u0648\u064A. \u0645\u0627\u0621 \u0628\u062B\u0644\u062C \u0641\u064A \u0627\u0644\u063A\u062F\u0627\u0621 \u0644\u0627 \u064A\u0632\u0627\u0644 \u0628\u0647 \u062B\u0644\u062C \u0641\u064A \u0627\u0644\u0639\u0634\u0627\u0621. \u0627\u0644\u0644\u0645\u0639\u0629 \u0627\u0644\u0645\u0637\u0641\u064A\u0629 \u0644\u0645 \u062A\u062A\u0634\u0642\u0642 \u0628\u0639\u062F \u0634\u0647\u0631\u064A\u0646.", verified: true, image: "", imageAlt: "" }, { id: "r3", name: "\u0635\u0648\u0641\u064A\u0627 \u0644.", location: "\u0628\u0631\u0648\u0643\u0644\u064A\u0646", rating: 4, date: "\u0641\u0628\u0631\u0627\u064A\u0631 2026", title: "\u062A\u0635\u0645\u064A\u0645 \u062C\u0645\u064A\u0644 \u0648\u062C\u0648\u062F\u0629", text: "\u0623\u0646\u064A\u0642 \u0639\u0644\u0649 \u0627\u0644\u0645\u0643\u062A\u0628 \u0648\u0645\u0631\u064A\u062D \u0628\u0627\u0644\u064A\u062F. \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062D\u0631\u0627\u0631\u0629 \u0645\u064A\u0632\u0629 \u0623\u0633\u062A\u062E\u062F\u0645\u0647\u0627 \u0623\u0643\u062B\u0631 \u0645\u0645\u0627 \u062A\u0648\u0642\u0639\u062A.", verified: true, image: "", imageAlt: "" }, { id: "r4", name: "\u0643\u0631\u064A\u0633 \u062F.", location: "\u0645\u0644\u0628\u0648\u0631\u0646", rating: 5, date: "\u064A\u0646\u0627\u064A\u0631 2026", title: "\u0644\u0644\u0627\u0633\u062A\u062E\u062F\u0627\u0645 \u0627\u0644\u064A\u0648\u0645\u064A", text: "\u0627\u0644\u0645\u0642\u0628\u0636 \u0627\u0644\u0645\u0637\u0641\u064A \u0648\u0627\u0644\u0634\u0627\u0634\u0629 \u0623\u0642\u0646\u0639\u0627\u0646\u064A. \u0645\u0639\u064A \u064A\u0648\u0645\u064A\u064B\u0627 \u0641\u064A \u0627\u0644\u062D\u0642\u064A\u0628\u0629 \u0648\u0627\u0644\u0645\u0643\u062A\u0628 \u2014 \u064A\u0633\u062A\u062D\u0642 \u0627\u0644\u0633\u0639\u0631.", verified: true, image: "", imageAlt: "" }, { id: "r5", name: "\u0625\u064A\u0644\u064A\u0646\u0627 \u0643.", location: "\u0628\u0631\u0644\u064A\u0646", rating: 5, date: "\u064A\u0646\u0627\u064A\u0631 2026", title: "\u0645\u062B\u0627\u0644\u064A \u0644\u0644\u0631\u064A\u0627\u0636\u0629", text: "\u0627\u0644\u0627\u0646\u062A\u0642\u0627\u0644 \u0645\u0646 \u0632\u062C\u0627\u062C\u0629 \u0639\u0627\u062F\u064A\u0629 \u0641\u0631\u0642 \u0643\u0628\u064A\u0631. \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u0628\u0627\u0631\u062F \u064A\u0628\u0642\u0649 \u0628\u0627\u0631\u062F\u064B\u0627 \u0637\u0648\u0627\u0644 \u0627\u0644\u062A\u0645\u0631\u064A\u0646. \u062C\u0648\u062F\u0629 \u0627\u0644\u0641\u0648\u0644\u0627\u0630 \u0623\u0648\u0636\u062D \u0645\u0646 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064A\u0646.", verified: true, image: "", imageAlt: "" }, { id: "r6", name: "\u0645\u0627\u0631\u0643\u0648\u0633 \u0648.", location: "\u062A\u0648\u0631\u0648\u0646\u062A\u0648", rating: 4, date: "\u062F\u064A\u0633\u0645\u0628\u0631 2025", title: "\u0623\u0646\u064A\u0642 \u0648\u0639\u0645\u0644\u064A", text: "\u0627\u0634\u062A\u0631\u064A\u062A \u0648\u0627\u062D\u062F\u0629 \u062B\u0645 \u0647\u062F\u0627\u064A\u0627. \u0627\u0644\u062C\u0645\u064A\u0639 \u064A\u0633\u0623\u0644 \u0639\u0646 \u0634\u0627\u0634\u0629 \u0627\u0644\u062D\u0631\u0627\u0631\u0629. \u0627\u0644\u0634\u062D\u0646 \u0633\u0631\u064A\u0639 \u0648\u0627\u0644\u062A\u063A\u0644\u064A\u0641 \u0641\u0627\u062E\u0631.", verified: true, image: "", imageAlt: "" } ]; const HERO_FALLBACK_EN = { title1: "SMART TEMPERATURE", title2: "DISPLAY TECHNOLOGY FOR THE MODERN HUMAN", title3: "PREMIUM DESIGN CRAFTED", title4: "FOR EVERYDAY PERFORMANCE", highlight: "ENGINEERED FROM PREMIUM MATERIALS TO DELIVER PEAK DAILY PERFORMANCE" }; const HERO_FALLBACK_AR = { title1: "\u062F\u0631\u062C\u0629 \u062D\u0631\u0627\u0631\u0629 \u0630\u0643\u064A\u0629", title2: "\u062A\u0642\u0646\u064A\u0629 \u0639\u0631\u0636 \u0644\u0644\u0625\u0646\u0633\u0627\u0646 \u0627\u0644\u0645\u0639\u0627\u0635\u0631", title3: "\u062A\u0635\u0645\u064A\u0645 \u0645\u0645\u064A\u0632 \u0645\u0635\u0645\u0651\u064E\u0645", title4: "\u0644\u0623\u062F\u0627\u0621 \u064A\u0648\u0645\u064A \u0645\u062A\u0645\u064A\u0632", highlight: "\u0645\u0635\u0645\u0645 \u0645\u0646 \u0645\u0648\u0627\u062F \u0645\u0645\u062A\u0627\u0632\u0629 \u0644\u0623\u0641\u0636\u0644 \u0623\u062F\u0627\u0621 \u064A\u0648\u0645\u064A" }; const SPECS_FALLBACK_EN = { title: "Product Specs", subtitle: "Double-wall vacuum insulated stainless steel \u2014 built to keep up." }; const SPECS_FALLBACK_AR = { title: "\u0645\u0648\u0627\u0635\u0641\u0627\u062A \u0627\u0644\u0645\u0646\u062A\u062C", subtitle: "\u0641\u0648\u0644\u0627\u0630 \u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u0635\u062F\u0623 \u0628\u0639\u0632\u0644 \u0645\u0632\u062F\u0648\u062C \u0627\u0644\u0641\u0631\u0627\u063A \u2014 \u0645\u0635\u0645\u0645 \u0644\u064A\u064F\u0631\u0627\u0641\u0642\u0643." }; const APP_CONTROL_FALLBACK_EN = { title: "The app that keeps your cup in sync", body: "PAIR EMI GO WITH THE COMPANION APP TO SEE LIVE TEMPERATURE, SET HYDRATION REMINDERS, AND CUSTOMIZE YOUR LED DISPLAY. YOUR ROUTINE STAYS ON TRACK \u2014 FROM THE FIRST SIP TO THE LAST.", cta: "GET THE APP", detailAlt: "App and bottle detail", layerAlt: "Lifestyle frame behind video" }; const APP_CONTROL_FALLBACK_AR = { title: "\u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0627\u0644\u0630\u064A \u064A\u0628\u0642\u064A \u0642\u0627\u0631\u0648\u0631\u062A\u0643 \u0645\u062A\u0632\u0627\u0645\u0646\u0629", body: "\u0627\u0631\u0628\u0637 \u0625\u064A\u0645\u064A\u063A\u0648 \u0628\u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0644\u0631\u0624\u064A\u0629 \u062F\u0631\u062C\u0629 \u0627\u0644\u062D\u0631\u0627\u0631\u0629 \u0644\u062D\u0638\u064A\u064B\u0627 \u0648\u062A\u0630\u0643\u064A\u0631\u0627\u062A \u0627\u0644\u0634\u0631\u0628 \u0648\u062A\u062E\u0635\u064A\u0635 \u0634\u0627\u0634\u0629 LED. \u0631\u0648\u062A\u064A\u0646\u0643 \u064A\u0633\u064A\u0631 \u0643\u0645\u0627 \u064A\u062C\u0628 \u2014 \u0645\u0646 \u0623\u0648\u0644 \u0631\u0634\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0623\u062E\u064A\u0631\u0629.", cta: "\u062D\u0645\u0651\u0644 \u0627\u0644\u062A\u0637\u0628\u064A\u0642", detailAlt: "\u062A\u0641\u0627\u0635\u064A\u0644 \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0648\u0627\u0644\u0642\u0627\u0631\u0648\u0631\u0629", layerAlt: "\u0625\u0637\u0627\u0631 \u062E\u0644\u0641 \u0627\u0644\u0641\u064A\u062F\u064A\u0648" }; const PRODUCTS_FALLBACK_EN = { title: "The line. Same engineering.", description: "Pieces from the same line \u2014 built to sit beside the bottle on the shelf and in your day.", shopTag: "Shop", reviewsTag: "Reviews", emptyHint: "Select a product", reviewsCount: "Based on {count} reviews" }; const PRODUCTS_FALLBACK_AR = { title: "\u0646\u0641\u0633 \u0627\u0644\u062E\u0637. \u0646\u0641\u0633 \u0627\u0644\u0647\u0646\u062F\u0633\u0629.", description: "\u0642\u0637\u0639 \u0645\u0646 \u0646\u0641\u0633 \u0627\u0644\u062E\u0637 \u2014 \u0644\u062A\u0643\u0648\u0646 \u0628\u062C\u0627\u0646\u0628 \u0627\u0644\u0642\u0627\u0631\u0648\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0631\u0641 \u0648\u0641\u064A \u064A\u0648\u0645\u0643.", shopTag: "\u062A\u0633\u0648\u0642", reviewsTag: "\u0622\u0631\u0627\u0621", emptyHint: "\u0627\u062E\u062A\u0631 \u0645\u0646\u062A\u062C\u064B\u0627", reviewsCount: "\u0628\u0646\u0627\u0621\u064B \u0639\u0644\u0649 {count} \u0645\u0631\u0627\u062C\u0639\u0629" }; const REVIEWS_FALLBACK_EN = { title: "What people are saying" }; const REVIEWS_FALLBACK_AR = { title: "\u0645\u0627\u0630\u0627 \u064A\u0642\u0648\u0644 \u0627\u0644\u0646\u0627\u0633" }; function resolveMediaUrl(val) { if (!val) return ""; if (typeof val === "string") return val; if (Array.isArray(val) && val.length > 0) return resolveMediaUrl(val[0]); if (val.cdnUrl) return val.cdnUrl; if (val.url) return val.url; if (val.src) return val.src; if (val.href) return val.href; if (val.uri) return val.uri; if (typeof val.key === "string") return val.key; if (val.file?.cdnUrl) return val.file.cdnUrl; if (val.file?.url) return val.file.url; if (val.file?.data?.key) return val.file.data.key; if (val.video != null) return resolveMediaUrl(val.video); if (val.media != null) return resolveMediaUrl(val.media); return ""; } function mediaFilesToUrls(mediaFiles) { if (!mediaFiles?.length) return []; return mediaFiles.map((m) => resolveMediaUrl(m)).filter(Boolean); } function resolveReviewMedia(val) { if (val == null || val === "") return ""; const direct = resolveMediaUrl(val); if (direct) return direct; if (typeof val === "object") { const nested = resolveMediaUrl(val.file) || resolveMediaUrl(val.media) || resolveMediaUrl(val.image); if (nested) return nested; } return ""; } function resolveInventory(inv) { if (inv == null) return 0; if (Array.isArray(inv)) return inv[0]?.available ?? 0; if (typeof inv.available === "number") return inv.available; return 0; } function unwrapProductEntry(entry) { return entry?.product ?? entry?.resolvedProduct ?? entry; } const NOISE_TILE = `url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")`; const FULL_SIZE_STYLE = { width: "100%", height: "100%" }; const SPECS_DESKTOP_MQ = "(min-width: 1024px)"; function useSpecsDesktopLayout() { const [desktop, setDesktop] = (0, import_react.useState)( () => typeof window !== "undefined" && window.matchMedia(SPECS_DESKTOP_MQ).matches ); (0, import_react.useEffect)(() => { const mq = window.matchMedia(SPECS_DESKTOP_MQ); const onChange = () => setDesktop(mq.matches); mq.addEventListener("change", onChange); return () => mq.removeEventListener("change", onChange); }, []); return desktop; } const GRADIENT_HERO = "linear-gradient(180deg, var(--emigo-black) 0%, #2a0e00 18%, #7a2400 36%, #d04200 48%, #ff6a1f 58%, #ffb078 76%, #ffe4d0 90%, var(--emigo-cream-peak) 100%)"; const GRADIENT_FOOTER = "linear-gradient(180deg, #e04a00 0%, #ff6a1f 22%, #ffb078 42%, #f6c69d 54%, #ffb078 66%, #e04a00 80%, #5c1c00 93%, var(--emigo-black) 100%)"; const VideoCanvas = (0, import_react.memo)(function VideoCanvas2({ src, style, className, playbackRate = 1, autoPlay = true }) { const wrapRef = (0, import_react.useRef)(null); (0, import_react.useEffect)(() => { const wrap = wrapRef.current; if (!wrap) return; const dpr = Math.min(window.devicePixelRatio, 2); const renderer = new THREE.WebGLRenderer({ alpha: true, premultipliedAlpha: true }); renderer.setClearColor(0, 0); renderer.setPixelRatio(dpr); const canvas = renderer.domElement; canvas.style.cssText = "position:absolute;inset:0;width:100%;height:100%"; wrap.appendChild(canvas); const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(30, 1, 0.1, 100); camera.position.z = 1; const video = document.createElement("video"); video.src = src; video.crossOrigin = "anonymous"; video.muted = true; video.loop = autoPlay; video.playsInline = true; video.autoplay = autoPlay; video.preload = "auto"; video.playbackRate = playbackRate; const videoTex = new THREE.VideoTexture(video); videoTex.colorSpace = THREE.SRGBColorSpace; videoTex.minFilter = THREE.LinearFilter; videoTex.magFilter = THREE.LinearFilter; const material = new THREE.ShaderMaterial({ uniforms: { u_tex: { value: videoTex } }, vertexShader: ` varying vec2 v_uv; void main() { v_uv = uv; gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); } `, fragmentShader: ` precision highp float; varying vec2 v_uv; uniform sampler2D u_tex; void main() { vec4 c = texture2D(u_tex, v_uv); float luma = dot(c.rgb, vec3(0.299, 0.587, 0.114)); float diff = c.g - max(c.r, c.b); float shadowGuard = smoothstep(0.04, 0.16, luma); float key = diff * shadowGuard; float a = 1.0 - smoothstep(0.10, 0.40, key); vec3 rgb = c.rgb; float spill = max(0.0, c.g - mix(c.r, c.b, 0.5)); rgb.g -= spill * 0.65; rgb.r += spill * 0.10; rgb.b += spill * 0.10; gl_FragColor = vec4(rgb * a, a); } `, transparent: true, blending: THREE.CustomBlending, blendSrc: THREE.OneFactor, blendDst: THREE.OneMinusSrcAlphaFactor, blendSrcAlpha: THREE.OneFactor, blendDstAlpha: THREE.OneMinusSrcAlphaFactor, depthTest: true, depthWrite: true }); const geometry = new THREE.PlaneGeometry(1, 1); const mesh = new THREE.Mesh(geometry, material); scene.add(mesh); let cw = 0, ch = 0; const updateSize = (w, h) => { if (w === cw && h === ch) return; cw = w; ch = h; if (w === 0 || h === 0) return; renderer.setSize(w, h, false); camera.aspect = w / h; camera.updateProjectionMatrix(); }; const nearViewport = () => { const r = wrap.getBoundingClientRect(); const m = 200; return r.bottom > -m && r.top < window.innerHeight + m && r.width > 0 && r.height > 0; }; let visible = nearViewport(); const renderOnce = () => { if (!visible || cw <= 0 || ch <= 0) return; if (video.videoWidth && video.videoHeight) { const vRatio = video.videoWidth / video.videoHeight; const cRatio = cw / ch; if (cRatio > vRatio) mesh.scale.set(vRatio, 1, 1); else mesh.scale.set(cRatio, cRatio / vRatio, 1); } renderer.render(scene, camera); }; const ro = new ResizeObserver((entries) => { const { width: w, height: h } = entries[0].contentRect; updateSize(w, h); renderOnce(); }); ro.observe(wrap); const hasRVFC = typeof video.requestVideoFrameCallback === "function"; let rvfcHandle; let timeupdateRaf = 0; const cancelRvfc = () => { if (rvfcHandle != null && typeof video.cancelVideoFrameCallback === "function") { try { ; video.cancelVideoFrameCallback(rvfcHandle); } catch { } } rvfcHandle = void 0; }; const startRvfc = () => { if (!visible || !hasRVFC) return; cancelRvfc(); const loop = () => { if (!visible) return; renderOnce(); rvfcHandle = video.requestVideoFrameCallback(loop); }; rvfcHandle = video.requestVideoFrameCallback(loop); }; const onTimeupdate = () => { if (!visible || hasRVFC) return; if (timeupdateRaf) return; timeupdateRaf = requestAnimationFrame(() => { timeupdateRaf = 0; renderOnce(); }); }; const applyVisible = (v) => { if (v === visible) return; visible = v; if (visible) { if (autoPlay) { video.playbackRate = playbackRate; video.play().catch(() => { }); } if (hasRVFC && video.readyState >= 2) startRvfc(); else renderOnce(); } else { cancelRvfc(); cancelAnimationFrame(timeupdateRaf); timeupdateRaf = 0; video.pause(); } }; const io = new IntersectionObserver( ([e]) => applyVisible(Boolean(e?.isIntersecting && (e.intersectionRatio ?? 0) > 0)), { root: null, rootMargin: "200px 0px", threshold: 0 } ); io.observe(wrap); if (!hasRVFC) video.addEventListener("timeupdate", onTimeupdate); const onCanPlay = () => { if (autoPlay && visible) { video.playbackRate = playbackRate; video.play().catch(() => { }); } renderOnce(); if (visible && hasRVFC) startRvfc(); }; video.addEventListener("canplay", onCanPlay, { once: true }); return () => { cancelRvfc(); cancelAnimationFrame(timeupdateRaf); io.disconnect(); ro.disconnect(); video.removeEventListener("timeupdate", onTimeupdate); video.removeEventListener("canplay", onCanPlay); video.pause(); video.removeAttribute("src"); video.load(); geometry.dispose(); material.dispose(); videoTex.dispose(); renderer.dispose(); if (wrap.contains(canvas)) wrap.removeChild(canvas); }; }, [src, playbackRate, autoPlay]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: wrapRef, className, style: { position: "relative", ...style } }); }); const HeroBottlePin = (0, import_react.memo)(function HeroBottlePin2({ src, pinEndPx }) { const containerRef = (0, import_react.useRef)(null); (0, import_react.useEffect)(() => { const el = containerRef.current; const hero = document.getElementById("hero"); if (!el || !hero) return; const st = import_ScrollTrigger.ScrollTrigger.create({ trigger: hero, start: "top top", end: `bottom +${pinEndPx}px`, pin: el, pinSpacing: false }); return () => { st.kill(); }; }, [src, pinEndPx]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "div", { ref: containerRef, id: "bottle-3d-container", className: "emigo-bottle-overlay", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-bottle-overlay__inner", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VideoCanvas, { src, className: "", style: FULL_SIZE_STYLE, playbackRate: 1, autoPlay: true }) }) } ); }); let _grainDataUrl = null; function getGrainTile() { if (_grainDataUrl) return _grainDataUrl; const size = 256; const c = document.createElement("canvas"); c.width = size; c.height = size; const ctx = c.getContext("2d"); const img = ctx.createImageData(size, size); const d = img.data; for (let i = 0; i < d.length; i += 4) { const v = Math.random() * 255 | 0; d[i] = v; d[i + 1] = v; d[i + 2] = v; d[i + 3] = 255; } ctx.putImageData(img, 0, 0); _grainDataUrl = c.toDataURL("image/png"); return _grainDataUrl; } const GrainOverlay = (0, import_react.memo)(function GrainOverlay2() { const ref = (0, import_react.useRef)(null); (0, import_react.useEffect)(() => { const el = ref.current; if (!el) return; el.style.backgroundImage = `url("${getGrainTile()}")`; }, []); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, "aria-hidden": "true", className: "emigo-grain emigo-grain--tiled" }); }); const LERP = 0.085; const CENTER = { x: 50, y: 35 }; const InteractiveHeroBackground = (0, import_react.memo)(function InteractiveHeroBackground2({ sectionId = "hero", variant = "hero" }) { const layerRef = (0, import_react.useRef)(null); const targetRef = (0, import_react.useRef)({ ...CENTER }); const currentRef = (0, import_react.useRef)({ ...CENTER }); const rafRef = (0, import_react.useRef)(0); (0, import_react.useEffect)(() => { const layer = layerRef.current; if (!layer) return; const hero = document.getElementById(sectionId); if (!hero) return; const reduced = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches; const setVars = () => { const { x, y } = currentRef.current; layer.style.setProperty("--ib-x", `${x}%`); layer.style.setProperty("--ib-y", `${y}%`); const ox = 100 - x + (x - 50) * 0.35; const oy = 100 - y + (y - 35) * 0.3; layer.style.setProperty("--ib-x2", `${ox}%`); layer.style.setProperty("--ib-y2", `${oy}%`); }; if (reduced) { setVars(); return; } const pointerInSection = (e, r) => e.clientX >= r.left && e.clientX <= r.right && e.clientY >= r.top && e.clientY <= r.bottom; const onPointer = (e) => { const r = hero.getBoundingClientRect(); if (r.width <= 0 || r.height <= 0) return; if (!pointerInSection(e, r)) { targetRef.current = { ...CENTER }; return; } const x = (e.clientX - r.left) / r.width * 100; const y = (e.clientY - r.top) / r.height * 100; targetRef.current = { x: Math.min(100, Math.max(0, x)), y: Math.min(100, Math.max(0, y)) }; }; let loopScheduled = false; const tick = () => { loopScheduled = false; const t = targetRef.current, c = currentRef.current; c.x += (t.x - c.x) * LERP; c.y += (t.y - c.y) * LERP; setVars(); const dx = t.x - c.x, dy = t.y - c.y; if (dx * dx + dy * dy > 0.02) { loopScheduled = true; rafRef.current = requestAnimationFrame(tick); } }; const kick = () => { if (!loopScheduled) { loopScheduled = true; rafRef.current = requestAnimationFrame(tick); } }; const onPointerKick = (e) => { onPointer(e); kick(); }; const onLeave = () => { targetRef.current = { ...CENTER }; kick(); }; hero.addEventListener("pointermove", onPointerKick, { passive: true }); hero.addEventListener("pointerleave", onLeave); setVars(); kick(); return () => { hero.removeEventListener("pointermove", onPointerKick); hero.removeEventListener("pointerleave", onLeave); cancelAnimationFrame(rafRef.current); }; }, [sectionId]); const bg = variant === "footer" ? GRADIENT_FOOTER : GRADIENT_HERO; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: layerRef, className: "emigo-ibg", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-ibg__base", style: { background: bg } }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "aria-hidden": true, className: "emigo-ibg__dither", style: { backgroundImage: NOISE_TILE } }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "div", { "aria-hidden": true, className: "emigo-ibg__core", style: { left: "var(--ib-x, 50%)", top: "var(--ib-y, 35%)" } } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "div", { "aria-hidden": true, className: "emigo-ibg__cream", style: { left: "var(--ib-x2, 50%)", top: "var(--ib-y2, 65%)" } } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "div", { "aria-hidden": true, className: "emigo-ibg__wash", style: { background: "radial-gradient(ellipse 80% 55% at var(--ib-x, 50%) var(--ib-y, 35%), rgba(255,232,214,0.42) 0%, transparent 55%)" } } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "aria-hidden": true, className: "emigo-ibg__final-dither", style: { backgroundImage: NOISE_TILE } }) ] }); }); const Stars = (0, import_react.memo)(function Stars2({ count }) { const { language } = (0, import_sdk.useLanguage)(); const isAr = (language ?? "en").toLowerCase() === "ar"; const aria = isAr ? `${count} \u0645\u0646 5 \u0646\u062C\u0648\u0645` : `${count} out of 5 stars`; return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-reviews__stars", "aria-label": aria, children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 20 20", className: `emigo-reviews__star ${i < count ? "emigo-reviews__star--filled" : "emigo-reviews__star--empty"}`, fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" }) }, i)) }); }); const ProductCard = (0, import_react.memo)(({ product: rawProduct, index }) => { const [selectedVariantIndex, setSelectedVariantIndex] = (0, import_react.useState)(0); const [galleryIndex, setGalleryIndex] = (0, import_react.useState)(0); const touchRef = (0, import_react.useRef)(null); const { language } = (0, import_sdk.useLanguage)(); const { currency } = (0, import_sdk.useCurrency)(); const isArabic = (language ?? "en").toLowerCase() === "ar"; const currencySymbol = currency?.symbol || (isArabic ? "\u062F.\u0625" : "AED"); const fullProduct = unwrapProductEntry(rawProduct) || rawProduct; const allVariants = fullProduct?.variants ?? fullProduct?.variations ?? []; const selectedVariant = (0, import_react.useMemo)(() => { if (allVariants.length === 0) { const pInv = resolveInventory(fullProduct.inventory); const price = fullProduct.price ?? rawProduct?.price ?? 0; const wasPrice = fullProduct.wasPrice ?? rawProduct?.oldPrice; return { id: fullProduct.id, name: fullProduct.name || rawProduct?.title || "", price: typeof price === "number" ? price : Number(price) || 0, wasPrice, inventory: { available: pInv }, mediaFiles: fullProduct.mediaFiles || [] }; } const variant = allVariants[selectedVariantIndex] || allVariants[0]; return { ...variant, inventory: { available: resolveInventory(variant.inventory) }, id: fullProduct.type === "simple" && (!variant.id || variant.id === 0) ? fullProduct.id : variant.id }; }, [allVariants, selectedVariantIndex, fullProduct, rawProduct]); const images = (0, import_react.useMemo)(() => { const fromVariant = mediaFilesToUrls(selectedVariant?.mediaFiles); if (fromVariant.length > 0) return fromVariant; const fromProduct = mediaFilesToUrls(fullProduct?.mediaFiles); if (fromProduct.length > 0) return fromProduct; const prebuilt = rawProduct?.images; if (Array.isArray(prebuilt) && prebuilt.length > 0) return prebuilt.map((u) => resolveMediaUrl(u)).filter(Boolean); return []; }, [selectedVariant, fullProduct, rawProduct]); (0, import_react.useEffect)(() => { const variantHasMedia = allVariants[selectedVariantIndex]?.mediaFiles?.length > 0; if (variantHasMedia) { setGalleryIndex(0); } else if (images.length > 0) { setGalleryIndex(selectedVariantIndex % images.length); } else { setGalleryIndex(0); } }, [selectedVariantIndex, allVariants, images.length]); const cartController = (0, import_sdk.useVariantCartController)(selectedVariant); const quantity = cartController?.quantity ?? 0; const canAdd = Boolean(cartController?.canAdd && selectedVariant?.id); const isInCart = cartController?.isInCart ?? false; const add = cartController?.add; const avail = selectedVariant?.inventory?.available ?? 0; const isSoldOut = avail === 0 || !canAdd; const currentPrice = selectedVariant?.price ?? rawProduct?.price ?? 0; const currentWasPrice = selectedVariant?.wasPrice ?? rawProduct?.oldPrice; const hasDiscount = currentWasPrice != null && currentWasPrice > currentPrice; const discountPct = hasDiscount ? `-${Math.round((currentWasPrice - currentPrice) / currentWasPrice * 100)}%` : null; const currentImage = images.length > 0 ? images[Math.min(galleryIndex, images.length - 1)] : void 0; const productName = (0, import_react.useMemo)(() => { const n = rawProduct?.title || fullProduct?.name || ""; const words = n.trim().split(/\s+/); return words.length <= 5 ? n : words.slice(0, 5).join(" ") + "..."; }, [rawProduct?.title, fullProduct?.name]); const productDesc = (0, import_react.useMemo)(() => { const d = fullProduct?.description || rawProduct?.description || ""; if (!d) return ""; const words = d.trim().split(/\s+/); return words.length <= 8 ? d : words.slice(0, 8).join(" ") + "..."; }, [fullProduct?.description, rawProduct?.description]); const handleAddToCart = (0, import_react.useCallback)(async (e) => { e.stopPropagation(); e.preventDefault(); if (isSoldOut || !canAdd || !add || !selectedVariant?.id) return; try { await add(1); } catch (err) { console.error("Failed to add:", err); } }, [add, selectedVariant, isSoldOut, canAdd]); const linkHref = fullProduct?.links?.details || rawProduct?.links?.details || (fullProduct?.slug ? `/shop/${fullProduct.slug}` : null) || (rawProduct?.slug ? `/shop/${rawProduct.slug}` : null) || "/shop"; const addToCartPhrase = isArabic ? "\u0623\u0636\u0641 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629" : "Add to cart"; const soldOutPhrase = isArabic ? "\u0646\u0641\u0630\u062A" : "Sold out"; const prevImg = isArabic ? "\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629" : "Previous image"; const nextImg = isArabic ? "\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062A\u0627\u0644\u064A\u0629" : "Next image"; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sdk.Link, { href: linkHref, className: `emigo-pcard ${isSoldOut ? "emigo-pcard--sold-out" : ""}`, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)( "button", { type: "button", className: "emigo-pcard__add-btn", onClick: handleAddToCart, disabled: isSoldOut, "aria-label": isSoldOut ? soldOutPhrase : `${addToCartPhrase}: ${productName}`, children: [ isSoldOut ? "\xD7" : "+", isInCart && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-pcard__cart-qty", children: quantity }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)( "div", { className: "emigo-pcard__image-wrap", onTouchStart: (e) => { const t = e.touches[0]; touchRef.current = { startX: t.clientX, startY: t.clientY }; }, onTouchEnd: (e) => { if (!touchRef.current || images.length <= 1) return; const t = e.changedTouches[0]; const dx = t.clientX - touchRef.current.startX; const dy = t.clientY - touchRef.current.startY; touchRef.current = null; if (Math.abs(dx) < 30 || Math.abs(dy) > Math.abs(dx)) return; e.preventDefault(); if (dx < 0) setGalleryIndex((p) => (p + 1) % images.length); else setGalleryIndex((p) => (p - 1 + images.length) % images.length); }, children: [ isSoldOut && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-pcard__badge emigo-pcard__badge--sold-out", children: isArabic ? "\u0646\u0641\u0630\u062A \u0627\u0644\u0643\u0645\u064A\u0629" : "Sold Out" }), discountPct && !isSoldOut && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-pcard__badge emigo-pcard__badge--discount", children: discountPct }), currentImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: currentImage, alt: productName, className: "emigo-pcard__img", draggable: false }, currentImage) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "100%", height: "100%", background: "rgba(255,255,255,0.03)" } }), images.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "button", { type: "button", className: "emigo-pcard__arrow emigo-pcard__arrow--left", onClick: (e) => { e.stopPropagation(); e.preventDefault(); setGalleryIndex((p) => (p - 1 + images.length) % images.length); }, "aria-label": prevImg, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" }) }) } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "button", { type: "button", className: "emigo-pcard__arrow emigo-pcard__arrow--right", onClick: (e) => { e.stopPropagation(); e.preventDefault(); setGalleryIndex((p) => (p + 1) % images.length); }, "aria-label": nextImg, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 6 15 12 9 18" }) }) } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-pcard__indicators", children: images.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `emigo-pcard__indicator ${i === galleryIndex ? "emigo-pcard__indicator--active" : ""}` }, i)) }) ] }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-pcard__info", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "emigo-pcard__name", children: productName }), productDesc && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-pcard__desc", children: productDesc }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-pcard__prices", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-pcard__price", children: typeof currentPrice === "number" && currentPrice > 0 ? `${currencySymbol} ${currentPrice.toFixed(2)}` : "" }), hasDiscount && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "emigo-pcard__old-price", children: [ currencySymbol, " ", currentWasPrice.toFixed(2) ] }) ] }) ] }) ] }); }); const ReviewCard = (0, import_react.memo)(function ReviewCard2({ review }) { const { language } = (0, import_sdk.useLanguage)(); const isAr = (language ?? "en").toLowerCase() === "ar"; const verifiedLabel = isAr ? "\u0645\u0648\u062B\u0651\u0642" : "Verified"; const reviewFrom = isAr ? "\u0645\u0631\u0627\u062C\u0639\u0629 \u0645\u0646" : "Review from"; const reviewBy = isAr ? "\u0645\u0631\u0627\u062C\u0639\u0629 \u0645\u0646 \u0642\u0650\u0628\u0644" : "Review by"; const imgSrc = typeof review.image === "string" ? review.image.trim() : ""; const useContain = review.imageFit === "contain" || imgSrc && /\/products\//i.test(imgSrc); return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "emigo-rcard", "aria-label": `${reviewFrom} ${review.name}`, children: [ imgSrc.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-rcard__image-wrap", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "img", { src: imgSrc, alt: review.imageAlt ?? `${reviewBy} ${review.name}`, className: `emigo-rcard__img ${useContain ? "emigo-rcard__img--contain" : "emigo-rcard__img--cover"}` } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-rcard__img-fade", "aria-hidden": true }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-rcard__body", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-rcard__meta", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stars, { count: review.rating }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-rcard__date", children: review.date }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "emigo-rcard__review-title", children: review.title }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "emigo-rcard__text", children: [ "\u201C", review.text, "\u201D" ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "emigo-rcard__footer", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-rcard__avatar", children: review.name.charAt(0) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-rcard__author", children: review.name }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.375rem" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-rcard__location", children: review.location }), review.verified && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "emigo-rcard__verified", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 16 16", fill: "currentColor", className: "emigo-rcard__verified-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fillRule: "evenodd", d: "M8 16A8 8 0 108 0a8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L7 8.94 5.28 7.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.06 0l4.25-4.25z" }) }), verifiedLabel ] }) ] }) ] }) ] }) ] }) ] }); }); const SpecCalloutGlyph = (0, import_react.memo)(function SpecCalloutGlyph2({ name, className }) { const cn = className ?? "emigo-specs__callout-icon-svg"; switch (name) { case "snow": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: cn, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 3v18M5.6 7.2l12.8 9.6M18.4 7.2L5.6 16.8M7.2 5.6l9.6 12.8M16.8 5.6L7.2 18.4" }) }); case "flame": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: cn, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 22c4.97 0 6-4 6-7 0-4-3-8-6-11-3 3-6 7-6 11 0 3 1.03 7 6 7z" }) }); case "check": return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: cn, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 11.08V12a10 10 0 11-5.93-9.14" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 4L12 14.01l-3-3" }) ] }); case "layers": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: cn, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" }) }); case "cup": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: cn, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v10a2 2 0 01-2 2H4a2 2 0 01-2-2V8zM6 1v3M10 1v3M14 1v3" }) }); case "droplet": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: cn, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2.69l5.66 5.66a8 8 0 11-11.31 0z" }) }); case "leaf": return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: cn, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11 20A7 7 0 019.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10z" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12" }) ] }); case "dry": return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: cn, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 12l2 2 4-4" }) ] }); default: return null; } }); const SpecConnectorLeft = (0, import_react.memo)(function SpecConnectorLeft2({ className }) { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className, viewBox: "0 0 48 28", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 14 L36 14 L36 22", stroke: "currentColor", strokeWidth: "1.15", strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }) }); }); const SpecConnectorRight = (0, import_react.memo)(function SpecConnectorRight2({ className }) { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className, viewBox: "0 0 48 28", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M48 14 L12 14 L12 22", stroke: "currentColor", strokeWidth: "1.15", strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }) }); }); function EmigoTemplate({ settings }) { const { language } = (0, import_sdk.useLanguage)(); const isArabic = (language ?? "en").toLowerCase() === "ar"; const hero = settings?.hero || {}; const specs = settings?.specs || {}; const appCtrl = settings?.appControl || {}; const prod = settings?.products || {}; const rev = settings?.reviews || {}; const origin = settings?.origin || {}; const labels = settings?.labels || {}; const announcements = settings?.announcements || {}; const heroVideo = resolveMediaUrl(hero.heroVideo) || ""; const bottlePinEndPx = (() => { const n = Number(hero.bottlePinEndPx); return Number.isFinite(n) && n >= 0 ? n : 800; })(); const heroTitle1 = pickLocalizedLocale(hero.title1, HERO_FALLBACK_EN.title1, HERO_FALLBACK_AR.title1, isArabic); const heroTitle2 = pickLocalizedLocale(hero.title2, HERO_FALLBACK_EN.title2, HERO_FALLBACK_AR.title2, isArabic); const heroTitle3 = pickLocalizedLocale(hero.title3, HERO_FALLBACK_EN.title3, HERO_FALLBACK_AR.title3, isArabic); const heroTitle4 = pickLocalizedLocale(hero.title4, HERO_FALLBACK_EN.title4, HERO_FALLBACK_AR.title4, isArabic); const heroHighlight = pickLocalizedLocale(hero.highlight, HERO_FALLBACK_EN.highlight, HERO_FALLBACK_AR.highlight, isArabic); const heroMobileTitleShort = (0, import_react.useMemo)(() => { const w = heroTitle1.trim().split(/\s+/); return w.slice(0, 2).join(" ") || heroTitle1; }, [heroTitle1]); const specsVideo = resolveMediaUrl(specs.specsVideo) || ""; const specsTitle = pickLocalizedLocale(specs.title, SPECS_FALLBACK_EN.title, SPECS_FALLBACK_AR.title, isArabic); const specsSubtitle = pickLocalizedLocale(specs.subtitle, SPECS_FALLBACK_EN.subtitle, SPECS_FALLBACK_AR.subtitle, isArabic); const appMainVideo = resolveMediaUrl(appCtrl.mainVideo) || ""; const appLayerImage = resolveMediaUrl(appCtrl.layerImage) || ""; const appDetailImage = resolveMediaUrl(appCtrl.detailImage) || ""; const appTitle = pickLocalizedLocale(appCtrl.title, APP_CONTROL_FALLBACK_EN.title, APP_CONTROL_FALLBACK_AR.title, isArabic); const appBody = pickLocalizedLocale(appCtrl.body, APP_CONTROL_FALLBACK_EN.body, APP_CONTROL_FALLBACK_AR.body, isArabic); const appCtaLabel = pickLocalizedLocale(appCtrl.ctaLabel, APP_CONTROL_FALLBACK_EN.cta, APP_CONTROL_FALLBACK_AR.cta, isArabic); const appDetailAlt = pickLocalizedLocale(appCtrl.detailImageAlt, APP_CONTROL_FALLBACK_EN.detailAlt, APP_CONTROL_FALLBACK_AR.detailAlt, isArabic); const appLayerAlt = pickLocalizedLocale(appCtrl.layerImageAlt, APP_CONTROL_FALLBACK_EN.layerAlt, APP_CONTROL_FALLBACK_AR.layerAlt, isArabic); const appCtaUrl = typeof appCtrl.ctaUrl === "string" && appCtrl.ctaUrl.trim() ? appCtrl.ctaUrl.trim() : ""; const appStackMatte = Boolean(appLayerImage && appMainVideo); const appShowDetailFloat = Boolean(appDetailImage && (appMainVideo || appLayerImage)); const prodTitle = pickLocalizedLocale(prod.title, PRODUCTS_FALLBACK_EN.title, PRODUCTS_FALLBACK_AR.title, isArabic); const prodDesc = pickLocalizedLocale(prod.description, PRODUCTS_FALLBACK_EN.description, PRODUCTS_FALLBACK_AR.description, isArabic); const shopSectionTag = pickLocalizedLocale(labels.shopSectionTag, PRODUCTS_FALLBACK_EN.shopTag, PRODUCTS_FALLBACK_AR.shopTag, isArabic); const reviewsSectionTag = pickLocalizedLocale(labels.reviewsSectionTag, PRODUCTS_FALLBACK_EN.reviewsTag, PRODUCTS_FALLBACK_AR.reviewsTag, isArabic); const emptyProductsHint = pickLocalizedLocale(labels.emptyProductsHint, PRODUCTS_FALLBACK_EN.emptyHint, PRODUCTS_FALLBACK_AR.emptyHint, isArabic); const rawProducts = prod.productsList ?? []; const productsFromSettings = (0, import_react.useMemo)(() => { if (!rawProducts || rawProducts.length === 0) return []; return rawProducts.map((p, i) => { const full = unwrapProductEntry(p); if (!full || full.id == null && full.name == null) return null; const allVars = full.variants ?? full.variations ?? []; const v0 = allVars[0]; const price = v0?.price ?? full.price ?? 0; const wasPrice = v0?.wasPrice ?? full.wasPrice; const variantUrls = v0?.mediaFiles?.length ? mediaFilesToUrls(v0.mediaFiles) : []; const productUrls = mediaFilesToUrls(full.mediaFiles); const images = variantUrls.length > 0 ? variantUrls : productUrls; return { id: full.id ?? i + 1, slug: full.slug, title: full.name ?? "", description: full.description ?? "", price: typeof price === "number" ? price : Number(price) || 0, oldPrice: wasPrice, images, product: full, links: full.links }; }).filter(Boolean); }, [rawProducts]); const revTitle = pickLocalizedLocale(rev.title, REVIEWS_FALLBACK_EN.title, REVIEWS_FALLBACK_AR.title, isArabic); const reviews = (0, import_react.useMemo)(() => { const reviewerFallback = (i) => isArabic ? `\u0645\u0631\u0627\u062C\u0639 ${i + 1}` : `Reviewer ${i + 1}`; const settingsReviews = rev.reviewList; if (settingsReviews && Array.isArray(settingsReviews) && settingsReviews.length > 0) { return settingsReviews.map((r, i) => ({ id: r.id || `r${i + 1}`, name: pickLocalized(r.name, reviewerFallback(i), isArabic) || reviewerFallback(i), location: pickLocalized(r.location, "", isArabic), rating: r.rating ?? 5, date: pickLocalized(r.date, "", isArabic), title: pickLocalized(r.title, "", isArabic), text: pickLocalized(r.text, "", isArabic), verified: r.verified ?? true, image: resolveReviewMedia(r.image ?? r.photo ?? r.imageUrl ?? r.media ?? r.imageFile), imageAlt: r.imageAlt || r.photoAlt || "", imageFit: r.imageFit })); } const base = isArabic ? DEFAULT_REVIEWS_AR : DEFAULT_REVIEWS_EN; return base.map((r, i) => ({ ...r, image: resolveReviewMedia(rev[`reviewImage${i + 1}`]) || r.image, imageAlt: rev[`reviewImageAlt${i + 1}`] || r.imageAlt })); }, [rev, isArabic]); const specsDesktop = useSpecsDesktopLayout(); const originVideo1 = resolveMediaUrl(origin.video1) || ""; const originVideo2 = resolveMediaUrl(origin.video2) || ""; const originImage1 = resolveMediaUrl(origin.image1) || ""; const originImage2 = resolveMediaUrl(origin.image2) || ""; const originImage3 = resolveMediaUrl(origin.image3) || ""; const originImage4 = resolveMediaUrl(origin.image4) || ""; const avg = (0, import_react.useMemo)(() => { if (reviews.length === 0) return "0.0"; return (reviews.reduce((s, r) => s + r.rating, 0) / reviews.length).toFixed(1); }, [reviews]); const reviewsCountLine = (0, import_react.useMemo)(() => { const raw = pickLocalizedLocale( labels.reviewsCountLine, PRODUCTS_FALLBACK_EN.reviewsCount, PRODUCTS_FALLBACK_AR.reviewsCount, isArabic ); return formatTemplate(raw, { count: reviews.length }); }, [labels.reviewsCountLine, reviews.length, isArabic]); const announcementDoubled = (0, import_react.useMemo)(() => { const raw = pickLocalizedLocale(announcements.items, "", "", isArabic); const lines = raw.split(/\r?\n/).map((l) => l.trim()).filter(Boolean); const base = lines.length > 0 ? lines : isArabic ? ANNOUNCEMENT_LINES_AR : ANNOUNCEMENT_LINES_EN; const doubled = [...base, ...base]; return doubled; }, [announcements.items, isArabic]); const specCallouts = isArabic ? SPECS_CALLOUTS_AR : SPECS_CALLOUTS_EN; const originVideoAlt = pickLocalizedLocale(origin.videoAlt, "Emigo design video", "\u0641\u064A\u062F\u064A\u0648 \u062A\u0635\u0645\u064A\u0645 \u0625\u064A\u0645\u064A\u063A\u0648", isArabic); const originImageAlt = pickLocalizedLocale(origin.imageAlt, "Emigo lifestyle", "\u0623\u0633\u0644\u0648\u0628 \u062D\u064A\u0627\u0629 \u0625\u064A\u0645\u064A\u063A\u0648", isArabic); const originItems = (0, import_react.useMemo)(() => { const slides = []; if (originVideo1) slides.push({ type: "video", src: originVideo1, alt: originVideoAlt }); if (originImage1) slides.push({ type: "image", src: originImage1, alt: originImageAlt }); if (originVideo2) slides.push({ type: "video", src: originVideo2, alt: originVideoAlt }); if (originImage2) slides.push({ type: "image", src: originImage2, alt: originImageAlt }); if (originImage3) slides.push({ type: "image", src: originImage3, alt: originImageAlt }); if (originImage4) slides.push({ type: "image", src: originImage4, alt: originImageAlt }); if (slides.length === 0) return []; return [...slides, ...slides]; }, [originVideo1, originVideo2, originImage1, originImage2, originImage3, originImage4, originVideoAlt, originImageAlt]); return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-root", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GrainOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { className: "emigo-overflow-clip", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-overflow-clip", style: { position: "relative" }, children: [ heroVideo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeroBottlePin, { src: heroVideo, pinEndPx: bottlePinEndPx }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { id: "hero", className: "emigo-hero", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-hero__bg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InteractiveHeroBackground, { sectionId: "hero" }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-hero__bottom-blend" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "hero-viewport", className: "emigo-hero__viewport", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-hero__viewport-inner", "data-section": "hero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "relative", zIndex: 10, height: "100%" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-hero__mobile", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-hero__mobile-spacer", "aria-hidden": true }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-hero__mobile-text", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "emigo-hero__mobile-title", children: heroMobileTitleShort }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "emigo-hero__mobile-line", children: [ heroTitle1, " ", heroTitle2 ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "emigo-hero__mobile-line", children: [ heroTitle3, " ", heroTitle4 ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-hero__mobile-highlight", children: heroHighlight }) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-hero__desktop-left", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-hero__dt-title", children: heroTitle1 }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-hero__dt-sub", children: heroTitle2 }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-hero__desktop-right", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-hero__dt-title", children: heroTitle3 }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-hero__dt-sub", children: heroTitle4 }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-hero__desktop-bottom", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-hero__dt-highlight", children: heroHighlight }) }) ] }) }) }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "announcement-bar", className: "emigo-announce", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-announce__track", children: announcementDoubled.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "emigo-announce__item", children: [ label, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-announce__dot" }) ] }, i)) }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { id: "power-pillars-scroll", className: "emigo-specs", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__glow" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__content", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__header", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "emigo-specs__title", children: specsTitle }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-specs__subtitle", children: specsSubtitle }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__desktop", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__callout-col emigo-specs__callout-col--left", children: specCallouts.left.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__callout emigo-specs__callout--left", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__callout-text", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "emigo-specs__callout-title", children: item.title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-specs__callout-desc", children: item.desc }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpecConnectorLeft, { className: "emigo-specs__connector" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__icon-box", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpecCalloutGlyph, { name: item.icon }) }) ] }, item.title)) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__video-center", children: specsVideo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__video-wrap", children: specsDesktop && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VideoCanvas, { src: specsVideo, style: FULL_SIZE_STYLE, playbackRate: 1 }) }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__callout-col emigo-specs__callout-col--right", children: specCallouts.right.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__callout emigo-specs__callout--right", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__icon-box", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpecCalloutGlyph, { name: item.icon }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpecConnectorRight, { className: "emigo-specs__connector" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__callout-text", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "emigo-specs__callout-title", children: item.title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-specs__callout-desc", children: item.desc }) ] }) ] }, item.title)) }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__mobile", children: [ specsVideo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__mobile-video", children: !specsDesktop && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VideoCanvas, { src: specsVideo, style: FULL_SIZE_STYLE, playbackRate: 1 }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__mobile-callouts", children: [...specCallouts.left, ...specCallouts.right].map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__mobile-card", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__icon-box emigo-specs__icon-box--sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpecCalloutGlyph, { name: item.icon }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__mobile-card-text", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "emigo-specs__callout-title", children: item.title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-specs__callout-desc", children: item.desc }) ] }) ] }, item.title)) }) ] }) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { id: "emigo-app", className: "emigo-app", "aria-labelledby": "emigo-app-heading", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-app__inner", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-app__grid", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-app__media", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-app__frame", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)( "div", { className: `emigo-app__stack${appStackMatte ? " emigo-app__stack--matte" : ""}`, children: [ appLayerImage && appMainVideo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: appLayerImage, alt: appLayerAlt, className: "emigo-app__layer-back", loading: "lazy" }) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-app__video-stage", children: appMainVideo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "video", { className: "emigo-app__video", src: appMainVideo, controls: true, playsInline: true, muted: true, loop: true, preload: "metadata" } ) : appDetailImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: appDetailImage, alt: "", className: "emigo-app__video-fallback", loading: "lazy" }) : appLayerImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: appLayerImage, alt: appLayerAlt, className: "emigo-app__video-fallback", loading: "lazy" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-app__placeholder", "aria-hidden": true }) }), appShowDetailFloat ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: appDetailImage, alt: appDetailAlt, className: "emigo-app__detail", loading: "lazy" }) : null ] } ) }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-app__copy", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: "emigo-app-heading", className: "emigo-app__title", children: appTitle }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-app__body", children: appBody }), appCtaUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sdk.Link, { href: appCtaUrl, className: "emigo-app__cta", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-app__cta-label", children: appCtaLabel }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "emigo-app__cta emigo-app__cta--disabled", disabled: true, "aria-disabled": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-app__cta-label", children: appCtaLabel }) }) ] }) ] }) }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { id: "product-showcase", className: "emigo-products", "aria-labelledby": "product-showcase-heading", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-products__bg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InteractiveHeroBackground, { sectionId: "product-showcase" }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-products__blend-top", "aria-hidden": true }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-products__blend-bottom", "aria-hidden": true }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-products__inner", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "emigo-products__header", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-products__tag", children: shopSectionTag }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: "product-showcase-heading", className: "emigo-products__title", children: prodTitle }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-products__desc", children: prodDesc }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-products__grid", children: productsFromSettings.length > 0 ? productsFromSettings.slice(0, 6).map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProductCard, { product: p, index: i }, p.id ?? i)) : Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-pcard", style: { opacity: 0.4, cursor: "default" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-pcard__image-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "100%", height: "100%", background: "rgba(255,255,255,0.03)" } }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-pcard__info", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-pcard__name", style: { color: "rgba(255,255,255,0.3)" }, children: emptyProductsHint }) }) ] }, i)) }) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { id: "reviews", className: "emigo-reviews", "aria-labelledby": "reviews-heading", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-reviews__blend-top", "aria-hidden": true }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-reviews__inner", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "emigo-reviews__header", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-reviews__tag", children: reviewsSectionTag }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: "reviews-heading", className: "emigo-reviews__title", children: revTitle }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-reviews__aggregate", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-reviews__avg-wrap", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-reviews__avg", children: avg }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stars, { count: Math.round(Number(avg)) }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "emigo-reviews__count", children: reviewsCountLine }) ] }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-reviews__grid", children: reviews.map((review) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReviewCard, { review }, review.id)) }) ] }) ] }) ] }), originItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "emigo-origin-wrap", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { id: "emigo-origin", className: "emigo-origin", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-origin__veil", "aria-hidden": true }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-origin__strip-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-origin__strip", children: originItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-origin__item", children: item.type === "video" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("video", { src: item.src, muted: true, loop: true, autoPlay: true, playsInline: true, className: "emigo-origin__video", "aria-label": item.alt }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: item.src, alt: item.alt, className: "emigo-origin__img" }) }, i)) }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-origin__overlay-tb" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-origin__overlay-lr" }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-origin__blend" }) ] }) ] }) ] }); }