{"product_id":"two-piece-tracksuit-set","title":"Two-Piece Tracksuit Set","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\u003ePremium Cordless Vacuum\u003c\/title\u003e\n  \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\n\n    \/\/ cursor light movement\n    const light = document.getElementById('cursorLight');\n    document.addEventListener('mousemove', e =\u003e {\n      light.style.left = e.clientX + 'px';\n      light.style.top = e.clientY + 'px';\n    });\n\n    \/\/ magnetic button effect\n    const btn = document.querySelector('button');\n    btn.addEventListener('mousemove', (e) =\u003e {\n      const rect = btn.getBoundingClientRect();\n      const x = e.clientX - rect.left - rect.width \/ 2;\n      const y = e.clientY - rect.top - rect.height \/ 2;\n      btn.style.transform = `translate(${x * 0.2}px, ${y * 0.2}px)`;\n    });\n\n    btn.addEventListener('mouseleave', () =\u003e {\n      btn.style.transform = 'translate(0,0)';\n    });\n  \n\n    \/\/ parallax movement for shapes\n    const shapes = document.querySelectorAll('.shape');\n    document.addEventListener('mousemove', (e) =\u003e {\n      const x = e.clientX \/ window.innerWidth;\n      const y = e.clientY \/ window.innerHeight;\n\n      shapes.forEach((shape, index) =\u003e {\n        const speed = (index + 1) * 10;\n        const moveX = (x - 0.5) * speed;\n        const moveY = (y - 0.5) * speed;\n        shape.style.transform = `translate(${moveX}px, ${moveY}px)`;\n      });\n    });\n  \u003c\/script\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003cstyle\u003e\n    body { \n      font-family: 'Poppins', sans-serif;\n      background: linear-gradient(120deg, #dfe8d9, #f2c6c6, #dfe8d9);\n      background-size: 200% 200%;\n      animation: gradientShift 12s ease infinite;\n      color: #111;\n    }\n\n    .fade-up {\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.8s ease;\n    }\n\n    .fade-up.show {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .glass {\n      background: rgba(255,255,255,0.6);\n      backdrop-filter: blur(20px);\n      border: 1px solid rgba(255,255,255,0.3);\n    }\n\n    .premium-text {\n      letter-spacing: 2px;\n    }\n\n    .soft-shadow {\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n      transition: transform 0.3s ease;\n    }\n\n    .tilt:hover {\n      transform: rotateX(6deg) rotateY(-6deg) scale(1.03);\n    }\n  \n\n    \/* floating shapes *\/\n    .shape {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(60px);\n      opacity: 0.4;\n      animation: float 10s infinite ease-in-out;\n    }\n\n    .shape1 {\n      width: 300px;\n      height: 300px;\n      background: #dfe8d9;\n      top: 10%;\n      left: 5%;\n    }\n\n    .shape2 {\n      width: 300px;\n      height: 300px;\n      background: #f2c6c6;\n      bottom: 10%;\n      right: 5%;\n      animation-delay: 3s;\n    }\n\n    .shape3 {\n      width: 200px;\n      height: 200px;\n      background: #ffffff;\n      top: 50%;\n      left: 30%;\n      opacity: 0.2;\n      animation-delay: 5s;\n    }\n\n    .shape4 {\n      width: 250px;\n      height: 250px;\n      background: #e8d9df;\n      bottom: 30%;\n      left: 60%;\n      opacity: 0.25;\n      animation-delay: 7s;\n    }\n\n    .shape5 {\n      width: 180px;\n      height: 180px;\n      background: #ffffff;\n      top: 20%;\n      right: 30%;\n      opacity: 0.15;\n      animation-delay: 2s;\n    }\n\n    .shape6 {\n      width: 220px;\n      height: 220px;\n      background: #dfe8d9;\n      bottom: 5%;\n      left: 20%;\n      opacity: 0.2;\n      animation-delay: 6s;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-40px); }\n    }\n\n    @keyframes gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n      50% { transform: translateY(-40px); }\n    }\n  \n\n    \/* button glow *\/\n    .btn-glow:hover {\n      box-shadow: 0 0 25px rgba(255,255,255,0.6);\n      transform: scale(1.08);\n    }\n\n    \/* shimmer text *\/\n    .shimmer {\n      background: linear-gradient(90deg, #111, #666, #111);\n      background-size: 200% auto;\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      animation: shimmerMove 4s linear infinite;\n    }\n\n    @keyframes shimmerMove {\n      to { background-position: 200% center; }\n    }\n\n    \/* cursor light *\/\n    .cursor-light {\n      position: fixed;\n      width: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(255,255,255,0.25), transparent 70%);\n      pointer-events: none;\n      transform: translate(-50%, -50%);\n      z-index: 0;\n    }\n  \u003c\/style\u003e\n\n\n\n  \u003cdiv class=\"cursor-light\" id=\"cursorLight\"\u003e\u003c\/div\u003e\n\n  \u003c!-- BACKGROUND SHAPES --\u003e\n  \u003cdiv class=\"shape shape1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"shape shape2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"shape shape3\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"shape shape4\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"shape shape5\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"shape shape6\"\u003e\u003c\/div\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"h-screen flex flex-col justify-center items-center text-center px-6\"\u003e\n    \u003ch1 class=\"text-6xl md:text-8xl font-bold mb-6 premium-text fade-up\"\u003e\n      \u003cspan class=\"shimmer\"\u003eExperience the Future\u003c\/span\u003e\n    \u003c\/h1\u003e\n    \u003cp class=\"text-lg md:text-xl max-w-2xl text-gray-700 fade-up\"\u003e\n      Clean smarter. Live better.\n    \u003c\/p\u003e\n\n    \u003cbutton class=\"mt-10 px-10 py-4 glass rounded-full font-semibold transition soft-shadow fade-up btn-glow\"\u003e\n      Shop Now\n    \u003c\/button\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"py-20 px-6 max-w-6xl mx-auto\"\u003e\n    \u003ch2 class=\"text-4xl font-bold text-center mb-16 fade-up\"\u003eKey Features\u003c\/h2\u003e\n\n    \u003cdiv class=\"grid md:grid-cols-2 gap-10\"\u003e\n\n      \u003cdiv class=\"p-6 glass rounded-2xl fade-up transition soft-shadow tilt\"\u003e\n        \u003ch3 class=\"text-xl font-semibold mb-2\"\u003e🔋 Long-Lasting Battery\u003c\/h3\u003e\n        \u003cp class=\"text-gray-700\"\u003eUp to 60 minutes of fade-free suction.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p-6 glass rounded-2xl fade-up transition soft-shadow tilt\"\u003e\n        \u003ch3 class=\"text-xl font-semibold mb-2\"\u003e💨 Cyclone Suction\u003c\/h3\u003e\n        \u003cp class=\"text-gray-700\"\u003eCaptures 99.9% of dust and allergens.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p-6 glass rounded-2xl fade-up transition soft-shadow tilt\"\u003e\n        \u003ch3 class=\"text-xl font-semibold mb-2\"\u003e🪶 Featherlight Design\u003c\/h3\u003e\n        \u003cp class=\"text-gray-700\"\u003eEffortless movement across your home.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p-6 glass rounded-2xl fade-up transition soft-shadow tilt\"\u003e\n        \u003ch3 class=\"text-xl font-semibold mb-2\"\u003e🔇 Quiet Motor\u003c\/h3\u003e\n        \u003cp class=\"text-gray-700\"\u003ePowerful performance without noise.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p-6 glass rounded-2xl fade-up transition soft-shadow tilt\"\u003e\n        \u003ch3 class=\"text-xl font-semibold mb-2\"\u003e🏠 Multi-Surface\u003c\/h3\u003e\n        \u003cp class=\"text-gray-700\"\u003ePerfect for floors, carpets \u0026amp; upholstery.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p-6 glass rounded-2xl fade-up transition soft-shadow tilt\"\u003e\n        \u003ch3 class=\"text-xl font-semibold mb-2\"\u003e⚡ Rapid Charge\u003c\/h3\u003e\n        \u003cp class=\"text-gray-700\"\u003eFully charged in under 3 hours.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \n\n  \u003cscript\u003e\n    const elements = document.querySelectorAll('.fade-up');\n\n    const observer = new IntersectionObserver(entries =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('show');\n        }\n      });\n    }, { threshold: 0.2 });\n\n    elements.forEach(el =\u003e observer.observe(el));\n  \u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"BIY Online","offers":[{"title":"Military Green \/ S","offer_id":49731350397165,"sku":"42275245391941","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Military Green \/ M","offer_id":49731350429933,"sku":"42275245457477","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Military Green \/ L","offer_id":49731350462701,"sku":"42275245490245","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Military Green \/ XL","offer_id":49731350495469,"sku":"42275245424709","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Military Green \/ XXL","offer_id":49731350528237,"sku":"42275245523013","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Military Green \/ XXXL","offer_id":49731350561005,"sku":"42275245555781","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Red \/ S","offer_id":49731350593773,"sku":"42275245588549","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Red \/ M","offer_id":49731350626541,"sku":"42275245654085","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Red \/ L","offer_id":49731350659309,"sku":"42275245686853","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Red \/ XL","offer_id":49731350692077,"sku":"42275245621317","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Red \/ XXL","offer_id":49731350724845,"sku":"42275245719621","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Red \/ XXXL","offer_id":49731350757613,"sku":"42275245752389","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ S","offer_id":49731350790381,"sku":"42275245785157","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ M","offer_id":49731350823149,"sku":"42275245850693","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ L","offer_id":49731350855917,"sku":"42275245883461","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ XL","offer_id":49731350888685,"sku":"42275245817925","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ XXL","offer_id":49731350921453,"sku":"42275245916229","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ XXXL","offer_id":49731350954221,"sku":"42275245948997","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Green \/ S","offer_id":49731350986989,"sku":"42275245981765","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Green \/ M","offer_id":49731351019757,"sku":"42275246047301","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Green \/ L","offer_id":49731351052525,"sku":"42275246080069","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Green \/ XL","offer_id":49731351085293,"sku":"42275246014533","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Green \/ XXL","offer_id":49731351118061,"sku":"42275246112837","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Green \/ XXXL","offer_id":49731351150829,"sku":"42275246145605","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue \/ S","offer_id":49731351183597,"sku":"42275246178373","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue \/ M","offer_id":49731351216365,"sku":"42275246243909","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue \/ L","offer_id":49731351249133,"sku":"42275246276677","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue \/ XL","offer_id":49731351281901,"sku":"42275246211141","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue \/ XXL","offer_id":49731351314669,"sku":"42275246309445","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue \/ XXXL","offer_id":49731351347437,"sku":"42275246342213","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey \/ S","offer_id":49731351380205,"sku":"42275246374981","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey \/ M","offer_id":49731351412973,"sku":"42275246440517","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey \/ L","offer_id":49731351445741,"sku":"42275246473285","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey \/ XL","offer_id":49731351478509,"sku":"42275246407749","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey \/ XXL","offer_id":49731351511277,"sku":"42275246506053","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey \/ XXXL","offer_id":49731351544045,"sku":"42275246538821","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"White \/ S","offer_id":49731351576813,"sku":"42275246571589","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"White \/ M","offer_id":49731351609581,"sku":"42275246637125","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"White \/ L","offer_id":49731351642349,"sku":"42275246669893","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"White \/ XL","offer_id":49731351675117,"sku":"42275246604357","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"White \/ XXL","offer_id":49731351707885,"sku":"42275246702661","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"White \/ XXXL","offer_id":49731351740653,"sku":"42275246735429","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Khaki \/ S","offer_id":49731351773421,"sku":"42275246768197","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Khaki \/ M","offer_id":49731351806189,"sku":"42275246833733","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Khaki \/ L","offer_id":49731351838957,"sku":"42275246866501","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Khaki \/ XL","offer_id":49731351871725,"sku":"42275246800965","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Khaki \/ XXL","offer_id":49731351904493,"sku":"42275246899269","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Khaki \/ XXXL","offer_id":49731351937261,"sku":"42275246932037","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige \/ S","offer_id":49731351970029,"sku":"42275246964805","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige \/ M","offer_id":49731352002797,"sku":"42275247030341","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige \/ L","offer_id":49731352035565,"sku":"42275247063109","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige \/ XL","offer_id":49731352068333,"sku":"42275246997573","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige \/ XXL","offer_id":49731352101101,"sku":"42275247095877","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige \/ XXXL","offer_id":49731352133869,"sku":"42275247128645","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Dark Gray \/ S","offer_id":49731352166637,"sku":"42275247161413","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Dark Gray \/ M","offer_id":49731352199405,"sku":"42275247226949","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Dark Gray \/ L","offer_id":49731352232173,"sku":"42275247259717","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Dark Gray \/ XL","offer_id":49731352264941,"sku":"42275247194181","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Dark Gray \/ XXL","offer_id":49731352297709,"sku":"42275247292485","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Dark Gray \/ XXXL","offer_id":49731352330477,"sku":"42275247325253","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ S","offer_id":49731352363245,"sku":"42275247358021","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ M","offer_id":49731352396013,"sku":"42275247423557","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ L","offer_id":49731352428781,"sku":"42275247456325","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ XL","offer_id":49731352461549,"sku":"42275247390789","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ XXL","offer_id":49731352494317,"sku":"42275247489093","price":32.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ XXXL","offer_id":49731352527085,"sku":"42275247521861","price":32.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0805\/5691\/6973\/files\/2f4d3cf6a1d0e362b9c5877abd4fda3c.jpg?v=1774709242","url":"https:\/\/www.biyonline.co.za\/products\/two-piece-tracksuit-set","provider":"BIY Online","version":"1.0","type":"link"}