{"product_id":"smilesupply-whitening-strips","title":"SmileSupply whitening strips","description":"\u003csection id=\"smilesupply-whitening\" class=\"ss-whitening-section\"\u003e\n\u003cdiv class=\"ss-bg-orb ss-orb-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-bg-orb ss-orb-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-bg-orb ss-orb-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-container\"\u003e\n\u003cdiv class=\"ss-grid\"\u003e\n\u003cdiv class=\"ss-left\"\u003e\n\u003cdiv class=\"ss-badge\"\u003e✨ SmileSupply Premium Whitening\u003c\/div\u003e\n\u003ch2 class=\"ss-title\"\u003eReveal a \u003cspan\u003ebrighter, whiter smile\u003c\/span\u003e in just one use\u003c\/h2\u003e\n\u003cp class=\"ss-text\"\u003e\u003cstrong\u003eSmileSupply Whitening Strips\u003c\/strong\u003e use advanced color-correcting technology to instantly neutralize yellow tones and lift stains for a visibly whiter smile.\u003c\/p\u003e\n\u003cp class=\"ss-text\"\u003eDesigned for fast results and enamel safety, each strip delivers a comfortable 30-minute treatment with professional-grade performance—no sensitivity, no hassle.\u003c\/p\u003e\n\u003cdiv class=\"ss-features\"\u003e\n\u003cdiv data-tilt=\"\" class=\"ss-feature\"\u003e\n\u003cspan class=\"ss-icon\"\u003e💜\u003c\/span\u003e \u003cspan\u003eWhitens after one use\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv data-tilt=\"\" class=\"ss-feature\"\u003e\n\u003cspan class=\"ss-icon\"\u003e⚡\u003c\/span\u003e \u003cspan\u003eFast 30-minute application\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv data-tilt=\"\" class=\"ss-feature\"\u003e\n\u003cspan class=\"ss-icon\"\u003e🦷\u003c\/span\u003e \u003cspan\u003eEnamel-safe formula\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv data-tilt=\"\" class=\"ss-feature\"\u003e\n\u003cspan class=\"ss-icon\"\u003e✨\u003c\/span\u003e \u003cspan\u003eInstant glow effect\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-bottom-text\"\u003eUpgrade your smile routine with effortless, salon-quality whitening at home.\u003c\/div\u003e\n\u003cdiv class=\"ss-buttons\"\u003e\n\u003ca class=\"ss-btn ss-btn-primary\" href=\"\/cart\"\u003eShop Now\u003c\/a\u003e \u003ca class=\"ss-btn ss-btn-secondary\" href=\"#ss-how-it-works\"\u003eHow It Works\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-right\"\u003e\n\u003cdiv id=\"ssProductCard\" class=\"ss-product-card\"\u003e\n\u003cdiv class=\"ss-glow-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-product-box\"\u003e\n\u003cdiv class=\"ss-box-top\"\u003eTEETH WHITENING\u003c\/div\u003e\n\u003cdiv class=\"ss-box-title\"\u003eSmileSupply\u003cbr\u003eWhitening Strips\u003c\/div\u003e\n\u003cdiv class=\"ss-box-burst\"\u003e30 MIN\u003c\/div\u003e\n\u003cdiv class=\"ss-box-side\"\u003eSmile\u003c\/div\u003e\n\u003cdiv class=\"ss-box-footer\"\u003eWhitens After One Use\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-strip ss-strip-top\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-strip ss-strip-bottom\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-shine\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"ss-how-it-works\" class=\"ss-how-it-works\"\u003e\n\u003cdiv class=\"ss-step\"\u003e\n\u003cdiv class=\"ss-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eApply\u003c\/h3\u003e\n\u003cp\u003ePlace the strips comfortably onto your teeth for a secure fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-step\"\u003e\n\u003cdiv class=\"ss-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eWait 30 Minutes\u003c\/h3\u003e\n\u003cp\u003eLet the formula work to brighten and neutralize visible yellow tones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-step\"\u003e\n\u003cdiv class=\"ss-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eReveal Your Smile\u003c\/h3\u003e\n\u003cp\u003eRemove the strips and enjoy a cleaner, brighter-looking smile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .ss-whitening-section{\n    position:relative;\n    overflow:hidden;\n    padding:80px 20px;\n    background:\n      radial-gradient(circle at top left, rgba(154, 92, 255, 0.20), transparent 35%),\n      radial-gradient(circle at bottom right, rgba(122, 54, 255, 0.22), transparent 35%),\n      linear-gradient(135deg, #faf7ff 0%, #f4eeff 45%, #ffffff 100%);\n    font-family: Arial, sans-serif;\n  }\n\n  .ss-container{\n    max-width:1200px;\n    margin:0 auto;\n    position:relative;\n    z-index:2;\n  }\n\n  .ss-grid{\n    display:grid;\n    grid-template-columns:1.1fr 0.9fr;\n    gap:50px;\n    align-items:center;\n  }\n\n  .ss-badge{\n    display:inline-block;\n    padding:10px 18px;\n    border-radius:999px;\n    background:rgba(123, 63, 242, 0.10);\n    color:#5d2acb;\n    font-size:13px;\n    font-weight:700;\n    letter-spacing:0.6px;\n    margin-bottom:18px;\n    animation:ssFloat 4s ease-in-out infinite;\n  }\n\n  .ss-title{\n    font-size:52px;\n    line-height:1.05;\n    color:#111111;\n    margin:0 0 20px;\n    font-weight:800;\n  }\n\n  .ss-title span{\n    background:linear-gradient(90deg, #7a2cff, #b16cff, #7a2cff);\n    background-size:200% auto;\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n    animation:ssGradient 4s linear infinite;\n  }\n\n  .ss-text{\n    font-size:18px;\n    line-height:1.75;\n    color:#2c2c2c;\n    margin:0 0 18px;\n  }\n\n  .ss-features{\n    display:grid;\n    grid-template-columns:repeat(2, minmax(0,1fr));\n    gap:16px;\n    margin:32px 0 24px;\n  }\n\n  .ss-feature{\n    position:relative;\n    display:flex;\n    align-items:center;\n    gap:12px;\n    padding:18px 18px;\n    border-radius:20px;\n    background:rgba(255,255,255,0.78);\n    border:1px solid rgba(123,63,242,0.12);\n    box-shadow:0 12px 32px rgba(91, 44, 185, 0.10);\n    color:#111111;\n    font-weight:600;\n    transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n    will-change:transform;\n  }\n\n  .ss-feature:hover{\n    transform:translateY(-6px);\n    box-shadow:0 20px 40px rgba(91, 44, 185, 0.16);\n    border-color:rgba(123,63,242,0.28);\n  }\n\n  .ss-icon{\n    width:42px;\n    height:42px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:linear-gradient(135deg, #8a4fff, #c18cff);\n    font-size:18px;\n    box-shadow:0 10px 20px rgba(138,79,255,0.25);\n    flex-shrink:0;\n  }\n\n  .ss-bottom-text{\n    font-size:18px;\n    line-height:1.7;\n    color:#1e1e1e;\n    margin-bottom:28px;\n    font-weight:600;\n  }\n\n  .ss-buttons{\n    display:flex;\n    gap:14px;\n    flex-wrap:wrap;\n  }\n\n  .ss-btn{\n    text-decoration:none;\n    padding:15px 26px;\n    border-radius:999px;\n    font-weight:700;\n    font-size:15px;\n    transition:all 0.3s ease;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n  }\n\n  .ss-btn-primary{\n    background:linear-gradient(90deg, #6f2df5, #a45bff);\n    color:#ffffff;\n    box-shadow:0 14px 30px rgba(111,45,245,0.25);\n  }\n\n  .ss-btn-primary:hover{\n    transform:translateY(-3px) scale(1.02);\n    box-shadow:0 18px 36px rgba(111,45,245,0.35);\n  }\n\n  .ss-btn-secondary{\n    background:#ffffff;\n    color:#111111;\n    border:1px solid rgba(0,0,0,0.08);\n    box-shadow:0 10px 24px rgba(0,0,0,0.06);\n  }\n\n  .ss-btn-secondary:hover{\n    transform:translateY(-3px);\n    border-color:rgba(123,63,242,0.25);\n  }\n\n  .ss-right{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n\n  .ss-product-card{\n    position:relative;\n    width:420px;\n    height:520px;\n    perspective:1000px;\n    animation:ssFloat 5s ease-in-out infinite;\n  }\n\n  .ss-glow-ring{\n    position:absolute;\n    inset:40px;\n    border-radius:40px;\n    background:radial-gradient(circle, rgba(150,95,255,0.30), rgba(150,95,255,0.04) 60%, transparent 70%);\n    filter:blur(8px);\n    animation:ssPulse 4s ease-in-out infinite;\n  }\n\n  .ss-product-box{\n    position:absolute;\n    left:35px;\n    top:30px;\n    width:240px;\n    height:360px;\n    border-radius:26px;\n    background:linear-gradient(180deg, #7c2fff 0%, #5514c9 100%);\n    box-shadow:\n      0 30px 60px rgba(85,20,201,0.30),\n      inset 0 1px 0 rgba(255,255,255,0.35);\n    transform-style:preserve-3d;\n    overflow:hidden;\n  }\n\n  .ss-product-box:before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:linear-gradient(135deg, rgba(255,255,255,0.22), transparent 40%, transparent 60%, rgba(255,255,255,0.08));\n    pointer-events:none;\n  }\n\n  .ss-box-top{\n    position:absolute;\n    top:20px;\n    left:22px;\n    font-size:12px;\n    letter-spacing:1px;\n    color:rgba(255,255,255,0.85);\n    font-weight:700;\n  }\n\n  .ss-box-title{\n    position:absolute;\n    top:52px;\n    left:22px;\n    font-size:28px;\n    line-height:1.1;\n    color:#ffffff;\n    font-weight:800;\n  }\n\n  .ss-box-burst{\n    position:absolute;\n    left:24px;\n    top:150px;\n    width:92px;\n    height:92px;\n    border-radius:50%;\n    border:2px solid rgba(255,255,255,0.65);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    color:#ffffff;\n    font-weight:800;\n    font-size:20px;\n    box-shadow:0 0 30px rgba(255,255,255,0.12);\n    animation:ssSpinSlow 10s linear infinite;\n  }\n\n  .ss-box-side{\n    position:absolute;\n    right:-46px;\n    bottom:70px;\n    transform:rotate(-90deg);\n    transform-origin:center;\n    font-size:64px;\n    font-weight:800;\n    color:rgba(255,255,255,0.96);\n    letter-spacing:-2px;\n  }\n\n  .ss-box-footer{\n    position:absolute;\n    left:22px;\n    bottom:22px;\n    font-size:18px;\n    font-weight:700;\n    color:#ffffff;\n    max-width:140px;\n    line-height:1.2;\n  }\n\n  .ss-strip{\n    position:absolute;\n    border-radius:22px;\n    background:linear-gradient(180deg, #ffffff 0%, #f3eaff 100%);\n    box-shadow:0 18px 40px rgba(77, 22, 173, 0.16);\n  }\n\n  .ss-strip:before{\n    content:\"\";\n    position:absolute;\n    left:12px;\n    right:12px;\n    top:14px;\n    bottom:14px;\n    border-radius:16px;\n    background:linear-gradient(90deg, #8a3bff 0%, #a74dff 50%, #7b2eff 100%);\n    opacity:0.94;\n  }\n\n  .ss-strip-top{\n    width:170px;\n    height:84px;\n    bottom:76px;\n    right:38px;\n    transform:rotate(-10deg);\n    animation:ssFloatSmall 4.4s ease-in-out infinite;\n  }\n\n  .ss-strip-bottom{\n    width:195px;\n    height:96px;\n    bottom:28px;\n    right:72px;\n    transform:rotate(7deg);\n    animation:ssFloatSmall 5s ease-in-out infinite reverse;\n  }\n\n  .ss-shine{\n    position:absolute;\n    top:-20%;\n    left:-40%;\n    width:40%;\n    height:140%;\n    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);\n    transform:rotate(15deg);\n    animation:ssShine 5s linear infinite;\n    pointer-events:none;\n  }\n\n  .ss-how-it-works{\n    margin-top:70px;\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:20px;\n  }\n\n  .ss-step{\n    background:rgba(255,255,255,0.74);\n    border:1px solid rgba(123,63,242,0.12);\n    border-radius:24px;\n    padding:28px 24px;\n    box-shadow:0 16px 34px rgba(60, 20, 135, 0.08);\n    transition:transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .ss-step:hover{\n    transform:translateY(-8px);\n    box-shadow:0 24px 40px rgba(60, 20, 135, 0.14);\n  }\n\n  .ss-step-number{\n    width:46px;\n    height:46px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:linear-gradient(135deg, #7b31ff, #bb84ff);\n    color:#fff;\n    font-weight:800;\n    margin-bottom:16px;\n    box-shadow:0 10px 22px rgba(123,49,255,0.24);\n  }\n\n  .ss-step h3{\n    margin:0 0 10px;\n    font-size:22px;\n    color:#111111;\n  }\n\n  .ss-step p{\n    margin:0;\n    font-size:16px;\n    line-height:1.7;\n    color:#333333;\n  }\n\n  .ss-bg-orb{\n    position:absolute;\n    border-radius:50%;\n    filter:blur(30px);\n    opacity:0.45;\n    pointer-events:none;\n  }\n\n  .ss-orb-1{\n    width:280px;\n    height:280px;\n    background:#c086ff;\n    top:-60px;\n    left:-70px;\n    animation:ssPulse 7s ease-in-out infinite;\n  }\n\n  .ss-orb-2{\n    width:220px;\n    height:220px;\n    background:#8f4dff;\n    bottom:40px;\n    right:-60px;\n    animation:ssPulse 6s ease-in-out infinite reverse;\n  }\n\n  .ss-orb-3{\n    width:160px;\n    height:160px;\n    background:#e0c0ff;\n    top:35%;\n    right:18%;\n    animation:ssFloatSmall 6s ease-in-out infinite;\n  }\n\n  @keyframes ssFloat{\n    0%,100%{transform:translateY(0);}\n    50%{transform:translateY(-10px);}\n  }\n\n  @keyframes ssFloatSmall{\n    0%,100%{transform:translateY(0) rotate(-10deg);}\n    50%{transform:translateY(-8px) rotate(-6deg);}\n  }\n\n  @keyframes ssPulse{\n    0%,100%{transform:scale(1); opacity:0.40;}\n    50%{transform:scale(1.08); opacity:0.58;}\n  }\n\n  @keyframes ssGradient{\n    0%{background-position:0% center;}\n    100%{background-position:200% center;}\n  }\n\n  @keyframes ssSpinSlow{\n    0%{transform:rotate(0deg);}\n    100%{transform:rotate(360deg);}\n  }\n\n  @keyframes ssShine{\n    0%{left:-40%;}\n    100%{left:130%;}\n  }\n\n  @media (max-width: 991px){\n    .ss-grid{\n      grid-template-columns:1fr;\n      gap:38px;\n    }\n\n    .ss-left{\n      order:2;\n    }\n\n    .ss-right{\n      order:1;\n    }\n\n    .ss-title{\n      font-size:40px;\n    }\n\n    .ss-product-card{\n      width:360px;\n      height:470px;\n    }\n\n    .ss-product-box{\n      width:215px;\n      height:330px;\n    }\n\n    .ss-box-side{\n      font-size:56px;\n      right:-42px;\n    }\n\n    .ss-how-it-works{\n      grid-template-columns:1fr;\n    }\n  }\n\n  @media (max-width: 767px){\n    .ss-whitening-section{\n      padding:60px 16px;\n    }\n\n    .ss-title{\n      font-size:32px;\n    }\n\n    .ss-text,\n    .ss-bottom-text{\n      font-size:16px;\n    }\n\n    .ss-features{\n      grid-template-columns:1fr;\n    }\n\n    .ss-product-card{\n      width:300px;\n      height:410px;\n    }\n\n    .ss-product-box{\n      left:22px;\n      top:18px;\n      width:190px;\n      height:300px;\n      border-radius:22px;\n    }\n\n    .ss-box-title{\n      font-size:23px;\n      top:48px;\n    }\n\n    .ss-box-burst{\n      width:74px;\n      height:74px;\n      top:136px;\n      font-size:16px;\n    }\n\n    .ss-box-side{\n      font-size:48px;\n      right:-36px;\n      bottom:66px;\n    }\n\n    .ss-box-footer{\n      font-size:15px;\n      max-width:110px;\n    }\n\n    .ss-strip-top{\n      width:138px;\n      height:70px;\n      right:22px;\n      bottom:66px;\n    }\n\n    .ss-strip-bottom{\n      width:160px;\n      height:80px;\n      right:48px;\n      bottom:18px;\n    }\n\n    .ss-buttons{\n      flex-direction:column;\n      align-items:stretch;\n    }\n\n    .ss-btn{\n      width:100%;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"SmileSupply","offers":[{"title":"Default Title","offer_id":50727477641502,"sku":null,"price":279.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0464\/6686\/files\/ChatGPTImageMar21_2026_06_58_57PM.png?v=1774112376","url":"https:\/\/smile-supply.co.za\/products\/smilesupply-whitening-strips","provider":"SmileSupply","version":"1.0","type":"link"}