/* Featured piece detail + Gift guide + Visit atelier + Press + Map + FAQ */ // ——— Shared, locale-aware price formatter ——— // Prices across SANAA are quoted in Egyptian pounds. Prefix the unit so a bare // number ("1,240") never renders without its currency. Arabic shows // Arabic-Indic digits (ar-EG) followed by "ج.م"; English shows "EGP 1,240". // Accepts a number or a numeric string ("1,240"); non-numeric input is passed // through unchanged so editorial/placeholder copy stays intact. function fmtPrice(amount, lang) { const ar = lang === "ar"; let n = amount; if (typeof n === "string") { const cleaned = n.replace(/[^0-9.\-]/g, ""); n = cleaned === "" ? NaN : Number(cleaned); } if (n == null || !Number.isFinite(n)) { // Not a parseable number — return as-is (e.g. "On request"). return amount == null ? "" : String(amount); } const num = Number(n).toLocaleString(ar ? "ar-EG" : "en-US"); return ar ? `${num} ج.م` : `EGP ${num}`; } window.fmtPrice = fmtPrice; // ——— Featured piece: editorial product view ——— function FeaturedPiece({ t, lang }) { const [variant, setVariant] = React.useState(0); const [qty, setQty] = React.useState(1); const variants = ["Natural", "Saffron", "Ink"]; const variantsAr = ["طبيعي", "زعفران", "حِبر"]; const tones = ["sand", "terracotta", "olive"]; const _live = usePieces(); const featured = _live.find(p => p.is_featured) || _live[0]; const pieceName = featured ? (lang === "en" ? featured.name : (featured.ar || featured.name)) : (lang === "en" ? "Oasis Knot" : "عقدة الواحة"); const pieceNum = featured ? featured.num : "№ 017"; const piecePrice = featured ? (typeof featured.price === "number" ? featured.price.toLocaleString(lang === "ar" ? "ar-EG" : "en-US") : featured.price) : (1240).toLocaleString(lang === "ar" ? "ar-EG" : "en-US"); const pieceSlug = featured ? `#/shop/${featured.cat}/${featured.slug}` : "#/shop/macrame/oasis-knot"; return (
{lang === "en" ? "Piece of the month · April" : "قطعة الشهر · أبريل"}

{lang === "en" ? <>In focus: {lang === "en" ? (featured?.name || "Oasis Knot") : (featured?.ar || "عقدة الواحة")} : <>قيد النظر: {featured?.ar || "عقدة الواحة"}}

{pieceNum} / {lang === "en" ? "1 of 6 in this edition" : "١ من ٦ في هذا الإصدار"}
{/* Gallery */}
{["detail · knots", "in situ · living room", "hands shot · making", "scale reference"].map((l, i) => (
))}
{/* Details */}

{featured?.name || "Oasis Knot"}

{featured?.ar || "عقدة الواحة"}
Macramé wall hanging · Nour Ibrahim · Cairo

{lang === "en" ? "Knotted over eleven days in undyed Egyptian cotton and palm fibre. Nour traces the pattern to her grandmother's ceiling in Siwa — a map of shade cast by date palms at noon." : "معقودةٌ على مدى أحد عشر يومًا من قطن مصريّ وليف نخيل. تُرجع نور النقش إلى سقف جدّتها في سيوة — خريطة ظلٍّ يرسمه النخيل عند الظهيرة."}

{/* Variant */}
{lang === "en" ? "Colourway" : "اللون"} · {lang === "en" ? variants[variant] : variantsAr[variant]}
{variants.map((v, i) => ( ))}
{/* Specs grid */}
{[ { k: "Dimensions", v: "92 × 64 cm", ar: "المقاس" }, { k: "Fibre", v: "Egyptian cotton · palm", ar: "الخامة" }, { k: "Made over", v: "11 days", ar: "مدة الصنع" }, { k: "Weight", v: "680 g", ar: "الوزن" }, { k: "Care", v: "Shake, do not wash", ar: "العناية" }, { k: "Edition", v: "1 of 6", ar: "الإصدار" }, ].map((s, i) => (
{lang === "en" ? s.k : s.ar}
{s.v}
))}
{/* Price + CTA */}
{lang === "en" ? "Price · EGP" : "السعر · ج.م"}
{piecePrice}
{qty}
{ window.location.hash = pieceSlug.replace(/^#/, ""); }}>{lang === "en" ? "View piece" : "عرض القطعة"} →
{/* Small assurance row */}
◆ {lang === "en" ? "Wax-sealed" : "ختم شمع"}
◆ {lang === "en" ? "Bosta next-day" : "بوسطة · اليوم التالي"}
◆ {lang === "en" ? "14-day returns" : "إرجاع ١٤ يومًا"}
); } // ——— Craft Trail: Egypt map with governorate dots ——— function CraftTrail({ t, lang }) { const [active, setActive] = React.useState(1); const points = [ { x: 44, y: 16, name: "Alexandria", ar: "الإسكندرية", craft: "Candle & Scent", count: 2 }, { x: 50, y: 26, name: "Cairo", ar: "القاهرة", craft: "Macramé · Atelier", count: 4 }, { x: 52, y: 30, name: "Fustat", ar: "الفسطاط", craft: "Ceramics", count: 2 }, { x: 48, y: 44, name: "Minya", ar: "المنيا", craft: "Palm Fibre", count: 1 }, { x: 60, y: 66, name: "Luxor", ar: "الأقصر", craft: "Resin", count: 2 }, { x: 64, y: 80, name: "Aswan", ar: "أسوان", craft: "Alabaster Resin", count: 1 }, ]; return (
{lang === "en" ? "The craft trail" : "درب الحرفة"}

