{"product_id":"nitesh-text","title":"nitesh-text","description":"\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/FLASH-SALE-12_-desk.webp?v=1782207274\" style=\"width:100%;display:block;\"\u003e\n\n\u003cstyle\u003e\n*{\n    box-sizing:border-box;\n}\n  html{\n    scroll-behavior:smooth;\n}\n\n.scroll-section{\n    position:relative;\n    height:1200vh; \/* controls how long animation lasts *\/\n}\n\n.wrapper{\n    width:100%;\n    max-width:1200px;\n    height:100vh;\n    margin:auto;\n    position:sticky;\n    top:0;\n    overflow:hidden;\n}\n\n.item{\n    position:absolute;\n    width:180px;\n    left:45%;\n    top:75%;\n    text-align:center;\n    transform-origin:center;\n    transition:\n        transform .35s cubic-bezier(.22,.61,.36,1),\n        opacity .35s ease;\n    will-change:transform;\n}\n.item img{\n    width:255px;\n    height:255px;\n    object-fit:contain;\n    display:block;\n    margin:auto;\n}\n\n.item span{\n    display:block;\n    margin-top:8px;\n    font-size:14px;\n    font-weight:600;\n    color:#333;\n}\n\n.center-content{\n    position:absolute;\n    left:52.5%;\n    top:37.5%;\n    transform:translate(-50%,-50%);\n    width:350px;\n    text-align:center;\n    z-index:100;\n}\n\n.center-content h2{\n    font-size:34px;\n    margin-bottom:15px;\n}\n\n.center-content p{\n    color:#666;\n    line-height:1.6;\n}\n\n\/* Mobile *\/\n@media(max-width:768px){\n\n    .item{\n        width:110px;\n    }\n\n    .item img{\n        width:90px;\n        height:90px;\n    }\n\n    .item span{\n        font-size:11px;\n    }\n\n    .center-content{\n        left:58%;\n        top:58%;\n        width:260px;\n    }\n\n    .center-content h2{\n        font-size:22px;\n    }\n\n    .center-content p{\n        font-size:13px;\n    }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"scroll-section\"\u003e\n\n    \u003cdiv class=\"wrapper\"\u003e\n\n        \u003cdiv class=\"item\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Ambient_Sound-1_-_Copy.webp?v=1782218722\"\u003e\n            \u003cspan\u003eTwister 717\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"item\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Audio_mode-2_-_Copy.webp?v=1782218722\"\u003e\n            \u003cspan\u003eDwOTS 757\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"item\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Dial_Pad-3_-_Copy.webp?v=1782218722\"\u003e\n            \u003cspan\u003eZink Blue\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"item\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/EQ-4_-_Copy.webp?v=1782218722\"\u003e\n            \u003cspan\u003eCozy Desk 1\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"item\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Find_Earbuds-5_-_Copy.webp?v=1782218722\"\u003e\n            \u003cspan\u003eCozy Desk 4\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"item\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Incoming_Call-6_-_Copy.webp?v=1782218722\"\u003e\n            \u003cspan\u003eCozy Desk 5\u003c\/span\u003e\n        \u003c\/div\u003e\n       \u003cdiv class=\"item\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Music-7_-_Copy.webp?v=1782218722\"\u003e\n            \u003cspan\u003eCozy Desk 5\u003c\/span\u003e\n        \u003c\/div\u003e\n\n       \u003cdiv class=\"item\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Take_Photos-8_-_Copy.webp?v=1782218722\"\u003e\n            \u003cspan\u003eCozy Desk 5\u003c\/span\u003e\n        \u003c\/div\u003e\n\n       \u003cdiv class=\"item\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Volume-9_-_Copy.webp?v=1782218722\"\u003e\n            \u003cspan\u003eCozy Desk 5\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"center-content\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Main.png?v=1782218773\"\u003e\n            \u003cspan\u003eCozy Desk 5\u003c\/span\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cscript\u003e\nconst items = document.querySelectorAll(\".item\");\nconst section = document.querySelector(\".scroll-section\");\nconst total = items.length;\nconst maxSteps = 14;\n\nlet currentStep = 0;\n\nfunction getRadius(){\n    if(window.innerWidth \u003c= 480) return 150;\n    if(window.innerWidth \u003c= 768) return 220;\n    return 450;\n}\n\nfunction render(step){\n\n    let order = [...Array(total).keys()];\n\n    for(let i=0;i\u003cstep;i++){\n        const last = order.pop();\n        order.unshift(last);\n    }\n\n    const radius = getRadius();\n\n    order.forEach((itemIndex,pos)=\u003e{\n\n        const item = items[itemIndex];\n\n        const angle = (180\/(total-1))*pos;\n        const rad = (angle-180) * Math.PI \/ 180;\n\n        const x = Math.cos(rad) * radius;\n        const y = Math.sin(rad) * radius;\n\n        const center = (total-1)\/2;\n        const distance = Math.abs(pos-center);\n\n        let scale = 1.25 - distance * 0.12;\n        scale = Math.max(scale,0.65);\n\n        let opacity = 1 - distance * 0.18;\n        opacity = Math.max(opacity,0.15);\n\n        if(pos===0 || pos===total-1){\n            opacity = 0;\n        }\n\n        item.style.transform =\n            `translate(${x}px, ${y}px) scale(${scale})`;\n\n        item.style.opacity = opacity;\n        item.style.zIndex = 100 - distance;\n    });\n}\n\nfunction updateAnimation(){\n\n    const rect = section.getBoundingClientRect();\n\n    if(rect.top \u003c= 0 \u0026\u0026 rect.bottom \u003e= window.innerHeight){\n\n        const progress =\n            -rect.top \/\n            (section.offsetHeight - window.innerHeight);\n\n        const targetStep = Math.max(\n            0,\n            Math.min(\n                maxSteps,\n                Math.round(progress * maxSteps)\n            )\n        );\n\n        if(targetStep !== currentStep){\n            currentStep = targetStep;\n            render(currentStep);\n        }\n    }\n}\n\nwindow.addEventListener(\n    \"scroll\",\n    () =\u003e requestAnimationFrame(updateAnimation),\n    { passive:true }\n);\n\nwindow.addEventListener(\"resize\",()=\u003e{\n    render(currentStep);\n});\n\nrender(0);\n\u003c\/script\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/FLASH-SALE-12_-desk.webp?v=1782207274\" style=\"width:100%;display:block;\"\u003e","brand":"ACwO","offers":[{"title":"Default Title","offer_id":53805048168766,"sku":null,"price":0.0,"currency_code":"INR","in_stock":false}],"url":"https:\/\/acwo.com\/products\/nitesh-text","provider":"ACwO","version":"1.0","type":"link"}