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 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 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 ro = new ResizeObserver((entries) => { const { width: w, height: h } = entries[0].contentRect; updateSize(w, h); }); ro.observe(wrap); let animId = 0; let needsRender = true; const draw = () => { if (cw > 0 && ch > 0 && needsRender) { needsRender = false; 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); } animId = requestAnimationFrame(draw); }; const onVideoFrame = () => { needsRender = true; }; const hasRVFC = typeof video.requestVideoFrameCallback === "function"; if (hasRVFC) { const rvfc = () => { needsRender = true; video.requestVideoFrameCallback(rvfc); }; video.requestVideoFrameCallback(rvfc); } else { video.addEventListener("timeupdate", onVideoFrame); } video.addEventListener("canplay", () => { if (autoPlay) { video.playbackRate = playbackRate; video.play().catch(() => { }); } needsRender = true; draw(); }, { once: true }); return () => { cancelAnimationFrame(animId); ro.disconnect(); video.removeEventListener("timeupdate", onVideoFrame); 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(); }; window.addEventListener("pointermove", onPointerKick, { passive: true }); setVars(); kick(); return () => { window.removeEventListener("pointermove", onPointerKick); 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 }) { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-reviews__stars", "aria-label": `${count} out of 5 stars`, 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"; 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 ? isArabic ? "\u0646\u0641\u0630\u062A" : "Sold out" : `Add ${productName} to cart`, 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": "Previous image", 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": "Next image", 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 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": `Review from ${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 ?? `Review by ${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" }) }), "Verified" ] }) ] }) ] }) ] }) ] }) ] }); }); const CandleIcon = (0, import_react.memo)(function CandleIcon2({ className }) { return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", style: { width: 18, height: 18, flexShrink: 0 }, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "9", y: "8", width: "6", height: "13", rx: "1" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2v4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10 4s0-2 2-2 2 2 2 2" }) ] }); }); const ANNOUNCEMENT_ITEMS = ["FREE SHIPPING", "CONTAINER", "SMART DISPLAY", "ADD TO CART", "30-DAY RETURNS", "FREE SHIPPING", "CONTAINER", "SMART DISPLAY", "ADD TO CART", "30-DAY RETURNS"]; const ANNOUNCEMENT_DOUBLED = [...ANNOUNCEMENT_ITEMS, ...ANNOUNCEMENT_ITEMS]; const LEFT_FEATURES = [ { title: "SPECS", points: ["500ml capacity", "18/8 surgical-grade stainless steel", "Double-wall vacuum insulation", "Hot 12h \xB7 Cold 24h", "BPA-free leak-proof lid"] }, { title: "SMART DISPLAY", points: ["Built-in LED temperature readout", "Real-time \xB0C / \xB0F toggle", "Touch-activated \u2014 tap to check", "2-year battery life"] } ]; const RIGHT_FEATURES = [ { title: "MATERIALS", points: ["Food-grade 304 stainless interior", "Powder-coated aluminium shell", "Scratch-resistant matte finish", "Silicone grip ring \xB7 320 g"] }, { title: "SHIPPING", points: ["Free worldwide shipping", "Ships within 2 business days", "30-day money-back guarantee", "2-year manufacturer warranty"] } ]; const MOBILE_BAR_SPECS = [ { label: "Capacity", value: 85, tag: "500 ml" }, { label: "Insulation", value: 95, tag: "Double-wall" }, { label: "Hot retention", value: 72, tag: "12 h" }, { label: "Cold retention", value: 92, tag: "24 h" }, { label: "Steel grade", value: 98, tag: "18/8 surgical" }, { label: "Weight", value: 60, tag: "320 g" }, { label: "Durability", value: 90, tag: "Scratch-proof" }, { label: "Leak proof", value: 100, tag: "BPA-free" } ]; const DEFAULT_REVIEWS = [ { 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: "" } ]; function EmigoTemplate({ settings }) { const { currency: rootCurrency } = (0, import_sdk.useCurrency)(); const hero = settings?.hero || {}; const specs = settings?.specs || {}; const prod = settings?.products || {}; const rev = settings?.reviews || {}; const origin = settings?.origin || {}; const heroVideo = resolveMediaUrl(hero.heroVideo) || ""; const bottlePinEndPx = (() => { const n = Number(hero.bottlePinEndPx); return Number.isFinite(n) && n >= 0 ? n : 800; })(); const heroTitle1 = hero.title1 || "SMART TEMPERATURE"; const heroTitle2 = hero.title2 || "DISPLAY TECHNOLOGY FOR THE MODERN HUMAN"; const heroTitle3 = hero.title3 || "PREMIUM DESIGN CRAFTED"; const heroTitle4 = hero.title4 || "FOR EVERYDAY PERFORMANCE"; const heroHighlight = hero.highlight || "ENGINEERED FROM PREMIUM MATERIALS TO DELIVER PEAK DAILY PERFORMANCE"; const specsVideo = resolveMediaUrl(specs.specsVideo) || ""; const specsTitle = specs.title || "Product Specs"; const specsSubtitle = specs.subtitle || "Double-wall vacuum insulated stainless steel \u2014 built to keep up."; const prodTitle = prod.title || "The line. Same engineering."; const prodDesc = prod.description || "Apparel from the same line \u2014 built to live next to the bottle on the shelf and on you."; 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 = rev.title || "What people are saying"; const reviews = (0, import_react.useMemo)(() => { const settingsReviews = rev.reviewList; if (settingsReviews && Array.isArray(settingsReviews) && settingsReviews.length > 0) { return settingsReviews.map((r, i) => ({ id: r.id || `r${i + 1}`, name: r.name || `Reviewer ${i + 1}`, location: r.location || "", rating: r.rating ?? 5, date: r.date || "", title: r.title || "", text: r.text || "", verified: r.verified ?? true, image: resolveReviewMedia(r.image ?? r.photo ?? r.imageUrl ?? r.media ?? r.imageFile), imageAlt: r.imageAlt || r.photoAlt || "", imageFit: r.imageFit })); } return DEFAULT_REVIEWS.map((r, i) => ({ ...r, image: resolveReviewMedia(rev[`reviewImage${i + 1}`]) || r.image, imageAlt: rev[`reviewImageAlt${i + 1}`] || r.imageAlt })); }, [rev]); 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 = (reviews.reduce((s, r) => s + r.rating, 0) / reviews.length).toFixed(1); const originItems = (0, import_react.useMemo)(() => { const slides = []; if (originVideo1) slides.push({ type: "video", src: originVideo1, alt: "Emigo design video" }); if (originImage1) slides.push({ type: "image", src: originImage1, alt: "Emigo lifestyle" }); if (originVideo2) slides.push({ type: "video", src: originVideo2, alt: "Emigo design video" }); if (originImage2) slides.push({ type: "image", src: originImage2, alt: "Emigo lifestyle" }); if (originImage3) slides.push({ type: "image", src: originImage3, alt: "Emigo lifestyle" }); if (originImage4) slides.push({ type: "image", src: originImage4, alt: "Emigo lifestyle" }); if (slides.length === 0) return []; return [...slides, ...slides, ...slides]; }, [originVideo1, originVideo2, originImage1, originImage2, originImage3, originImage4]); 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: heroTitle1.split(" ").slice(0, 2).join(" ") || heroTitle1 }), /* @__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: ANNOUNCEMENT_DOUBLED.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__col-left", children: LEFT_FEATURES.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__feature-header", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-specs__feature-icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CandleIcon, {}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "emigo-specs__feature-title", children: f.title }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "emigo-specs__feature-list", children: f.points.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "emigo-specs__feature-item", children: p }, p)) }) ] }, f.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: /* @__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__col-right", children: RIGHT_FEATURES.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__feature-header", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-specs__feature-icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CandleIcon, {}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "emigo-specs__feature-title", children: f.title }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "emigo-specs__feature-list", children: f.points.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "emigo-specs__feature-item", children: p }, p)) }) ] }, f.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: /* @__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__bars", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__bar-group", children: MOBILE_BAR_SPECS.map((bar) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "emigo-specs__bar-meta", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-specs__bar-label", children: bar.label }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "emigo-specs__bar-tag", children: bar.tag }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__bar-track", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "emigo-specs__bar-fill", style: { width: `${bar.value}%` } }) }) ] }, bar.label)) }) }) ] }) ] }) ] }), /* @__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: "Shop" }), /* @__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: "Select a product" }) }) ] }, 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: "Reviews" }), /* @__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.jsxs)("p", { className: "emigo-reviews__count", children: [ "Based on ", reviews.length, " reviews" ] }) ] }) ] }), /* @__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" }) ] }) ] }) ] }); }