/* global React, ReactDOM */
const { useState, useEffect, useMemo, useRef, useCallback } = React;
/* ============================================================
Mirage Project Point Dubai — microsite
============================================================ */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"accent": "#b07a4e",
"hero": "showroom",
"density": "editorial",
"locale": "en"
}/*EDITMODE-END*/;
/* ---------------- DATA ---------------- */
const COLLECTIONS = [
{ slug: "evo", name: "Evo", effect: "Living surfaces · indoor/outdoor", category: "Stone", img: "assets/collection-evo.webp", size: "feature" },
{ slug: "cementi", name: "Cementi", effect: "Concrete effect", category: "Concrete", img: "assets/collection-cementi.webp", size: "regular" },
{ slug: "cementi-resine", name: "Cementi Resine", effect: "Resin / cementitious", category: "Concrete", img: "assets/collection-cementi-resine.webp", size: "regular" },
{ slug: "pietre", name: "Le Pietre", effect: "Natural stone effect", category: "Stone", img: "assets/collection-pietre.webp", size: "half" },
{ slug: "jurupa", name: "Jurupa", effect: "Outdoor / 20 mm", category: "Outdoor", img: "assets/collection-jurupa.webp", size: "half" },
{ slug: "glocal", name: "Glocal", effect: "Kitchen · stone effect", category: "Stone", img: "assets/collection-glocal.webp", size: "regular" },
{ slug: "bathmood", name: "Bathmood", effect: "Bathroom · soft palette", category: "Bathroom", img: "assets/ambient-bathmood.webp", size: "regular" },
{ slug: "bathmood-flair", name: "Bathmood Flair", effect: "Bathroom · expressive", category: "Bathroom", img: "assets/ambient-bathmood-flair.webp", size: "regular" },
{ slug: "workshop", name: "Workshop", effect: "Engineering / AEC", category: "Technical", img: "assets/collection-workshop.webp", size: "regular" },
{ slug: "tempranillo", name: "Tempranillo", effect: "Surface · wood effect", category: "Stone", img: "assets/surface-tempranillo.webp", size: "regular" },
];
const COLL_FILTERS = ["All", "Concrete", "Stone", "Outdoor", "Bathroom", "Technical"];
const APPLICATIONS = [
{ num: "01", name: "Residential", desc: "Private homes, villas, apartments." },
{ num: "02", name: "Hospitality", desc: "Hotels, restaurants, lounges, spas." },
{ num: "03", name: "Commercial", desc: "Retail, offices, public interiors." },
{ num: "04", name: "Outdoor", desc: "Terraces, pool decks, landscape." },
{ num: "05", name: "Facade", desc: "Ventilated facades, exteriors." },
];
const GALLERY = Array.from({ length: 14 }, (_, i) => {
const n = String(i + 1).padStart(2, "0");
return { src: `assets/showroom-${n}.webp`, id: `MPP-DXB-${n}`, alt: `Mirage Project Point Dubai — view ${n}` };
});
/* Layout pattern for gallery: 14 cells across a 12-col grid */
const GALLERY_LAYOUT = [
"x2", "x1", "x1", "x3", "x2", "x3", "x1", "x1", "x2", "x2", "x4", "x3", "x1", "x3",
];
const ENQUIRY_TYPES = [
{ id: "consult", label: "Book a consultation" },
{ id: "samples", label: "Request samples" },
{ id: "project", label: "Submit a project enquiry" },
];
/* ---------------- LOGO ---------------- */
function MirageWordmark({ className }) {
return (
);
}
const ArrowR = ({ s = 14 }) => (
);