/* ============================================================ HOME PAGE — Fadar Kamshi / Incense Palace ============================================================ */ /* ── Video panel cycling hook ─────────────────────────────── */ function useVideoCycle(count, intervalMs) { const [active, setActive] = React.useState(0); const [pulsing, setPulsing] = React.useState(-1); const timer = React.useRef(null); const goTo = React.useCallback((idx) => { setActive((prev) => {if (prev === idx) return prev;setPulsing(idx);setTimeout(() => setPulsing(-1), 700);return idx;}); }, []); const start = React.useCallback(() => { timer.current = setInterval(() => setActive((prev) => {const next = (prev + 1) % count;setPulsing(next);setTimeout(() => setPulsing(-1), 700);return next;}), intervalMs); }, [count, intervalMs]); const stop = React.useCallback(() => clearInterval(timer.current), []); React.useEffect(() => {start();return stop;}, [start, stop]); return { active, pulsing, goTo, start, stop }; } function HomeHero() { const { nav } = useStore(); /* One poster + one video per panel — nothing reused */ const panels = IMG.hero.panels; const { active, pulsing, goTo, start, stop } = useVideoCycle(panels.length, 4500); /* Try to play all videos (needed on iOS) */ const refs = React.useRef([]); React.useEffect(() => { refs.current.forEach((v) => v && v.play().catch(() => {})); const resume = () => refs.current.forEach((v) => v && v.play().catch(() => {})); document.addEventListener('pointerdown', resume, { once: true }); return () => document.removeEventListener('pointerdown', resume); }, []); return (
{/* ── 4-panel grid ─────────────────────────────── */}
{panels.map((p, i) =>
{stop();goTo(i);start();}} style={{ position: 'relative', overflow: 'hidden', cursor: 'pointer', gridColumn: i + 1, gridRow: '1' }}> {/* Still image — paints instantly, sits behind the video */} {p.label} {/* Video element */} {/* Scrim — dims inactive panels */}
{/* Pulse flash on activation */} {pulsing === i &&
}
)}
{/* ── Gradient overlays for text legibility ───── */}
{/* ── Content ──────────────────────────────────── */}
{/* Headline */}

Fragrance that
lingers.

{/* CTAs */}
{/* ── Scroll indicator ─────────────────────────── */}
Scroll
{/* ── Keyframes (injected once) ─────────────────── */}
); } function TrustStrip() { const items = [ [I.truck, 'Nationwide delivery', 'Lagos · Abuja · Kano · and beyond'], [I.shield, 'Secure NGN & USD checkout', 'Multiple payment options'], [I.gift, 'Blended in-house', 'Our own turaren wuta recipes']]; return (
{items.map(([Icon, t, s], i) =>
{Icon({ width: 22, height: 22 })}
{t}
{s}
)}
); } function FeaturedCategories() { const { nav } = useStore(); const [showCustomModal, setShowCustomModal] = React.useState(false); return (
{showCustomModal &&
{if (e.target === e.currentTarget) setShowCustomModal(false);}} role="dialog" aria-modal="true" style={{ position: 'fixed', inset: 0, zIndex: 9999, background: 'rgba(0,0,0,.72)', backdropFilter: 'blur(7px)', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 20, animation: 'bbFadeIn .4s forwards' }}>

Wholesale & bulk

Buying by the carton?

{['Wholesale rates on incense, oils and charcoal by the carton.', 'Custom labelling and gift packaging for events and resale.', 'Send us your list and we quote the same day.'].map((t, i) =>
✦

{t}

)}

“The scent should still be in the room long after you have left it.”

}

Shop by collection

Blended, bottled, burned

{BB.categories.slice(0, 4).map((c, i) => nav('shop', { cat: c.id })} style={{ cursor: 'pointer' }}>

{c.name}

Shop now
)}
); } function Bestsellers() { const { nav } = useStore(); const [tab, setTab] = useState('best'); const list = BB.products.filter((p) => tab === 'best' ? p.tags.includes('best') : p.tags.includes('new')).slice(0, 4); return (

Customers keep coming back

{list.map((p, i) => )}
); } function InspirationGallery() { const { nav } = useStore(); const labels = ['White Humra oils', 'Majesty & Shuwa Secret', 'Chadian Humra range', 'Wardrobe balls', 'Palace Mixture & VIP Mix', 'Jars, fresh filled']; const photos = IMG.shelf.map((src, i) => ({ src, label: labels[i] })); return (

Straight off the shelf

What is in the store

Every photo here is our own stock, shot in our own stores in Surulere, Wuye and Kano — no stand-ins.

{photos.map((p, i) => nav('shop')}>
e.currentTarget.style.opacity = '1'} onMouseLeave={(e) => e.currentTarget.style.opacity = '0'}> {p.label}
)}
); } function EditorialSplit() { const { nav } = useStore(); return (

"The scent should still be in the room long after you have left it."

— FADAR KAMSHI

Fadar Kamshi

Three stores, one house scent

Fadar Kamshi — the House of Fragrance — trades as Incense Palace across Surulere in Lagos, Wuye in Abuja and Kano. Turaren wuta, original incense, designer oil perfumes, burners and home fragrance, all under one roof.

The blends are our own. Valley Mix for every day, Exclusive for guests, Clothes Signature for what you wear — milled and mixed in-house rather than bought in and relabelled, which is why the scent behaves the same jar after jar.

    {['Our own blends — milled and mixed in-house, not resold', 'Alcohol-free oil perfumes — concentrated, long-wearing', 'Walk in or order — three stores plus nationwide delivery'].map((t) =>
  • {t}
    • )}
); } function Testimonials() { const [i, setI] = useState(0); const t = BB.testimonials; useEffect(() => {const id = setInterval(() => setI((p) => (p + 1) % t.length), 5500);return () => clearInterval(id);}, []); return (

What customers say

{t.map((item, idx) =>

"{item.quote}"

{item.name}
{item.role}
)}
{t.map((_, idx) =>
); } function InstagramSection() { const { nav } = useStore(); return (

@incensepalaceandperfumes

New blends, as they land

Restocks, new mixes and what is on the shelf this week — posted first on Instagram. Message us there and we will hold your order.

Follow on Instagram Message us
{IMG.social.slice(0, 6).map((src, i) =>
)}
); } function HomePage() { return ( <> ); } Object.assign(window, { HomePage });