const { useState, useMemo, useEffect, useRef } = React; /* ── PWA Install Banner (same pattern as Bajrangi Travels) ── */ function PWAInstallBanner() { const [deferredPrompt, setDeferredPrompt] = useState(null); const [show, setShow] = useState(false); const [isIOS, setIsIOS] = useState(false); const [isAndroid, setIsAndroid] = useState(false); const promptReceived = useRef(false); useEffect(() => { // Inject slide-up keyframe once if (!document.getElementById('pwa-banner-style')) { const s = document.createElement('style'); s.id = 'pwa-banner-style'; s.textContent = `@keyframes pwaBannerUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-sheet{animation:pwaBannerUp .35s cubic-bezier(.22,1,.36,1) both}`; document.head.appendChild(s); } const lastDismissed = localStorage.getItem('pwa-banner-dismissed'); if (lastDismissed && Date.now() - parseInt(lastDismissed) < 7 * 24 * 60 * 60 * 1000) return; if (window.matchMedia('(display-mode: standalone)').matches) return; const ua = navigator.userAgent; const ios = /iphone|ipad|ipod/i.test(ua) && !navigator.standalone; if (ios) { setIsIOS(true); setTimeout(() => setShow(true), 3000); return; } const android = /android/i.test(ua); const chrome = /chrome/i.test(ua) && !/edge|opr\//i.test(ua); if (android && chrome) { setIsAndroid(true); const handler = (e) => { e.preventDefault(); promptReceived.current = true; setDeferredPrompt(e); setTimeout(() => setShow(true), 3000); }; window.addEventListener('beforeinstallprompt', handler); const fallback = setTimeout(() => { if (!promptReceived.current) setShow(true); }, 5000); return () => { window.removeEventListener('beforeinstallprompt', handler); clearTimeout(fallback); }; } }, []); const handleInstall = async () => { if (!deferredPrompt) return; await deferredPrompt.prompt(); const { outcome } = await deferredPrompt.userChoice; if (outcome === 'accepted') setShow(false); setDeferredPrompt(null); }; const handleDismiss = () => { setShow(false); localStorage.setItem('pwa-banner-dismissed', Date.now().toString()); }; if (!show) return null; const BRAND = '#235b74'; const overlay = { position:'fixed',inset:0,zIndex:9999,display:'flex',alignItems:'flex-end',justifyContent:'center',padding:'0 16px 24px' }; const backdrop = { position:'absolute',inset:0,background:'rgba(0,0,0,.52)',backdropFilter:'blur(4px)' }; const sheet = { position:'relative',width:'100%',maxWidth:380,background:'#fff',borderRadius:'24px',boxShadow:'0 24px 64px rgba(0,0,0,.25)',overflow:'hidden' }; const header = { background:BRAND,padding:'24px 24px 20px',textAlign:'center' }; const logo = { width:64,height:64,borderRadius:16,overflow:'hidden',margin:'0 auto 12px',boxShadow:'0 4px 12px rgba(0,0,0,.3)',border:'2px solid rgba(255,255,255,.3)' }; const dismissBtn = { position:'absolute',top:12,right:12,background:'rgba(255,255,255,.18)',border:'none',borderRadius:'50%',width:30,height:30,cursor:'pointer',display:'flex',alignItems:'center',justifyContent:'center',color:'#fff',fontSize:16,lineHeight:1 }; const stepRow = { display:'flex',alignItems:'center',gap:14,marginBottom:16 }; const stepIcon = (bg) => ({ width:40,height:40,borderRadius:12,background:bg,display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0 }); const installBtn = { width:'100%',display:'flex',alignItems:'center',justifyContent:'center',gap:8,padding:'14px',background:BRAND,color:'#fff',border:'none',borderRadius:14,fontSize:15,fontWeight:700,cursor:'pointer',fontFamily:'inherit' }; const SvgX = () => ( ); const SvgShare = () => ( ); const SvgPlus = () => ( ); const SvgDownload = () => ( ); if (isIOS) return (
567 1st Destiny Plast

Add to Home Screen

Get 567 1st Destiny Plast on your phone

Step 1 — Tap the Share button

Tap ⬆ Share at the bottom of Safari

Step 2 — Add to Home Screen

Scroll and tap "Add to Home Screen"

Step 3 — Tap Add

The app icon appears on your Home Screen

Look for the ⬆ Share icon in Safari's toolbar below

↓

); if (isAndroid) return (
567 1st Destiny Plast
{[1,2,3,4,5].map(i => ★)}

Install the App

Faster browsing & offline access

{!deferredPrompt && (

Tap ⋮ in Chrome → Add to Home screen

)}
); return null; } const C = window.CATALOG; const WA = C.contact.whatsapp; const PDF = "catalogue/1st-Destiny-Plast-Catalogue.pdf"; const PAGE = (() => { const p = window.location.pathname.split('/').pop().replace('.html',''); return p === '' || p === 'index' ? 'home' : p; })(); const waLink = (txt) => `https://wa.me/${WA}?text=${encodeURIComponent(txt)}`; const enquireLink = (p) => { const imgUrl = `https://1stdestinyplast567.com/images/products/dp-${p.dp}.jpg`; return waLink(`Hi 567 1st Destiny Plast, I'd like to enquire about *${p.name}* (DP ${p.dp}). Please share price & availability.\n\nProduct image: ${imgUrl}`); }; const generalLink = waLink("Hi 567 1st Destiny Plast, I'd like to enquire about your curtain track & blinds products."); const SWATCH = { Black:"#1b1b1b", Brown:"#5a3d29", Ivory:"#ece3cf", Gold:"#c9a24b", Grey:"#8d8d8d", Silver:"#cfcfcf" }; /* ---------- icons ---------- */ const I = { wa: , search: , dl: , menu: , x: , phone: , mail: , pin: , ig: , shield: , grid: , bolt: , truck: , }; /* ---------- product thumbnail glyphs (simple shapes only) ---------- */ function Glyph({ cat }) { const blinds = ["roller","zebra"]; const tape = ["tape"]; const acc = ["accessories","hospital","universal","ripple"]; let kind = "track"; if (blinds.includes(cat)) kind = "blind"; else if (tape.includes(cat)) kind = "tape"; else if (acc.includes(cat)) kind = "acc"; if (kind === "blind") return (); if (kind === "tape") return (); if (kind === "acc") return (); return (); } function Card({ p, catName }) { const [imgOk, setImgOk] = useState(true); const src = `images/products/dp-${p.dp}.jpg`; return (
DP {p.dp} {imgOk ? ( {p.name} setImgOk(false)} /> ) : ( product photo )}
{catName} {p.name}
{I.wa} Enquire
); } function App() { const [q, setQ] = useState(""); const [active, setActive] = useState(() => { if (PAGE === 'products') { return new URLSearchParams(window.location.search).get('cat') || 'all'; } return 'all'; }); const [drawer, setDrawer] = useState(false); const catName = useMemo(() => Object.fromEntries(C.categories.map(c => [c.id, c.name])), []); const counts = useMemo(() => { const m = {}; C.products.forEach(p => m[p.cat] = (m[p.cat]||0)+1); return m; }, []); const catFirstDp = useMemo(() => { const m = {}; C.products.forEach(p => { if (!m[p.cat]) m[p.cat] = p.dp; }); return m; }, []); const filtered = useMemo(() => { const term = q.trim().toLowerCase(); return C.products.filter(p => { if (active !== "all" && p.cat !== active) return false; if (!term) return true; return p.name.toLowerCase().includes(term) || ("dp " + p.dp).toLowerCase().includes(term) || ("dp" + p.dp).toLowerCase().includes(term) || String(p.dp).toLowerCase().includes(term) || catName[p.cat].toLowerCase().includes(term); }); }, [q, active, catName]); const groups = useMemo(() => { return C.categories .map(c => ({ cat: c, items: filtered.filter(p => p.cat === c.id) })) .filter(g => g.items.length); }, [filtered]); const nav = [ ["Products", "products.html"], ["About", "about.html"], ["Contact", "contact.html"] ]; const isActive = (href) => window.location.pathname.endsWith(href); return ( {/* HEADER */}
567 1st Destiny Plast — Curtain Material & Blinds Accessories
{I.dl} Catalogue {I.wa} WhatsApp
{/* MOBILE DRAWER */}
{nav.map(([t,h]) => setDrawer(false)}>{t})} setDrawer(false)}>{I.dl} Download Catalogue {I.wa} Enquire on WhatsApp
{/* HOME PAGE */} {PAGE === 'home' && (

Curtain Tracks · Blinds · Motorized Systems

Hardware that makes every curtain glide.

India-made curtain track systems, motorized drives, roller & zebra blinds, tapes and fittings — engineered in Mumbai and trusted by interior professionals.

135+Products
22Categories
Made inMumbai, India
Mfg &Wholesale Supply
Silent Track All Colours
Gravity Track
Diamond Track
Alis Track
{/* CATEGORY GRID */}

Shop by Category

What are you looking for?

 )} {/* PRODUCTS PAGE */} {PAGE === 'products' && (

The Catalogue

Browse the full range

{I.search} setQ(e.target.value)} placeholder="Search products, DP code, category…" />
{C.categories.map(c => ( ))}

{filtered.length} {filtered.length===1?"product":"products"} {active!=="all" && ` in ${catName[active]}`} {q && ` matching "${q}"`}

{groups.length === 0 && (
No products foundTry a different search term or category.
)} {groups.map(g => (

{g.cat.name}

{g.cat.colors && (
{g.cat.colors.map(col => ( ))}
)} {g.items.length} items
{g.items.map(p => )}
))}
)} {/* ABOUT PAGE */} {PAGE === 'about' && (

Who we are

Precision curtain hardware, made in Mumbai.

567 1st Destiny Plast manufactures and supplies a complete catalogue of curtain track systems — from everyday silent & M tracks to motorized drives, heavy-duty and bending profiles, roller & zebra blinds, ripple-fold systems, tapes and every fitting in between.

Whether you're an interior designer, contractor, dealer or homeowner, our range covers the full installation in colours to match any space.

{I.grid}
Full systemTracks, runners, brackets, caps & fittings under one roof.
{I.bolt}
Motorized readySmart curtain motors, drives & remotes.
{I.shield}
Built to lastSilent, durable profiles engineered for daily use.
{I.truck}
Wholesale supplyBulk & dealer orders across India.
)} {/* CONTACT PAGE */} {PAGE === 'contact' && (

Get in touch

Enquire & order

Message us on WhatsApp for prices, samples and bulk orders — or reach out the old-fashioned way.

{I.phone}
{I.mail}
{I.ig}
{I.pin}
Address
{C.contact.address}

Ready to order?

Tap below to start a WhatsApp chat with our sales team, or download the complete product catalogue.

)} {/* FOOTER */} {/* FLOATING WHATSAPP */} {I.wa} {/* PWA INSTALL BANNER */} ); } ReactDOM.createRoot(document.getElementById("root")).render();