{"product_id":"dashgear™-luxe-leather-gap-filler","title":"DashGear™ Luxe Leather Gap Filler","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDashGear Luxe Gap Filler\u003c\/title\u003e\n\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700\u0026display=swap');\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Poppins', sans-serif;\n  background: linear-gradient(135deg, #f7f8fc, #eef3f8);\n  color: #1e1e1e;\n  overflow-x: hidden;\n}\n\n\/* NAV *\/\nnav {\n  position: fixed;\n  top: 0;\n  width: 100%;\n  padding: 15px 40px;\n  backdrop-filter: blur(10px);\n  background: rgba(255,255,255,0.6);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 1000;\n}\n\nnav h2 {\n  font-size: 18px;\n  color: #2b6cb0;\n}\n\nnav a {\n  text-decoration: none;\n  padding: 10px 18px;\n  background: #4a90e2;\n  color: white;\n  border-radius: 10px;\n  font-size: 13px;\n}\n\n\/* HERO *\/\n.hero {\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 120px 20px 60px;\n  position: relative;\n  overflow: hidden;\n}\n\n.glow {\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  background: radial-gradient(circle, rgba(120,180,255,0.25), transparent 70%);\n  filter: blur(60px);\n  animation: float 10s ease-in-out infinite;\n}\n\n.glow.two {\n  background: radial-gradient(circle, rgba(255,200,150,0.25), transparent 70%);\n  top: 20%;\n  left: 60%;\n}\n\n.glow.one {\n  top: 10%;\n  left: 10%;\n}\n\n@keyframes float {\n  0%,100% { transform: translateY(0); }\n  50% { transform: translateY(-40px); }\n}\n\n.hero h1 {\n  font-size: 48px;\n  margin-bottom: 15px;\n  background: linear-gradient(90deg, #1a1a1a, #4a90e2);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: fadeUp 1s ease;\n}\n\n.hero p {\n  max-width: 650px;\n  margin: auto;\n  color: #555;\n  font-size: 16px;\n  animation: fadeUp 1.2s ease;\n}\n\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* BUTTON *\/\n.btn {\n  margin-top: 25px;\n  display: inline-block;\n  padding: 14px 28px;\n  background: linear-gradient(90deg, #4a90e2, #6fb1fc);\n  color: white;\n  border-radius: 12px;\n  text-decoration: none;\n  font-weight: 600;\n  box-shadow: 0 10px 25px rgba(74,144,226,0.3);\n  transition: 0.3s;\n}\n\n.btn:hover {\n  transform: scale(1.05);\n}\n\n\/* SECTION *\/\nsection {\n  padding: 80px 20px;\n  max-width: 1100px;\n  margin: auto;\n}\n\nh2.section-title {\n  text-align: center;\n  font-size: 32px;\n  margin-bottom: 40px;\n}\n\n\/* GRID *\/\n.grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 20px;\n}\n\n.card {\n  background: rgba(255,255,255,0.8);\n  border-radius: 18px;\n  padding: 25px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n  transition: 0.3s;\n}\n\n.card:hover {\n  transform: translateY(-8px);\n}\n\n\/* PROBLEM SECTION *\/\n.problem {\n  background: #ffffffaa;\n  backdrop-filter: blur(10px);\n  border-radius: 25px;\n  padding: 40px;\n  text-align: center;\n}\n\n\/* BEFORE AFTER *\/\n.before-after {\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.box {\n  flex: 1;\n  min-width: 250px;\n  padding: 25px;\n  border-radius: 18px;\n}\n\n.before {\n  background: #ffe5e5;\n}\n\n.after {\n  background: #e6f7ee;\n}\n\n\/* TESTIMONIAL *\/\n.testimonial {\n  background: white;\n  border-radius: 20px;\n  padding: 25px;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n}\n\n\/* FOOTER *\/\nfooter {\n  text-align: center;\n  padding: 40px;\n  color: #777;\n  font-size: 13px;\n}\n\u003c\/style\u003e\n\n\n\n\n\u003cnav\u003e\n  \u003ch2\u003eDashGear™\u003c\/h2\u003e\n  \u003ca href=\"#buy\"\u003eBuy Now\u003c\/a\u003e\n\u003c\/nav\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n  \u003cdiv class=\"glow one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"glow two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv\u003e\n    \u003ch1\u003eLuxury Driving Starts Here\u003c\/h1\u003e\n    \u003cp\u003e\n      Stop losing your essentials between your seats. Upgrade your interior with a sleek, premium solution designed for comfort, cleanliness, and control.\n    \u003c\/p\u003e\n    \u003ca class=\"btn\" href=\"#buy\"\u003eGet Yours Today ✨\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- PROBLEM --\u003e\n\u003csection\u003e\n  \u003ch2 class=\"section-title\"\u003eThe Problem Every Driver Knows\u003c\/h2\u003e\n  \u003cdiv class=\"problem\"\u003e\n    That annoying gap between your seat and console silently steals your phone, keys, coins, and sanity.\n    One drop = distraction, stress, and danger while driving.\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BEFORE AFTER --\u003e\n\u003csection\u003e\n  \u003ch2 class=\"section-title\"\u003eBefore vs After\u003c\/h2\u003e\n  \u003cdiv class=\"before-after\"\u003e\n    \u003cdiv class=\"box before\"\u003e\n      ❌ Phone slipping into seat gap\u003cbr\u003e\n      ❌ Coins \u0026amp; keys lost\u003cbr\u003e\n      ❌ Distracted driving\u003cbr\u003e\n      ❌ Messy interior\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"box after\"\u003e\n      ✅ Fully sealed gap\u003cbr\u003e\n      ✅ Clean organized interior\u003cbr\u003e\n      ✅ Safer driving experience\u003cbr\u003e\n      ✅ Premium luxury feel\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FEATURES --\u003e\n\u003csection\u003e\n  \u003ch2 class=\"section-title\"\u003ePremium Features\u003c\/h2\u003e\n  \u003cdiv class=\"grid\"\u003e\n    \u003cdiv class=\"card\"\u003e🛡️ Fully blocks seat gap\u003c\/div\u003e\n    \u003cdiv class=\"card\"\u003e🪶 Soft faux leather finish\u003c\/div\u003e\n    \u003cdiv class=\"card\"\u003e⚡ Installs in seconds\u003c\/div\u003e\n    \u003cdiv class=\"card\"\u003e🚗 Universal fit\u003c\/div\u003e\n    \u003cdiv class=\"card\"\u003e💧 Easy wipe clean\u003c\/div\u003e\n    \u003cdiv class=\"card\"\u003e🎁 Driver + passenger set\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- TESTIMONIAL --\u003e\n\u003csection\u003e\n  \u003ch2 class=\"section-title\"\u003eWhat Drivers Say\u003c\/h2\u003e\n  \u003cdiv class=\"grid\"\u003e\n    \u003cdiv class=\"testimonial\"\u003e“Didn’t realize how annoying the gap was until this fixed it. Game changer.”\u003c\/div\u003e\n    \u003cdiv class=\"testimonial\"\u003e“Car feels cleaner and more premium instantly.”\u003c\/div\u003e\n    \u003cdiv class=\"testimonial\"\u003e“Simple but honestly one of the best upgrades I’ve bought.”\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA --\u003e\n\u003csection id=\"buy\" style=\"text-align:center;\"\u003e\n  \u003ch2 class=\"section-title\"\u003eUpgrade Your Drive Today\u003c\/h2\u003e\n  \u003cp style=\"color:#555; margin-bottom:20px;\"\u003e\n    Small upgrade. Big difference. Cleaner car. Better drive.\n  \u003c\/p\u003e\n  \u003ca class=\"btn\" href=\"#\"\u003eBuy DashGear™ Now\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\n  © 2026 DashGear™. All rights reserved.\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"My Store","offers":[{"title":"Black","offer_id":51400119648571,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true},{"title":"Brown","offer_id":51400119681339,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true},{"title":"Beige","offer_id":51400119714107,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0962\/6710\/8667\/files\/dashgear-gap-filler-black-fixed.png?v=1782383399","url":"https:\/\/dashgear.co.za\/products\/dashgear%e2%84%a2-luxe-leather-gap-filler","provider":"My Store","version":"1.0","type":"link"}