A trilingual (فارسی / English / پښتو), 3D luxury car showroom website for موتر فروشی نصیب (Nasib Car Store) — Shaheed Mazari Road, District 6, Kabul, Afghanistan · GPS 34.504281, 69.104670 (Google Maps).
| Phone / WhatsApp | +93 77 858 5625 · +93 77 332 0499 |
| radmaneshhassani8@gmail.com · radmanesh.hassani@icloud.com | |
| Hours | Saturday–Thursday, 8:00–18:00 |
- Real-time 3D showroom hero (Three.js, vendored locally): luxury coupe on a gold-lit podium — drag to rotate, auto-rotate, golden dust particles, studio reflections, graceful image fallback when WebGL is unavailable.
- 3 languages: Persian/Dari (default), English, Pashto — instant switching with full RTL/LTR support; choice remembered via localStorage.
- Dual currency: USD ⇄ Afghani toggle (approximate rate, editable).
- 6 pages: Home · Showroom (12 cars, live filters & search) · Car details (specs, features, installment estimator, similar cars) · About · Services · Contact (form that opens WhatsApp + Google Maps embed of the real location).
- Dark & gold luxury design: glassmorphism, scroll reveals, animated counters, 3D tilt cards, brands marquee, fully responsive.
- Security-hardened — see SECURITY.md: strict CSP, no third-party runtime code (fonts & libraries self-hosted), no backend form, pinned JSON-LD hash, prepared hosting headers.
- SEO-ready: JSON-LD
AutoDealerstructured data, sitemap, robots.txt.
cd nasib-car-store
python3 -m http.server 8000
# open http://localhost:8000See PUBLISH.md — GitHub Pages / Netlify / Cloudflare Pages
step-by-step, plus the post-publish checklist (replace radmaneshhassani8-cmd
placeholders, submit the sitemap to Google Search Console).
| What | Where |
|---|---|
| Inventory (cars, prices, specs, descriptions) | js/cars.js |
| All UI texts in 3 languages | js/i18n.js |
| 3D scene (colors, camera, lights) | js/hero3d.js |
| Car images | assets/img/cars/ (update js/cars.js) |
| 3D model | assets/models/ferrari.glb |
| USD→AFN rate | AFN_RATE in js/i18n.js |
| Styles / theme | css/style.css |
| Fonts (self-hosted) | assets/fonts/ + css/fonts.css |
- 3D model: Ferrari GLB from the three.js examples repository (three.js r128, MIT).
- Fonts (self-hosted, OFL): Playfair Display, Manrope, Vazirmatn.
- Car photos: web stock photography; four images AI-generated for visual consistency.