{lang === "en" ? <>From the Delta
to the first cataract. : <>من الدلتا
إلى أوّل الشلّالات.}

{lang === "en" ? "Our twelve makers work across thirteen governorates. Hover a dot to see who is working where — and what their hands are doing this month." : "يعمل صنّاعنا الاثنا عشر في ثلاث عشرة محافظة. مرّر على النقطة لترى من يعمل أين — وماذا تصنع يداه هذا الشهر."}

{lang === "en" ? "Now viewing" : "العرض الآن"}
{points[active].name}
{points[active].ar}
{points[active].craft} · {points[active].count} {lang === "en" ? "maker(s)" : "صانع"}
{/* Stylized Egypt silhouette (simplified, not tracing any copyrighted map) */} {/* Simplified silhouette */} {/* Nile line */} {points.map((p, i) => ( setActive(i)} style={{ cursor: "pointer" }}> {active === i && } {p.name} ))} {/* Compass */} N {/* Title */} EGYPT · 2026 · 13 GOVERNORATES
); } // ——— Gift Guide ——— function GiftGuide({ t, lang }) { const guides = [ { tag: "For the host", ar: "للمضيفة", price: "under 800 EGP", ar_price: "أقل من ٨٠٠", count: 6, tone: "sand" }, { tag: "For a new home", ar: "لبيتٍ جديد", price: "1,200–2,400", ar_price: "١٢٠٠–٢٤٠٠", count: 8, tone: "olive" }, { tag: "For the collector", ar: "للجامع", price: "numbered editions", ar_price: "إصدارات مرقّمة", count: 5, tone: "gold" }, { tag: "For yourself", ar: "لنفسك", price: "small rituals", ar_price: "طقوس صغيرة", count: 12, tone: "terracotta" }, ]; return (
{/* Headline lives in the page header (PageHeader). Keep only the descriptive lead here so the title isn't duplicated as an h2. */}

{lang === "en" ? "Every gift leaves the atelier wax-sealed in a two-tone paper wrap with a handwritten note card, in Arabic or English, from the maker themselves." : "كل هدية تخرج من المحترف مختومةً بشمعٍ في ورق ثنائي اللون مع بطاقةٍ بخطّ اليد — عربي أو إنجليزي — من الصانع نفسه."}

{guides.map((g, i) => (
{lang === "en" ? g.tag : g.ar}
{lang === "en" ? g.price : g.ar_price} · {g.count} {lang === "en" ? "pieces" : "قطع"}
{lang === "en" ? "Open the guide" : "افتح الدليل"} →
))}
); } // ——— Visit the Atelier (hours, map, booking) ——— function Visit({ t, lang }) { return (
{lang === "en" ? "Visit" : "الزيارة"}

{lang === "en" ? <>A small room
above the river. : <>غرفةٌ صغيرة
فوق النهر.}

{lang === "en" ? "Two flights up in an old Zamalek building, our atelier doubles as showroom on Tuesdays and Saturdays. Tea is on the stove. Bring a friend and a slow afternoon." : "طابقان فوق عمارةٍ قديمة في الزمالك، محترفنا يفتح كمعرضٍ يومَي الثلاثاء والسبت. الشاي على النار. احضر مع صديق وبعد ظهرٍ هادئ."}

