{"product_id":"swooshy","title":"Swooshy","description":"\u003c!-- =========================\n     SWOOSHY PREMIUM PRODUCT SECTION\n     ========================= --\u003e\n\n\u003cdiv class=\"swooshy-product\"\u003e\n\n  \u003cstyle\u003e\n    \/* ===== SWOOSHY THEME ===== *\/\n    .swooshy-product {\n      --swooshy-blue: #20aaf2;\n      --swooshy-blue-dark: #078bd8;\n      --swooshy-blue-light: #eaf8ff;\n      --swooshy-white: #ffffff;\n      --swooshy-black: #111820;\n      --swooshy-gray: #66717c;\n\n      font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\",\n                   Helvetica, Arial, sans-serif;\n\n      color: var(--swooshy-black);\n      overflow: hidden;\n      background: #fff;\n      margin: 0;\n      padding: 0;\n    }\n\n    .swooshy-product *,\n    .swooshy-product *::before,\n    .swooshy-product *::after {\n      box-sizing: border-box;\n    }\n\n    \/* ===== GLOBAL ===== *\/\n\n    .swooshy-container {\n      width: min(1180px, calc(100% - 40px));\n      margin: auto;\n    }\n\n    .swooshy-center {\n      text-align: center;\n    }\n\n    .swooshy-blue {\n      color: var(--swooshy-blue);\n    }\n\n    \/* ===== ANIMATIONS ===== *\/\n\n    @keyframes swooshyFadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(35px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes swooshyFloat {\n      0%, 100% {\n        transform: translateY(0);\n      }\n\n      50% {\n        transform: translateY(-10px);\n      }\n    }\n\n    @keyframes swooshyGlow {\n      0%, 100% {\n        box-shadow: 0 0 0 rgba(32,170,242,0);\n      }\n\n      50% {\n        box-shadow: 0 0 45px rgba(32,170,242,.25);\n      }\n    }\n\n    @keyframes swooshyPulse {\n      0%, 100% {\n        transform: scale(1);\n      }\n\n      50% {\n        transform: scale(1.04);\n      }\n    }\n\n    @keyframes swooshyShine {\n      0% {\n        left: -120%;\n      }\n\n      100% {\n        left: 120%;\n      }\n    }\n\n    @keyframes swooshySpin {\n      from {\n        transform: rotate(0deg);\n      }\n\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    .swooshy-reveal {\n      opacity: 0;\n      transform: translateY(35px);\n      transition:\n        opacity .8s ease,\n        transform .8s cubic-bezier(.2,.7,.2,1);\n    }\n\n    .swooshy-reveal.active {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n\n    \/* =====================================\n       HERO\n       ===================================== *\/\n\n    .swooshy-hero {\n      position: relative;\n      padding: 105px 0 115px;\n      background:\n        radial-gradient(\n          circle at 50% 0%,\n          rgba(32,170,242,.15),\n          transparent 55%\n        ),\n        #ffffff;\n      text-align: center;\n      overflow: hidden;\n    }\n\n    .swooshy-hero::before {\n      content: \"\";\n      position: absolute;\n      width: 500px;\n      height: 500px;\n      border-radius: 50%;\n      background: rgba(32,170,242,.08);\n      filter: blur(70px);\n      top: -250px;\n      left: 50%;\n      transform: translateX(-50%);\n      pointer-events: none;\n    }\n\n    .swooshy-mini-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 9px 16px;\n      border-radius: 100px;\n      background: var(--swooshy-blue-light);\n      color: var(--swooshy-blue-dark);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      margin-bottom: 25px;\n    }\n\n    .swooshy-mini-dot {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--swooshy-blue);\n      animation: swooshyPulse 1.8s infinite;\n    }\n\n    .swooshy-hero h1 {\n      position: relative;\n      z-index: 1;\n      margin: 0 auto;\n      max-width: 850px;\n      font-size: clamp(48px, 7vw, 88px);\n      line-height: .98;\n      letter-spacing: -4px;\n      font-weight: 900;\n    }\n\n    .swooshy-gradient-text {\n      background:\n        linear-gradient(\n          90deg,\n          #078bd8,\n          #20aaf2,\n          #63c9ff\n        );\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .swooshy-hero-subtitle {\n      max-width: 650px;\n      margin: 28px auto 0;\n      font-size: 19px;\n      line-height: 1.7;\n      color: var(--swooshy-gray);\n    }\n\n    .swooshy-hero-button {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n\n      margin-top: 38px;\n      padding: 17px 31px;\n\n      border-radius: 100px;\n      background: var(--swooshy-blue);\n      color: #fff;\n\n      text-decoration: none;\n      font-size: 15px;\n      font-weight: 800;\n      letter-spacing: .3px;\n\n      box-shadow:\n        0 15px 35px rgba(32,170,242,.28);\n\n      transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n    }\n\n    .swooshy-hero-button::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      width: 80px;\n      height: 100%;\n      background: rgba(255,255,255,.28);\n      transform: skewX(-20deg);\n      left: -120%;\n    }\n\n    .swooshy-hero-button:hover::after {\n      animation: swooshyShine .7s ease;\n    }\n\n    .swooshy-hero-button:hover {\n      transform: translateY(-3px);\n      box-shadow:\n        0 20px 45px rgba(32,170,242,.35);\n    }\n\n\n    \/* =====================================\n       STAT BAR\n       ===================================== *\/\n\n    .swooshy-stats {\n      padding: 0 0 80px;\n    }\n\n    .swooshy-stat-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      border: 1px solid #e8eef2;\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: 0 15px 50px rgba(15,35,50,.06);\n      background: #fff;\n    }\n\n    .swooshy-stat {\n      padding: 28px;\n      text-align: center;\n      border-right: 1px solid #e8eef2;\n    }\n\n    .swooshy-stat:last-child {\n      border-right: 0;\n    }\n\n    .swooshy-stat strong {\n      display: block;\n      font-size: 20px;\n      font-weight: 850;\n      margin-bottom: 5px;\n    }\n\n    .swooshy-stat span {\n      color: var(--swooshy-gray);\n      font-size: 13px;\n    }\n\n\n    \/* =====================================\n       INTRO\n       ===================================== *\/\n\n    .swooshy-intro {\n      padding: 110px 0;\n      background: #f8fcff;\n      position: relative;\n    }\n\n    .swooshy-intro-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n    }\n\n    .swooshy-section-label {\n      color: var(--swooshy-blue);\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 18px;\n    }\n\n    .swooshy-intro h2 {\n      font-size: clamp(38px, 5vw, 62px);\n      line-height: 1.02;\n      letter-spacing: -2.5px;\n      margin: 0 0 25px;\n      font-weight: 900;\n    }\n\n    .swooshy-intro p {\n      font-size: 17px;\n      line-height: 1.8;\n      color: var(--swooshy-gray);\n      margin: 0 0 18px;\n    }\n\n    .swooshy-floating-card {\n      position: relative;\n      min-height: 400px;\n      border-radius: 35px;\n      background:\n        linear-gradient(\n          145deg,\n          #20aaf2,\n          #078bd8\n        );\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      animation: swooshyGlow 4s infinite;\n    }\n\n    .swooshy-floating-card::before {\n      content: \"\";\n      position: absolute;\n      width: 330px;\n      height: 330px;\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,.22);\n      animation: swooshySpin 20s linear infinite;\n    }\n\n    .swooshy-floating-card::after {\n      content: \"S\";\n      position: absolute;\n      font-size: 270px;\n      font-weight: 900;\n      color: rgba(255,255,255,.10);\n    }\n\n    .swooshy-floating-message {\n      position: relative;\n      z-index: 2;\n      color: white;\n      text-align: center;\n      animation: swooshyFloat 4s ease-in-out infinite;\n    }\n\n    .swooshy-floating-message strong {\n      display: block;\n      font-size: 50px;\n      letter-spacing: -3px;\n      font-weight: 900;\n    }\n\n    .swooshy-floating-message span {\n      font-size: 14px;\n      opacity: .9;\n      letter-spacing: 1px;\n    }\n\n\n    \/* =====================================\n       WHY SWOOSHY\n       ===================================== *\/\n\n    .swooshy-benefits {\n      padding: 120px 0;\n      background: #fff;\n    }\n\n    .swooshy-benefits-heading {\n      max-width: 700px;\n      margin: 0 auto 60px;\n      text-align: center;\n    }\n\n    .swooshy-benefits-heading h2 {\n      font-size: clamp(38px, 5vw, 62px);\n      letter-spacing: -3px;\n      line-height: 1;\n      margin: 0 0 20px;\n      font-weight: 900;\n    }\n\n    .swooshy-benefits-heading p {\n      margin: 0;\n      color: var(--swooshy-gray);\n      line-height: 1.7;\n      font-size: 16px;\n    }\n\n    .swooshy-benefit-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 16px;\n    }\n\n    .swooshy-benefit {\n      position: relative;\n      padding: 30px 23px;\n      border-radius: 23px;\n      background: #fff;\n      border: 1px solid #e9eef2;\n      transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n    }\n\n    .swooshy-benefit:hover {\n      transform: translateY(-8px);\n      border-color: rgba(32,170,242,.35);\n      box-shadow: 0 25px 55px rgba(10,40,60,.10);\n    }\n\n    .swooshy-icon {\n      width: 53px;\n      height: 53px;\n      border-radius: 16px;\n      background: var(--swooshy-blue-light);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 24px;\n      margin-bottom: 25px;\n    }\n\n    .swooshy-benefit h3 {\n      margin: 0 0 10px;\n      font-size: 17px;\n      font-weight: 850;\n    }\n\n    .swooshy-benefit p {\n      margin: 0;\n      font-size: 13px;\n      line-height: 1.7;\n      color: var(--swooshy-gray);\n    }\n\n\n    \/* =====================================\n       HOW IT WORKS\n       ===================================== *\/\n\n    .swooshy-how {\n      padding: 120px 0;\n      background:\n        linear-gradient(\n          180deg,\n          #f5fbff,\n          #ffffff\n        );\n    }\n\n    .swooshy-how-heading {\n      text-align: center;\n      margin-bottom: 65px;\n    }\n\n    .swooshy-how-heading h2 {\n      font-size: clamp(38px, 5vw, 62px);\n      line-height: 1;\n      letter-spacing: -3px;\n      margin: 0 0 18px;\n      font-weight: 900;\n    }\n\n    .swooshy-how-heading p {\n      color: var(--swooshy-gray);\n      margin: 0;\n    }\n\n    .swooshy-steps {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 20px;\n      position: relative;\n    }\n\n    .swooshy-step {\n      position: relative;\n      padding: 35px 25px;\n      background: #fff;\n      border-radius: 25px;\n      border: 1px solid #e8eef2;\n      box-shadow: 0 10px 30px rgba(20,50,70,.04);\n      transition: transform .3s ease;\n    }\n\n    .swooshy-step:hover {\n      transform: translateY(-8px);\n    }\n\n    .swooshy-step-number {\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 1px;\n      color: var(--swooshy-blue);\n      margin-bottom: 28px;\n    }\n\n    .swooshy-step h3 {\n      font-size: 20px;\n      margin: 0 0 12px;\n      font-weight: 850;\n    }\n\n    .swooshy-step p {\n      font-size: 14px;\n      line-height: 1.7;\n      color: var(--swooshy-gray);\n      margin: 0;\n    }\n\n\n    \/* =====================================\n       BIG STATEMENT\n       ===================================== *\/\n\n    .swooshy-statement {\n      position: relative;\n      padding: 135px 20px;\n      text-align: center;\n      background: var(--swooshy-blue);\n      color: #fff;\n      overflow: hidden;\n    }\n\n    .swooshy-statement::before,\n    .swooshy-statement::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,.14);\n    }\n\n    .swooshy-statement::before {\n      width: 500px;\n      height: 500px;\n      top: -250px;\n      left: -150px;\n    }\n\n    .swooshy-statement::after {\n      width: 400px;\n      height: 400px;\n      bottom: -250px;\n      right: -100px;\n    }\n\n    .swooshy-statement h2 {\n      position: relative;\n      z-index: 2;\n      margin: 0 auto;\n      max-width: 850px;\n      font-size: clamp(43px, 7vw, 82px);\n      line-height: .98;\n      letter-spacing: -4px;\n      font-weight: 900;\n    }\n\n    .swooshy-statement p {\n      position: relative;\n      z-index: 2;\n      margin: 25px auto 0;\n      max-width: 600px;\n      font-size: 17px;\n      line-height: 1.7;\n      opacity: .9;\n    }\n\n\n    \/* =====================================\n       FINAL CTA\n       ===================================== *\/\n\n    .swooshy-final {\n      padding: 110px 20px;\n      text-align: center;\n      background: #fff;\n    }\n\n    .swooshy-final h2 {\n      margin: 0;\n      font-size: clamp(40px, 6vw, 72px);\n      line-height: 1;\n      letter-spacing: -3px;\n      font-weight: 900;\n    }\n\n    .swooshy-final p {\n      max-width: 600px;\n      margin: 22px auto 0;\n      color: var(--swooshy-gray);\n      font-size: 17px;\n      line-height: 1.7;\n    }\n\n    .swooshy-final-button {\n      display: inline-flex;\n      margin-top: 35px;\n      padding: 18px 34px;\n      border-radius: 100px;\n      background: var(--swooshy-blue);\n      color: #fff;\n      text-decoration: none;\n      font-size: 15px;\n      font-weight: 850;\n      box-shadow: 0 18px 40px rgba(32,170,242,.25);\n      transition: all .25s ease;\n    }\n\n    .swooshy-final-button:hover {\n      transform: translateY(-4px) scale(1.02);\n      box-shadow: 0 25px 50px rgba(32,170,242,.35);\n    }\n\n    .swooshy-tagline {\n      margin-top: 30px;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      color: #a0aab2;\n    }\n\n\n    \/* =====================================\n       MOBILE\n       ===================================== *\/\n\n    @media (max-width: 900px) {\n\n      .swooshy-benefit-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .swooshy-steps {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .swooshy-intro-grid {\n        grid-template-columns: 1fr;\n        gap: 45px;\n      }\n\n      .swooshy-floating-card {\n        min-height: 330px;\n      }\n    }\n\n\n    @media (max-width: 600px) {\n\n      .swooshy-container {\n        width: min(100% - 28px, 1180px);\n      }\n\n      .swooshy-hero {\n        padding: 75px 0 80px;\n      }\n\n      .swooshy-hero h1 {\n        letter-spacing: -2.5px;\n      }\n\n      .swooshy-hero-subtitle {\n        font-size: 16px;\n      }\n\n      .swooshy-stat-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .swooshy-stat {\n        border-right: 0;\n        border-bottom: 1px solid #e8eef2;\n      }\n\n      .swooshy-stat:last-child {\n        border-bottom: 0;\n      }\n\n      .swooshy-intro,\n      .swooshy-benefits,\n      .swooshy-how {\n        padding: 80px 0;\n      }\n\n      .swooshy-benefit-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .swooshy-steps {\n        grid-template-columns: 1fr;\n      }\n\n      .swooshy-statement {\n        padding: 100px 20px;\n      }\n\n      .swooshy-statement h2 {\n        letter-spacing: -2.5px;\n      }\n\n      .swooshy-final {\n        padding: 80px 20px;\n      }\n    }\n  \u003c\/style\u003e\n\n\n  \u003c!-- =====================================\n       HERO\n       ===================================== --\u003e\n\n  \u003csection class=\"swooshy-hero\"\u003e\n\n    \u003cdiv class=\"swooshy-container\"\u003e\n\n      \u003cdiv class=\"swooshy-mini-label swooshy-reveal\"\u003e\n        \u003cspan class=\"swooshy-mini-dot\"\u003e\u003c\/span\u003e\n        THE SWOOSHY BAG\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"swooshy-reveal\"\u003e\n        Clean Shoes.\u003cbr\u003e\n        \u003cspan class=\"swooshy-gradient-text\"\u003e\n          Less Effort.\n        \u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"swooshy-hero-subtitle swooshy-reveal\"\u003e\n        The reusable shoe-cleaning bag designed to make\n        washing your favourite sneakers easier,\n        simpler and more convenient.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#swooshy-buy\" class=\"swooshy-hero-button swooshy-reveal\"\u003e\n        SHOP SWOOSHY BAG →\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================\n       QUICK BENEFITS\n       ===================================== --\u003e\n\n  \u003csection class=\"swooshy-stats\"\u003e\n\n    \u003cdiv class=\"swooshy-container\"\u003e\n\n      \u003cdiv class=\"swooshy-stat-grid swooshy-reveal\"\u003e\n\n        \u003cdiv class=\"swooshy-stat\"\u003e\n          \u003cstrong\u003eEasy to Use\u003c\/strong\u003e\n          \u003cspan\u003eNo complicated cleaning process\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"swooshy-stat\"\u003e\n          \u003cstrong\u003eReusable\u003c\/strong\u003e\n          \u003cspan\u003eWash, freshen and repeat\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"swooshy-stat\"\u003e\n          \u003cstrong\u003eMade for Sneakers\u003c\/strong\u003e\n          \u003cspan\u003eA simple shoe-care solution\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================\n       INTRO\n       ===================================== --\u003e\n\n  \u003csection class=\"swooshy-intro\"\u003e\n\n    \u003cdiv class=\"swooshy-container swooshy-intro-grid\"\u003e\n\n      \u003cdiv class=\"swooshy-reveal\"\u003e\n\n        \u003cdiv class=\"swooshy-section-label\"\u003e\n          Why Swooshy?\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Your shoes.\u003cbr\u003e\n          \u003cspan class=\"swooshy-blue\"\u003eA simpler clean.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Meet the Swooshy Bag — a reusable\n          shoe-cleaning bag designed to make\n          washing your sneakers easier.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Simply place your shoes inside,\n          secure the bag and wash according\n          to your shoes' care instructions.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          No complicated process.\n          Just a simple way to keep your\n          favourite sneakers feeling fresh.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"swooshy-floating-card swooshy-reveal\"\u003e\n\n        \u003cdiv class=\"swooshy-floating-message\"\u003e\n\n          \u003cstrong\u003eSWOOSHY\u003c\/strong\u003e\n\n          \u003cspan\u003e\n            WASH. FRESHEN. REPEAT.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================\n       BENEFITS\n       ===================================== --\u003e\n\n  \u003csection class=\"swooshy-benefits\"\u003e\n\n    \u003cdiv class=\"swooshy-container\"\u003e\n\n      \u003cdiv class=\"swooshy-benefits-heading swooshy-reveal\"\u003e\n\n        \u003cdiv class=\"swooshy-section-label\"\u003e\n          Built for convenience\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Everything you need.\u003cbr\u003e\n          \u003cspan class=\"swooshy-blue\"\u003eNothing complicated.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          A simple design built around one goal:\n          making shoe care easier.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"swooshy-benefit-grid\"\u003e\n\n\n        \u003cdiv class=\"swooshy-benefit swooshy-reveal\"\u003e\n\n          \u003cdiv class=\"swooshy-icon\"\u003e\n            🧼\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Easy to Use\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Place your shoes inside,\n            secure the bag and wash.\n            It's that simple.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"swooshy-benefit swooshy-reveal\"\u003e\n\n          \u003cdiv class=\"swooshy-icon\"\u003e\n            👟\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Protective Design\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Helps keep your shoes\n            contained during washing.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"swooshy-benefit swooshy-reveal\"\u003e\n\n          \u003cdiv class=\"swooshy-icon\"\u003e\n            ♻️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Reusable\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed for repeated use\n            whenever your sneakers\n            need a refresh.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"swooshy-benefit swooshy-reveal\"\u003e\n\n          \u003cdiv class=\"swooshy-icon\"\u003e\n            ✨\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Soft Material\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed to help remove\n            dirt while being gentle\n            on your shoes.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"swooshy-benefit swooshy-reveal\"\u003e\n\n          \u003cdiv class=\"swooshy-icon\"\u003e\n            ⚡\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Less Effort\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A convenient addition\n            to your regular shoe-care\n            routine.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================\n       HOW IT WORKS\n       ===================================== --\u003e\n\n  \u003csection class=\"swooshy-how\"\u003e\n\n    \u003cdiv class=\"swooshy-container\"\u003e\n\n      \u003cdiv class=\"swooshy-how-heading swooshy-reveal\"\u003e\n\n        \u003cdiv class=\"swooshy-section-label\"\u003e\n          Simple by design\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          How Swooshy\u003cbr\u003e\n          \u003cspan class=\"swooshy-blue\"\u003eworks.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Four simple steps to a fresher pair.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"swooshy-steps\"\u003e\n\n\n        \u003cdiv class=\"swooshy-step swooshy-reveal\"\u003e\n\n          \u003cdiv class=\"swooshy-step-number\"\u003e\n            STEP 01\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Insert\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Place your shoes inside\n            the Swooshy Bag.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"swooshy-step swooshy-reveal\"\u003e\n\n          \u003cdiv class=\"swooshy-step-number\"\u003e\n            STEP 02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Secure\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Close the bag securely\n            before washing.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"swooshy-step swooshy-reveal\"\u003e\n\n          \u003cdiv class=\"swooshy-step-number\"\u003e\n            STEP 03\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Wash\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Place the bag in the\n            washing machine and follow\n            your shoes' care instructions.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"swooshy-step swooshy-reveal\"\u003e\n\n          \u003cdiv class=\"swooshy-step-number\"\u003e\n            STEP 04\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Repeat\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Freshen your shoes again\n            whenever they need it.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================\n       BIG BRAND STATEMENT\n       ===================================== --\u003e\n\n  \u003csection class=\"swooshy-statement\"\u003e\n\n    \u003ch2 class=\"swooshy-reveal\"\u003e\n      The easier way to\n      \u003cbr\u003e\n      clean your shoes.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"swooshy-reveal\"\u003e\n      Less hassle. More convenience.\n      A simple solution for keeping\n      your favourite sneakers fresh.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================\n       FINAL CTA\n       ===================================== --\u003e\n\n  \u003csection class=\"swooshy-final\" id=\"swooshy-buy\"\u003e\n\n    \u003cdiv class=\"swooshy-container\"\u003e\n\n      \u003ch2 class=\"swooshy-reveal\"\u003e\n        Ready to\n        \u003cspan class=\"swooshy-blue\"\u003e\n          Swooshy?\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"swooshy-reveal\"\u003e\n        Make shoe cleaning part of your\n        routine without making it complicated.\n      \u003c\/p\u003e\n\n      \u003c!-- CHANGE THIS LINK TO YOUR SHOPIFY PRODUCT CART\/PURCHASE LINK --\u003e\n      \u003ca href=\"#\" class=\"swooshy-final-button swooshy-reveal\"\u003e\n        SHOP SWOOSHY BAG →\n      \u003c\/a\u003e\n\n      \u003cdiv class=\"swooshy-tagline swooshy-reveal\"\u003e\n        Wash. Freshen. Repeat.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================\n       SCROLL ANIMATION\n       ===================================== --\u003e\n\n  \u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function () {\n\n      const swooshyElements =\n        document.querySelectorAll(\".swooshy-reveal\");\n\n      const swooshyObserver =\n        new IntersectionObserver(\n          function (entries) {\n\n            entries.forEach(function (entry) {\n\n              if (entry.isIntersecting) {\n\n                entry.target.classList.add(\"active\");\n\n                swooshyObserver.unobserve(\n                  entry.target\n                );\n\n              }\n\n            });\n\n          },\n          {\n            threshold: 0.12\n          }\n        );\n\n      swooshyElements.forEach(function (element) {\n        swooshyObserver.observe(element);\n      });\n\n    });\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Swooshy","offers":[{"title":"Default Title","offer_id":45857496465517,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0737\/0168\/7405\/files\/IMG_20260915_133353.png?v=1789495930","url":"https:\/\/swooshy.co.za\/products\/swooshy","provider":"Swooshy","version":"1.0","type":"link"}