{"product_id":"motion-avenue-outageproof","title":"MotionAvenue™ Outage Proof","description":"\u003cbody\u003e\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eMotionAvenue™ Outage Proof\u003c\/title\u003e\n\n\u003cstyle\u003e\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\nbody{\n  font-family: Arial, sans-serif;\n  background: linear-gradient(135deg,#fff5ee,#fff8f3,#fff1e6);\n  padding:20px;\n  color:#111;\n}\n\n.container{\n  max-width:850px;\n  margin:auto;\n  background:linear-gradient(135deg,#ffffff,#fff8f3);\n  border-radius:28px;\n  overflow:hidden;\n  border:1px solid #ffe1cc;\n  box-shadow:0 15px 40px rgba(255,140,0,0.12);\n}\n\n\/* HERO *\/\n.hero{\n  background: linear-gradient(135deg,#ff5e00 0%,#ff7a00 30%,#ff9a1f 65%,#ffd1a1 100%);\n  padding:50px 25px;\n  text-align:center;\n  color:white;\n  position:relative;\n}\n\n.hero::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:rgba(255,255,255,0.06);\n  backdrop-filter: blur(2px);\n}\n\n.hero-content{\n  position:relative;\n  z-index:2;\n}\n\n.badge{\n  display:inline-block;\n  background:rgba(255,255,255,0.18);\n  border:1px solid rgba(255,255,255,0.25);\n  padding:10px 18px;\n  border-radius:999px;\n  font-size:12px;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  font-weight:bold;\n  margin-bottom:20px;\n}\n\n.hero h1{\n  font-size:42px;\n  line-height:1.15;\n  margin-bottom:18px;\n  font-weight:800;\n}\n\n.hero p{\n  font-size:17px;\n  line-height:1.8;\n  max-width:680px;\n  margin:auto;\n  opacity:0.96;\n}\n\n\/* CONTENT *\/\n.content{\n  padding:35px 24px 45px;\n}\n\n.story-box{\n  background:linear-gradient(135deg,#fff3ea,#fff9f5);\n  border-left:5px solid #ff7a00;\n  border-radius:20px;\n  padding:24px;\n  margin-bottom:35px;\n}\n\n.story-box p{\n  font-size:17px;\n  line-height:1.9;\n  color:#444;\n}\n\n.section-title{\n  font-size:30px;\n  margin-bottom:24px;\n  color:#111;\n  font-weight:800;\n}\n\n\/* FEATURES *\/\n.features{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:18px;\n}\n\n.feature-card{\n  background:linear-gradient(135deg,#ffffff,#fff8f2);\n  border:1px solid #ffe4cf;\n  border-radius:22px;\n  padding:22px;\n  transition:0.3s ease;\n}\n\n.feature-card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 12px 30px rgba(255,140,0,0.12);\n}\n\n.feature-card h3{\n  font-size:19px;\n  margin-bottom:10px;\n}\n\n.feature-card p{\n  font-size:15px;\n  line-height:1.7;\n  color:#555;\n}\n\n\/* PERFECT FOR *\/\n.perfect-for{\n  margin-top:40px;\n  background:linear-gradient(135deg,#fff8f3,#ffffff);\n  border-radius:24px;\n  border:1px solid #ffe4cf;\n  padding:30px;\n}\n\n.tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:15px;\n}\n\n.tag{\n  padding:12px 18px;\n  border-radius:999px;\n  color:white;\n  font-size:14px;\n  font-weight:bold;\n}\n\n.tag:nth-child(1){background:#ff5e00;}\n.tag:nth-child(2){background:#ff7a00;}\n.tag:nth-child(3){background:#ff9a1f;}\n.tag:nth-child(4){background:#ff8533;}\n.tag:nth-child(5){background:#ff6f00;}\n\n\/* CTA *\/\n.cta{\n  margin-top:45px;\n  text-align:center;\n}\n\n.cta h2{\n  font-size:34px;\n  margin-bottom:14px;\n}\n\n.cta p{\n  font-size:17px;\n  line-height:1.8;\n  color:#555;\n  max-width:650px;\n  margin:auto;\n}\n\n.button{\n  display:inline-block;\n  margin-top:28px;\n  background:linear-gradient(135deg,#ff5e00,#ff8c00);\n  color:white;\n  padding:16px 34px;\n  border-radius:999px;\n  text-decoration:none;\n  font-weight:bold;\n  font-size:16px;\n  box-shadow:0 10px 25px rgba(255,120,0,0.25);\n  transition:0.3s ease;\n}\n\n.button:hover{\n  transform:translateY(-3px) scale(1.02);\n}\n\n\/* MOBILE *\/\n@media(max-width:768px){\n\n  body{\n    padding:12px;\n  }\n\n  .hero{\n    padding:42px 20px;\n  }\n\n  .hero h1{\n    font-size:34px;\n  }\n\n  .hero p{\n    font-size:16px;\n  }\n\n  .features{\n    grid-template-columns:1fr;\n  }\n\n  .section-title{\n    font-size:26px;\n  }\n\n  .cta h2{\n    font-size:28px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"container\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"hero\"\u003e\n\n    \u003cdiv class=\"hero-content\"\u003e\n\n      \u003cdiv class=\"badge\"\u003e\n        MotionAvenue™ • Outage Proof Series\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Never Be Left\u003cbr\u003e\n        In The Dark\n      \u003c\/h1\u003e\n\n      \u003cp\u003e\n        A compact solar rechargeable power bank + tactical flashlight built for load shedding, emergencies, camping, travel, and everyday South African living.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- CONTENT --\u003e\n  \u003cdiv class=\"content\"\u003e\n\n    \u003c!-- STORY --\u003e\n    \u003cdiv class=\"story-box\"\u003e\n\n      \u003cp\u003e\n        ⚡ Load shedding hits. Your phone is on \u003cstrong\u003e12%\u003c\/strong\u003e. The room goes dark.\n        The \u003cstrong\u003eMotionAvenue™ Outage Proof\u003c\/strong\u003e was built for exactly this moment.\n        \u003cbr\u003e\u003cbr\u003e\n        This premium 2-in-1 emergency essential combines a \u003cstrong\u003e1200mAh solar rechargeable power bank\u003c\/strong\u003e with a powerful \u003cstrong\u003emulti-mode LED flashlight\u003c\/strong\u003e — giving you reliable light and backup power whenever electricity disappears.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- FEATURES --\u003e\n    \u003ch2 class=\"section-title\"\u003e\n      🔥 Premium Features\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"features\"\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003ch3\u003e⚡ USB Fast Charging\u003c\/h3\u003e\n        \u003cp\u003e\n          Quickly power your smartphone or tablet when every percentage matters most.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003ch3\u003e☀️ Solar Rechargeable\u003c\/h3\u003e\n        \u003cp\u003e\n          Built-in solar charging lets you recharge using sunlight during outages or outdoor adventures.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003ch3\u003e💡 5 Lighting Modes\u003c\/h3\u003e\n        \u003cp\u003e\n          High beam, low beam, ambient glow, strobe, and SOS mode for emergencies and daily use.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003ch3\u003e📱 Universal Compatibility\u003c\/h3\u003e\n        \u003cp\u003e\n          Compatible with all major smartphones, tablets, and USB-powered devices.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003ch3\u003e🎒 Compact \u0026amp; Lightweight\u003c\/h3\u003e\n        \u003cp\u003e\n          Designed to fit effortlessly into your backpack, pocket, handbag, or glove box.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003ch3\u003e🚨 Emergency Ready\u003c\/h3\u003e\n        \u003cp\u003e\n          The built-in SOS function and backup charging capability make it a must-have survival essential.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- PERFECT FOR --\u003e\n    \u003cdiv class=\"perfect-for\"\u003e\n\n      \u003ch2 class=\"section-title\"\u003e\n        🌍 Perfect For\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tags\"\u003e\n\n        \u003cdiv class=\"tag\"\u003eLoad Shedding\u003c\/div\u003e\n        \u003cdiv class=\"tag\"\u003eCamping\u003c\/div\u003e\n        \u003cdiv class=\"tag\"\u003eRoad Trips\u003c\/div\u003e\n        \u003cdiv class=\"tag\"\u003eHiking\u003c\/div\u003e\n        \u003cdiv class=\"tag\"\u003eEmergency Kits\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- CTA --\u003e\n    \u003cdiv class=\"cta\"\u003e\n\n      \u003ch2\u003e\n        Stay Powered. Stay Prepared.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Compact enough to carry everywhere. Powerful enough to matter when it counts most.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#\" class=\"button\"\u003e\n        Get Yours Today ⚡\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\n```\n\u003c\/body\u003e","brand":"MotionAvenue","offers":[{"title":"Default Title","offer_id":63649632584049,"sku":null,"price":638.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1010\/0686\/8849\/files\/motion-avenue-packaging-box-banner.png?v=1779349669","url":"https:\/\/www.motionavenue.co.za\/products\/motion-avenue-outageproof","provider":"MotionAvenue","version":"1.0","type":"link"}