// Home page — vibrant, compact, gets to products fast. // Flow: Hero (full-bleed image + welcome) → Category strip (above fold) → // Featured products → Lookbook → Story → Testimonials → Instagram const { useI18n, fmtPrice, fmtNum } = window.RBI18n; const { Reveal, useParallax, useCountUp, Marquee } = window.RBAnim; const { ProductImg, CategoryImg, HeroImg, Swatch } = window.RBImg; const { IconArrowR, IconArrowL, IconStar, IconHeart, IconBag, IconSparkle, IconTruck, IconReturn, IconShield, IconGift, IconInsta, IconChevR, IconChevL } = window.RBIcons; /* ====================================================================== */ /* Product card */ /* ====================================================================== */ const BADGE_KEY = { new:'new_badge', sale:'sale_badge', limited:'limited', exclusive:'exclusive', best:'best' }; const ProductCard = ({ p }) => { const { lang, t } = useI18n(); const name = p[lang]; const badge = p.badge ? t(`shop.${BADGE_KEY[p.badge] || p.badge}`) : null; return ( { e.preventDefault(); window.RBNav.go('product', { id: p.id }); }} className="pcard group block">
{badge && ( {badge} )} {p.old && p.badge !== 'sale' && ( −{Math.round((1 - p.price / p.old) * 100)}٪ )}
{/* Wishlist — always visible (mobile + desktop) */} {/* Quick add — visible on mobile, hover-slide on desktop */}

{name}

