/* global React */ const { useState, useEffect, useRef, useMemo } = React; /* ---------- icons ---------- */ const Icon = { Search: (p) => ( ), Bag: (p) => ( ), Heart: (p) => ( ), HeartFill: (p) => ( ), Wa: (p) => ( ), Ig: (p) => ( ), Tt: (p) => ( ), ArrowR: (p) => ( ), Plus: (p) => (), Minus: (p) => (), Close: (p) => (), Dot: () => }; /* ---------- announcement bar ---------- */ function Announcement() { return (
Worldwide express · 2–7 days Complimentary gift wrap · AED 30 Atelier · Dubai Design District
); } /* ---------- navbar ---------- */ function Navbar({ route, navigate, bagCount, openBag, openSearch }) { const [megaOpen, setMegaOpen] = useState(null); const linkClass = (key) => "nav__link" + (route.startsWith(key) ? " active" : ""); return (
navigate("/")}> PEARLA D U B A I
navigate("/about")}>Atelier navigate("/contact")}>Contact
{megaOpen && (
setMegaOpen(megaOpen)} onMouseLeave={() => setMegaOpen(null)}> {megaOpen === "shop" && ( <>
Shop By Category { navigate("/shop"); setMegaOpen(null); }}>Abayas { navigate("/shop"); setMegaOpen(null); }}>Kaftans { navigate("/shop"); setMegaOpen(null); }}>Dresses & Caftans { navigate("/shop"); setMegaOpen(null); }}>Sets { navigate("/shop"); setMegaOpen(null); }}>Scarves { navigate("/shop"); setMegaOpen(null); }}>Fine Jewelry
Highlights { navigate("/shop"); setMegaOpen(null); }}>New Arrivals { navigate("/shop"); setMegaOpen(null); }}>Bestsellers { navigate("/shop"); setMegaOpen(null); }}>Statement Pieces { navigate("/shop"); setMegaOpen(null); }}>Everyday Edit { navigate("/shop"); setMegaOpen(null); }}>Under AED 1,000
Services { navigate("/gifting"); setMegaOpen(null); }}>Gift Wrapping { navigate("/about"); setMegaOpen(null); }}>Atelier Appointment { navigate("/contact"); setMegaOpen(null); }}>Personal Styling { navigate("/contact"); setMegaOpen(null); }}>Size Guide
{ navigate("/collections/princess-and-the-pearl"); setMegaOpen(null); }}> Princess and
the Pearl )} {megaOpen === "collections" && ( <> {window.PEARLA_DATA.collections.slice(0, 3).map(c => ( { navigate("/collections/" + c.id); setMegaOpen(null); }}> {c.title} ))}
All Stories {window.PEARLA_DATA.collections.map(c => ( { navigate("/collections/" + c.id); setMegaOpen(null); }}>{c.title} ))}
)}
)}
); } /* ---------- hero ---------- */ function Hero({ navigate }) { return (
Chapter 06 — Princess and the Pearl
FW 26 / 27Editorial №06Shot in Dubai

Stories you
can wear.

Contemporary modest fashion from Dubai — each piece a never‑ending fairytale, written in lace, thread and the long quiet evenings of the Gulf.

); } /* ---------- pedigree strip ---------- */ function Pedigree() { return (
An Emirati House Showcased at Arab Fashion Week — RTW FW 22 / 23 Founded by Hessa & Fatma Ali Aljoker Atelier · d3 · Dubai
); } /* ---------- featured collections ---------- */ function CollectionsBlock({ navigate }) { const cols = window.PEARLA_DATA.collections.slice(0, 4); return (
The Chapters

Collections, each a small fairytale.

navigate("/collections")}>All Collections
{cols.map((c, i) => (
navigate("/collections/" + c.id)}>
{c.title} {c.count} pieces {c.subtitle}
{c.tag}

{c.title}

{c.kicker}

Read the chapter
))}
); } /* ---------- product card ---------- */ function ProductCard({ p, onOpen, onAdd, fav, toggleFav }) { return (
onOpen(p.id)}>
{p.name} {p.alt && } {p.tag && {p.tag}}
{p.name}
{p.category} · {p.collection} AED {p.price.toLocaleString()}
); } /* ---------- signature pieces grid ---------- */ function ProductsBlock({ navigate, onAdd, favs, toggleFav, products }) { const list = products || window.PEARLA_DATA.products.slice(0, 8); return (
Signature Pieces

The wardrobe of this season.

navigate("/shop")}>Shop all 61 pieces
{list.map(p => ( navigate("/product/" + id)} onAdd={onAdd} fav={favs.has(p.id)} toggleFav={toggleFav} /> ))}
); } /* ---------- gifting block ---------- */ function GiftingBlock({ navigate }) { return (
); } /* ---------- seasonal drop marquee ---------- */ function SeasonalDrop({ navigate }) { const text = ( <> Ramadan & Eid '26 ✦ The lace is ready ✦ Preview the collection ✦ Ramadan & Eid '26 ✦ The lace is ready ✦ Preview the collection ✦ ); return (
navigate("/collections/ramadan-eid")} style={{ cursor: "pointer" }}> Drop 07
{text}{text}
Open the chapter
); } /* ---------- fragrance band ---------- */ function FragranceBlock({ navigate }) { return (
A brand‑world extension

S'élever
— the scent of
the story.

Our signature eau de parfum. Built around oud, white tea and a tied silk ribbon — for the woman who treats fragrance as wardrobe.

Top Bergamot · Pear
Heart White tea · Jasmine
Base Oud · Cashmere musk
AED 100 — 30 ML · AED 200 — 50 ML
S'élever bottle
); } /* ---------- founder note ---------- */ function FounderBlock({ navigate }) { return (
[ founder portrait — client to supply ]

Hessa & Fatma Ali Aljoker

Sisters · Creative Directors · Dubai
A note from the atelier

Each piece withholds a story, so the woman who chooses to wear it feels like the protagonist of a never‑ending fairytale.

Signed — Hessa & Fatma

We design in two registers — wearable everyday pieces in fine fabrics, and theatrical statements for the nights you'll remember. Both written from Dubai, both made to outlast the season.

); } /* ---------- social strip ---------- */ function SocialBlock() { const tiles = window.PEARLA_DATA.social; return (
@pearladubai

As worn, as photographed,
as you've sent us.

{tiles.map((src, i) => ( ))}
); } /* ---------- newsletter ---------- */ function Newsletter() { const [done, setDone] = useState(false); return (
The Atelier Letter

Stories, first.

Drops, invitations and the occasional private preview — sent twice a month, never more.

{ e.preventDefault(); setDone(true); }}> {!done ? ( <> ) : ( Welcome to the atelier ✦ )}

By subscribing you agree to our privacy policy.

); } /* ---------- footer ---------- */ function Footer({ navigate }) { return ( ); } /* expose */ Object.assign(window, { Icon, Announcement, Navbar, Hero, Pedigree, CollectionsBlock, ProductCard, ProductsBlock, GiftingBlock, SeasonalDrop, FragranceBlock, FounderBlock, SocialBlock, Newsletter, Footer });