{"product_id":"dashie-starter-kit","title":"Dashie 3-in-1 Starter Kit","description":"\u003cstyle\u003e\n  .dashie-bundle {\n    position: relative;\n    overflow: hidden;\n    padding: clamp(40px, 7vw, 90px) clamp(16px, 4vw, 46px);\n    border-radius: 30px;\n    font-family: Arial, sans-serif;\n    color: #081225;\n    background:\n      radial-gradient(circle at 88% 12%, rgba(0,102,255,.14), transparent 32%),\n      radial-gradient(circle at 12% 90%, rgba(0,190,255,.10), transparent 30%),\n      linear-gradient(135deg, #ffffff 0%, #f7fbff 45%, #edf7ff 100%);\n    border: 1px solid rgba(0,102,255,.10);\n    box-shadow: 0 30px 80px rgba(8,18,37,.10);\n  }\n\n  .dashie-bundle-wrap {\n    max-width: 1180px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  .dashie-bundle-hero {\n    display: grid;\n    grid-template-columns: 1.05fr .95fr;\n    gap: clamp(30px, 5vw, 70px);\n    align-items: center;\n  }\n\n  .dashie-bundle-badge {\n    display: inline-flex;\n    padding: 10px 18px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.9);\n    border: 1px solid rgba(0,102,255,.16);\n    color: #0066ff;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n    box-shadow: 0 12px 28px rgba(0,102,255,.10);\n  }\n\n  .dashie-bundle-title {\n    margin: 22px 0 14px;\n    font-size: clamp(42px, 7vw, 82px);\n    line-height: .92;\n    letter-spacing: -2px;\n    font-weight: 950;\n    color: #071225;\n  }\n\n  .dashie-bundle-title span {\n    color: #0066ff;\n  }\n\n  .dashie-bundle-subtitle {\n    margin: 0 0 22px;\n    font-size: clamp(22px, 3vw, 36px);\n    line-height: 1.15;\n    font-weight: 900;\n    color: #172033;\n  }\n\n  .dashie-bundle-copy {\n    max-width: 680px;\n    color: #4c5a72;\n    font-size: clamp(15.5px, 1.6vw, 18px);\n    line-height: 1.75;\n    margin: 0;\n  }\n\n  .dashie-bundle-copy strong {\n    color: #0066ff;\n  }\n\n  .dashie-bundle-visual {\n    position: relative;\n    min-height: 340px;\n    border-radius: 30px;\n    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.42));\n    border: 1px solid rgba(0,102,255,.12);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.9),\n      0 28px 70px rgba(8,18,37,.12);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n\n  .dashie-bundle-visual::after {\n    content: \"COMPLETE DRIVER KIT\";\n    position: absolute;\n    bottom: 18px;\n    right: 20px;\n    color: rgba(0,102,255,.78);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n  }\n\n  .dashie-product-stack {\n    position: relative;\n    width: 310px;\n    height: 240px;\n  }\n\n  .dashie-mini-dashcam {\n    position: absolute;\n    right: 10px;\n    bottom: 35px;\n    width: 190px;\n    height: 92px;\n    border-radius: 28px;\n    background:\n      radial-gradient(circle at 78% 50%, #1ba4ff 0 5%, #0066ff 12%, #071225 35%, #000 70%),\n      linear-gradient(145deg, #101820, #05070b);\n    box-shadow:\n      inset 0 2px 10px rgba(255,255,255,.12),\n      0 26px 50px rgba(0,102,255,.22);\n    animation: dashieBundleFloat 5s ease-in-out infinite;\n  }\n\n  .dashie-mini-dashcam::before {\n    content: \"\";\n    position: absolute;\n    left: 34px;\n    top: -58px;\n    width: 82px;\n    height: 58px;\n    border-radius: 16px;\n    background: linear-gradient(145deg, #111827, #05070b);\n    box-shadow: 0 12px 28px rgba(8,18,37,.18);\n  }\n\n  .dashie-mini-dashcam::after {\n    content: \"DASHIE\";\n    position: absolute;\n    left: 28px;\n    bottom: 28px;\n    color: #fff;\n    font-size: 17px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n  }\n\n  .dashie-mini-sd {\n    position: absolute;\n    left: 22px;\n    bottom: 48px;\n    width: 82px;\n    height: 112px;\n    border-radius: 12px;\n    background: linear-gradient(145deg, #111827 0%, #1f2937 45%, #0066ff 100%);\n    box-shadow:\n      inset 0 2px 10px rgba(255,255,255,.16),\n      0 22px 42px rgba(0,102,255,.20);\n    transform: rotate(-8deg);\n    animation: dashieCardPulse 5.5s ease-in-out infinite;\n  }\n\n  .dashie-mini-sd::before {\n    content: \"64GB\";\n    position: absolute;\n    left: 12px;\n    bottom: 18px;\n    color: #fff;\n    font-size: 24px;\n    font-weight: 950;\n  }\n\n  .dashie-mini-sd::after {\n    content: \"\";\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    width: 24px;\n    height: 24px;\n    border-radius: 6px;\n    background: linear-gradient(145deg, #ffc857, #ff9d00);\n  }\n\n  .dashie-mini-cleaner {\n    position: absolute;\n    left: 118px;\n    top: 10px;\n    width: 58px;\n    height: 160px;\n    border-radius: 18px 18px 24px 24px;\n    background:\n      linear-gradient(90deg, rgba(255,255,255,.36), rgba(0,102,255,.16), rgba(7,18,37,.28)),\n      linear-gradient(180deg, rgba(25,105,210,.95), rgba(2,38,88,.98));\n    box-shadow:\n      inset 8px 0 18px rgba(255,255,255,.24),\n      inset -8px 0 18px rgba(0,0,0,.18),\n      0 26px 48px rgba(0,102,255,.18);\n    animation: dashieCleanerFloat 5.8s ease-in-out infinite;\n  }\n\n  .dashie-mini-cleaner::before {\n    content: \"\";\n    position: absolute;\n    top: -48px;\n    left: 9px;\n    width: 40px;\n    height: 52px;\n    border-radius: 14px 14px 8px 8px;\n    background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(220,235,255,.55));\n    border: 1px solid rgba(0,102,255,.10);\n  }\n\n  .dashie-mini-cleaner::after {\n    content: \"W475\";\n    position: absolute;\n    left: 8px;\n    right: 8px;\n    top: 72px;\n    padding: 8px 0;\n    border-radius: 10px;\n    background: linear-gradient(145deg, #071225, #0066ff);\n    color: #fff;\n    font-size: 11px;\n    font-weight: 900;\n    text-align: center;\n  }\n\n  .dashie-bundle-items {\n    margin-top: 40px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n\n  .dashie-bundle-item {\n    background: rgba(255,255,255,.88);\n    border: 1px solid rgba(0,102,255,.10);\n    border-radius: 24px;\n    padding: 26px;\n    box-shadow: 0 16px 38px rgba(8,18,37,.07);\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .dashie-bundle-item:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 26px 58px rgba(0,102,255,.13);\n  }\n\n  .dashie-bundle-icon {\n    width: 54px;\n    height: 54px;\n    border-radius: 18px;\n    background: linear-gradient(135deg, #0066ff, #39adff);\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n    margin-bottom: 16px;\n    box-shadow: 0 14px 30px rgba(0,102,255,.22);\n  }\n\n  .dashie-bundle-item h3 {\n    margin: 0 0 10px;\n    color: #071225;\n    font-size: 20px;\n    font-weight: 950;\n  }\n\n  .dashie-bundle-item p {\n    margin: 0;\n    color: #5d6980;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .dashie-bundle-benefits {\n    margin-top: 34px;\n    background: rgba(255,255,255,.88);\n    border: 1px solid rgba(0,102,255,.12);\n    border-radius: 26px;\n    padding: clamp(22px, 3vw, 34px);\n    box-shadow: 0 18px 48px rgba(8,18,37,.08);\n  }\n\n  .dashie-bundle-benefits h3 {\n    margin: 0 0 18px;\n    font-size: clamp(24px, 3vw, 34px);\n    font-weight: 950;\n    color: #071225;\n  }\n\n  .dashie-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n  }\n\n  .dashie-benefit {\n    border-radius: 18px;\n    background: #f7fbff;\n    border: 1px solid rgba(0,102,255,.10);\n    padding: 18px;\n    color: #4c5a72;\n    font-size: 15px;\n    line-height: 1.5;\n  }\n\n  .dashie-benefit strong {\n    display: block;\n    color: #0066ff;\n    margin-bottom: 6px;\n    font-size: 16px;\n  }\n\n  .dashie-bundle-trust {\n    margin-top: 24px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n  }\n\n  .dashie-bundle-pill {\n    background: #071225;\n    color: #fff;\n    border-radius: 18px;\n    padding: 16px;\n    font-size: 14px;\n    font-weight: 850;\n    text-align: center;\n    box-shadow: 0 14px 34px rgba(8,18,37,.14);\n  }\n\n  .dashie-bundle-pill:nth-child(2) {\n    background: #0066ff;\n  }\n\n  @keyframes dashieBundleFloat {\n    0%,100% { transform: translateY(0) rotate(-1deg); }\n    50% { transform: translateY(-10px) rotate(2deg); }\n  }\n\n  @keyframes dashieCardPulse {\n    0%,100% { transform: rotate(-8deg) scale(1); }\n    50% { transform: rotate(-4deg) scale(1.05); }\n  }\n\n  @keyframes dashieCleanerFloat {\n    0%,100% { transform: translateY(0) rotate(2deg); }\n    50% { transform: translateY(-9px) rotate(-2deg); }\n  }\n\n  @media (max-width: 940px) {\n    .dashie-bundle-hero {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n\n    .dashie-bundle-copy {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .dashie-bundle-items {\n      grid-template-columns: 1fr;\n    }\n\n    .dashie-benefit-grid,\n    .dashie-bundle-trust {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .dashie-bundle-icon {\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .dashie-bundle {\n      padding: 34px 14px;\n      border-radius: 22px;\n    }\n\n    .dashie-bundle-visual {\n      min-height: 300px;\n    }\n\n    .dashie-product-stack {\n      transform: scale(.88);\n    }\n\n    .dashie-benefit-grid,\n    .dashie-bundle-trust {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dashie-mini-dashcam,\n    .dashie-mini-sd,\n    .dashie-mini-cleaner {\n      animation: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"dashie-bundle\"\u003e\n  \u003cdiv class=\"dashie-bundle-wrap\"\u003e\n\n    \u003cdiv class=\"dashie-bundle-hero\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"dashie-bundle-badge\"\u003eComplete DASHIE Driver Bundle 🚗\u003c\/div\u003e\n\n        \u003ch2 class=\"dashie-bundle-title\"\u003e\n          Protect. Record.\u003cbr\u003e\n          \u003cspan\u003eStay Prepared.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003ch3 class=\"dashie-bundle-subtitle\"\u003e\n          Everything You Need for Smarter SA Driving\n        \u003c\/h3\u003e\n\n        \u003cp class=\"dashie-bundle-copy\"\u003e\n          The ultimate starter kit for South African drivers: the \u003cstrong\u003eDASHIE One™\u003c\/strong\u003e for road protection,\n          a \u003cstrong\u003eDIXON microSDXC™ card\u003c\/strong\u003e for reliable footage storage, and \u003cstrong\u003eWynn’s Screen \u0026amp; Dashboard Cleaner\u003c\/strong\u003e\n          to keep your interior and display looking fresh.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dashie-bundle-visual\"\u003e\n        \u003cdiv class=\"dashie-product-stack\"\u003e\n          \u003cdiv class=\"dashie-mini-sd\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"dashie-mini-cleaner\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"dashie-mini-dashcam\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dashie-bundle-items\"\u003e\n      \u003cdiv class=\"dashie-bundle-item\"\u003e\n        \u003cdiv class=\"dashie-bundle-icon\"\u003e🎥\u003c\/div\u003e\n        \u003ch3\u003eDASHIE One™\u003c\/h3\u003e\n        \u003cp\u003eTriple-camera protection with front, rear, and interior coverage for peace of mind on every drive.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dashie-bundle-item\"\u003e\n        \u003cdiv class=\"dashie-bundle-icon\"\u003e💾\u003c\/div\u003e\n        \u003ch3\u003eDIXON microSDXC™\u003c\/h3\u003e\n        \u003cp\u003eReliable storage for loop recording, daily driving, and keeping important footage ready when needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dashie-bundle-item\"\u003e\n        \u003cdiv class=\"dashie-bundle-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eWynn’s Cleaner\u003c\/h3\u003e\n        \u003cp\u003e100ml screen and dashboard cleaner to remove fingerprints, dust, smudges, and everyday grime.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dashie-bundle-benefits\"\u003e\n      \u003ch3\u003eWhy Choose the Bundle?\u003c\/h3\u003e\n\n      \u003cdiv class=\"dashie-benefit-grid\"\u003e\n        \u003cdiv class=\"dashie-benefit\"\u003e\n          \u003cstrong\u003e🛡️ Protection\u003c\/strong\u003e\n          Capture what happens when it matters most.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dashie-benefit\"\u003e\n          \u003cstrong\u003e💾 Storage\u003c\/strong\u003e\n          Ready for smooth loop recording.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dashie-benefit\"\u003e\n          \u003cstrong\u003e✨ Clean Interior\u003c\/strong\u003e\n          Keep your screen and dashboard fresh.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dashie-benefit\"\u003e\n          \u003cstrong\u003e🇿🇦 SA Ready\u003c\/strong\u003e\n          Built for everyday South African roads.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dashie-bundle-trust\"\u003e\n      \u003cdiv class=\"dashie-bundle-pill\"\u003e🚚 Fast Nationwide Delivery\u003c\/div\u003e\n      \u003cdiv class=\"dashie-bundle-pill\"\u003e🛡️ Driver Protection Kit\u003c\/div\u003e\n      \u003cdiv class=\"dashie-bundle-pill\"\u003e💬 Local Support\u003c\/div\u003e\n      \u003cdiv class=\"dashie-bundle-pill\"\u003e🇿🇦 Built for SA Drivers\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Dashie","offers":[{"title":"Default Title","offer_id":45208737185815,"sku":null,"price":899.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0798\/0233\/5255\/files\/ChatGPT_Image_Jun_11_2026_01_48_58_AM.png?v=1781135349","url":"https:\/\/dashie.co.za\/products\/dashie-starter-kit","provider":"Dashie","version":"1.0","type":"link"}