{fmtPrice(p.price, lang)} {p.old && {fmtPrice(p.old, lang)}}
+{fmtNum(2, lang)}
); }; /* ====================================================================== */ /* HERO — full-bleed welcome */ /* ====================================================================== */ const Hero = () => { const { t, lang } = useI18n(); const [idx, setIdx] = React.useState(0); const imgs = window.RB.HERO_IMGS; // auto-advance React.useEffect(() => { const id = setInterval(() => setIdx(i => (i + 1) % imgs.length), 6500); return () => clearInterval(id); }, [imgs.length]); return (
{/* image carousel */} {imgs.map((src, i) => (
))} {/* dark overlay */}
{/* content */}

{t('hero.eyebrow')}

{lang === 'ar' ? 'أهلاً بكِ' : 'Welcome'}

{t('hero.h1_a')} {t('hero.h1_em')}

{t('hero.sub')}
{/* indicators */}
{imgs.map((_, i) => ( ))}
{/* arrows */}
); }; /* ====================================================================== */ /* CATEGORY STRIP — circle thumbs, visible right after hero */ /* ====================================================================== */ const CategoryStrip = () => { const { t, lang } = useI18n(); return (

{t('sec.cats_eye').replace(/—/g,'').trim()}

{t('sec.cats_h')}
{window.RB.CATEGORIES.map((c, i) => ( { e.preventDefault(); window.RBNav.go('shop', { cat: c.id }); }} className="group block text-center">
{c[lang]} ))}
); }; /* ====================================================================== */ /* USP strip — slim */ /* ====================================================================== */ const USPs = () => { const { lang } = useI18n(); const items = [ { i:IconTruck, ar:['شحن سريع','مجاني فوق ٢٥٠ ₪'], en:['Fast shipping','Free over 250 ₪'] }, { i:IconReturn, ar:['استبدال مجاني','خلال ١٤ يوم'], en:['Free returns','Within 14 days'] }, { i:IconShield, ar:['الدفع عند الاستلام','آمن ومضمون'], en:['Cash on delivery','Safe & secure'] }, { i:IconGift, ar:['تغليف هدية','مجاناً مع كل طلب'], en:['Gift wrap','Free with every order'] } ]; return (
{items.map((f, i) => (

{lang==='ar'?f.ar[0]:f.en[0]}

{lang==='ar'?f.ar[1]:f.en[1]}

 ))}
); }; /* ====================================================================== */ /* FEATURED — products grid + tabs */ /* ====================================================================== */ const Featured = () => { const { t } = useI18n(); const [tab, setTab] = React.useState('all'); const tabs = [ { id:'all', l: t('sec.feat_all') }, { id:'new', l: t('sec.feat_new') }, { id:'best', l: t('sec.feat_best') }, { id:'sale', l: t('sec.feat_sale') } ]; let list = window.RB.PRODUCTS; if (tab === 'new') list = list.filter(p => p.badge === 'new'); if (tab === 'best') list = list.filter(p => p.badge === 'best' || p.badge === 'exclusive'); if (tab === 'sale') list = list.filter(p => p.badge === 'sale' || p.old); list = list.slice(0, 8); return (

{t('sec.feat_eye').replace(/—/g,'').trim()}

{t('sec.feat_h')}

 {tabs.map(tt => ( ))}
{list.map((p, i) => ( ))}
); }; /* ====================================================================== */ /* EDITORIAL CATEGORY GRID — full visual mosaic */ /* ====================================================================== */ const CategoryMosaic = () => { const { t, lang } = useI18n(); const cats = window.RB.CATEGORIES; return (

{lang==='ar'?'استكشفي المجموعات':'Explore collections'}

{lang==='ar'?'لكل إطلالة قطعتها':'A piece for every moment'}

 {/* Row 1: big + 2 */}
{/* Row 2: 5 columns */}
{cats.slice(5).map((c, i) => ( ))}
); }; const CategoryCard = ({ c, className = '', big = false, delay = 0 }) => { const { lang } = useI18n(); return ( { e.preventDefault(); window.RBNav.go('shop', { cat: c.id }); }} className={`relative block ar-portrait ${big ? 'md:h-full md:aspect-auto' : ''} overflow-hidden`}>

{c.tag} · {c.count}

{c[lang]}

{lang === 'ar' ? 'تسوّقي →' : 'Shop →'}
); }; /* ====================================================================== */ /* OUR STORY — narrative section */ /* ====================================================================== */ const OurStory = () => { const { t, lang } = useI18n(); const chapters = lang === 'ar' ? [ { eye: 'الفصل الأول', h: 'البداية', p: 'وُلد RARE من شغفنا بالأناقة الخالدة. بدأنا بفكرة بسيطة: أن نختار لكِ قطعاً نادرة لا تجدينها في كل مكان — قطع تحمل قصة، وحياكة دقيقة، وخامة تستحق.' }, { eye: 'الفصل الثاني', h: 'الاختيار', p: 'نسافر بين أسواق إسطنبول ودبي والقاهرة لنختار بأنفسنا. لا نعتمد على الصور وحدها — نلمس الخامة، نفحص التفاصيل، ونعود فقط بما يستحق أن يحمل اسم RARE.' }, { eye: 'الفصل الثالث', h: 'إليكِ', p: 'كل طلب يصلكِ هو نتيجة هذا الاهتمام — مغلّفاً بأناقة، جاهزاً ليكون جزءاً من إطلالتكِ المميزة. لأن كل امرأة تستحق أن تشعر بأنها استثنائية.' } ] : [ { eye: 'Chapter One', h: 'The Beginning', p: 'RARE was born from a passion for timeless elegance. We started with a simple idea: to curate rare pieces you won\'t find everywhere — pieces with a story, fine tailoring, and fabric worthy of you.' }, { eye: 'Chapter Two', h: 'The Curation', p: 'We travel between the markets of Istanbul, Dubai, and Cairo to choose ourselves. We don\'t rely on photos alone — we feel the fabric, examine the details, and only return with what deserves to carry the RARE name.' }, { eye: 'Chapter Three', h: 'For You', p: 'Every order is the result of this care — wrapped elegantly, ready to become part of your signature look. Because every woman deserves to feel exceptional.' } ]; const heroImg = window.RB.HERO_IMGS[0]; return (

{t('sec.look_eye').replace(/—/g,'').trim()}

{t('sec.look_h')}

{t('sec.look_sub')}
{/* Big image */}

Rare

boutique

{/* Chapters */}
{chapters.map((c, i) => (

{c.eye}

{c.h}

{c.p}

))}
); }; /* ====================================================================== */ /* BRAND STORY */ /* ====================================================================== */ const Counter = ({ end }) => { const { lang } = useI18n(); const [ref, v] = useCountUp(end); return {fmtNum(v, lang)}; }; const BrandStory = () => { const { t, lang } = useI18n(); return (
{/* decorative script */}

{t('sec.story_eye').replace(/—/g,'').trim()}

{lang === 'ar' ? <>قصة شغف بالتفاصيل : <>A passion for detail}

{t('sec.story_p')}

+

{t('sec.story_b1')}

+

{t('sec.story_b2')}

{lang==='ar'?'٤٫٩':'4.9'}/{lang==='ar'?'٥':'5'}

{t('sec.story_b3')}
); }; /* ====================================================================== */ /* TESTIMONIALS */ /* ====================================================================== */ const Testimonials = () => { const { t, lang } = useI18n(); const items = lang === 'ar' ? [ { name:'سارة م.', city:'رام الله', text:'أحببت كل تفاصيل الفستان — الخامة فوق التوقعات، والتغليف كان كأنه هدية ثمينة.' }, { name:'ليلى ع.', city:'القدس', text:'تجربة شراء سلسة، وخدمة العملاء استثنائية. أصبح RARE وجهتي الأولى للمناسبات.' }, { name:'دانا ك.', city:'حيفا', text:'القطع نادرة فعلاً — ما رح تشوفيها على كل واحدة. هاد اللي بميّز المتجر.' } ] : [ { name:'Sarah M.', city:'Ramallah', text:'I loved every detail of the dress — the fabric exceeded expectations, and the packaging felt like a treasured gift.' }, { name:'Layla A.', city:'Jerusalem', text:'A seamless shopping experience and exceptional customer care. RARE became my first stop for any occasion.' }, { name:'Dana K.', city:'Haifa', text:'The pieces are truly rare — you won\'t see them on everyone. That\'s what sets this boutique apart.' } ]; return (

{t('sec.test_eye').replace(/—/g,'').trim()}

{t('sec.test_h')}
{items.map((tt, i) => (
{[1,2,3,4,5].map(s => )}

"{tt.text}"

{tt.name} {tt.city}
))}
); }; /* ====================================================================== */ /* INSTAGRAM STRIP */ /* ====================================================================== */ const InstaStrip = () => { const { t } = useI18n(); return (

{t('sec.insta_eye').replace(/—/g,'').trim()}

{t('sec.insta_h')}
{window.RB.PRODUCTS.slice(0, 6).map((p, i) => (
))}
); }; /* ====================================================================== */ /* PAGE */ /* ====================================================================== */ const HomePage = () => (
); window.RBHome = { HomePage, ProductCard };