{[ { k: "Address", v: "14 Abou el-Feda · Zamalek", ar: "العنوان", arV: "١٤ أبو الفداء · الزمالك" }, { k: "Hours", v: "Tue–Sat · 11h–19h", ar: "المواعيد", arV: "الثلاثاء–السبت · ١١–١٩" }, { k: "Nearest metro", v: "Opera · 14 min walk", ar: "أقرب مترو", arV: "الأوبرا · ١٤ د مشيًا" }, { k: "Book a slot", v: "visits@sanaa.eg", ar: "الحجز", arV: "visits@sanaa.eg" }, ].map((s, i) => (
{lang === "en" ? s.k : s.ar}
{lang === "en" ? s.v : s.arV}
))}
); } // ——— Press ——— function Press({ t, lang }) { const logos = [ { name: "VOGUE ARABIA", quote: "A long-overdue home for the Cairene hand." }, { name: "MONOCLE", quote: "Curation with teeth. Refreshingly few pieces." }, { name: "KINFOLK", quote: "Slow commerce done with the right kind of care." }, { name: "CAIRO SCENE", quote: "The most considered local launch of the year." }, { name: "AD MIDDLE EAST", quote: "A whole category just got a standard." }, ]; const logosAr = [ { name: "فوغ العربيّة", quote: "بيتٌ طال انتظاره لليد القاهريّة." }, { name: "مونوكل", quote: "انتقاءٌ له حدّة. وقطعٌ قليلةٌ منعشة." }, { name: "كينفولك", quote: "تجارةٌ بطيئة بنوع العناية الصحيح." }, { name: "كايرو سين", quote: "الإطلاق المحلّي الأكثر تأمّلًا هذا العام." }, { name: "إيه دي الشرق الأوسط", quote: "فئةٌ كاملة حصلت للتوّ على معيار." }, ]; const arr = lang === "en" ? logos : logosAr; return (
{lang === "en" ? "Press · selected" : "صحافة · مختارة"}
{arr.map((p, i) => (
{p.name}

“{p.quote}”

))}
); } // ——— FAQ ——— function FAQ({ t, lang }) { const [open, setOpen] = React.useState(0); const qs = lang === "en" ? [ { q: "Where do you ship, and how fast?", a: "Egypt nationwide via Bosta (next-day in greater Cairo, 2–4 days elsewhere). Regional Arab shipping via Aramex (3–7 days). Worldwide on request." }, { q: "What about returns?", a: "14 days from receipt, excluding custom-made pieces (in line with Egyptian Consumer Protection Agency rules). Return shipping is free if we were at fault, otherwise covered by the customer." }, { q: "Are your candles and ceramics safe?", a: "Wicks are cotton-cored, never metal. Ceramic glazes are tested for lead and cadmium by a Cairo-based independent lab, per FDA guidance. Results are filed with every SKU." }, { q: "Can I commission a piece?", a: "Yes, for macramé, resin and ceramics. Lead times are 4–10 weeks. A 30% deposit holds the slot. We only accept commissions we can genuinely deliver." }, { q: "Do you sell wholesale?", a: "A small, vetted wholesale programme opens quarterly to hotels, boutiques and gift concierges. Minimums apply. Write to wholesale@sanaa.eg." }, { q: "How do you pay the makers?", a: "Makers receive 80–85% of shelf price, paid within seven days of delivery to the customer. The split is published on every product page." }, ] : [ { q: "إلى أين تشحنون، وبأي سرعة؟", a: "إلى كامل مصر عبر بوسطة (اليوم التالي في القاهرة الكبرى، ٢-٤ أيام خارجها). الشحن العربي عبر أرامكس (٣-٧ أيام). العالم عند الطلب." }, { q: "ماذا عن الإرجاع؟", a: "١٤ يومًا من الاستلام، باستثناء القطع المصنوعة حسب الطلب (وفقًا لقواعد جهاز حماية المستهلك). شحن الإرجاع مجاني إذا كان الخطأ منّا." }, { q: "هل شموعكم وفخّاركم آمن؟", a: "فتائل الشموع من القطن، لا معدن. طلاء الفخار يُفحص من الرصاص والكادميوم في مختبرٍ مستقلّ بالقاهرة. النتائج مرفقة مع كل قطعة." }, { q: "هل أستطيع طلب قطعةٍ خاصة؟", a: "نعم، في المكرمية والراتنج والفخار. المدة ٤-١٠ أسابيع. يحجز مبلغ ٣٠٪ الفسحة. لا نقبل إلا ما نستطيع تسليمه فعلًا." }, { q: "هل تبيعون جملةً؟", a: "برنامج جملة صغير ومدروس يفتح كل ربع لفنادق ومحلات ومنسّقي هدايا. بحدٍّ أدنى. اكتب إلى wholesale@sanaa.eg." }, { q: "كيف تدفعون للصنّاع؟", a: "يحصل الصانع على ٨٠-٨٥٪ من سعر العرض، خلال سبعة أيام من التسليم للعميل. النسبة منشورة على صفحة كل منتج." }, ]; return (
{lang === "en" ? "Good questions" : "أسئلة جيدة"}

{lang === "en" ? <>The things you
should ask first. : <>ما ينبغي أن
تسأل عنه أوّلًا.}

{lang === "en" ? "Cannot find your answer? Write to hello@sanaa.eg and a real human replies within the day." : "لم تجد إجابتك؟ اكتب إلى hello@sanaa.eg ويردّ إنسانٌ حقيقي خلال اليوم."}

{qs.map((it, i) => (
setOpen(open === i ? -1 : i)}>

{it.q}

+

{it.a}

))}
); } Object.assign(window, { FeaturedPiece, CraftTrail, GiftGuide, Visit, Press, FAQ });