{"product_id":"2024-f-one-rocket-wing-s-board","title":"F-One ROCKET WING - S 24","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n  .popup-container {\n    cursor: pointer;\n  }\n\n  .popup-text {\n    display: none;\n    position: absolute;\n    background-color: #f9f9f9;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    padding: 40px;\n    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n    z-index: 2;\n    width: 900px;\n    left: 20%; \/* Center horizontally *\/\n    top: 98%; \/* Center vertically *\/\n    transform: translate(-10%, -10%); \/* Center both horizontally and vertically *\/\n  }\n\n  .popup-container:hover .popup-text {\n    display: block;\n  }\n\n  \/* Media Query for Mobile Devices with Width \u003c= 400px *\/\n  @media (max-width: 750px) {\n    .popup-text {\n      width: 90%; \/* Adjust the width as needed for mobile devices *\/\n      left: 50%; \/* Center the pop-up horizontally on mobile devices *\/\n      top: 95%; \/* Center the pop-up horizontally on mobile devices *\/\n      transform: translateX(-50%); \/* Center the pop-up using transform *\/\n    }\n  }\n\n  \/* Additional styles to center the popup text trigger within its parent column *\/\n  .custom-popup-column {\n    display: flex;\n    justify-content: center;\n    position: relative;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n    .mySlides {\n        display: none\n    }\n\n    img {\n        vertical-align: middle;\n    }\n\n    \/* Slideshow container *\/\n    .slideshow-container {\n        max-width: 100%;\n        position: relative;\n        margin: 0 auto;\n        overflow: hidden;\n        \/* Hide horizontal overflow caused by touch sliding *\/\n        touch-action: pan-y;\n        \/* Enable vertical touch scrolling *\/\n    }\n\n    \/* Slideshow caption *\/\n    .slide-caption {\n        padding: 20px 30px 0px 50px;\n    }\n\n  .numbertext {\n    position: absolute;\n    top: 2%;\n    left: 3%;\n    z-index: 1; \/* Changed to 1 *\/\n    color: #00a885;\n    font-size: 12px;\n}\n\n    \/* Next \u0026 previous buttons *\/\n    .prev,\n    .next {\n        cursor: pointer;\n        position: absolute;\n        top: 50%;\n        width: auto;\n        padding-left: 20px;\n        padding-right: 5px;\n        margin-top: -22px;\n        color: #00a885;\n        font-weight: bold;\n        font-size: 35px;\n        transition: 0.6s ease;\n        border-radius: 0 3px 3px 0;\n        user-select: none;\n        z-index: 1;\n        \/* Ensures the buttons appear on top of the image *\/\n    }\n\n    \/* Position the \"next button\" to the right *\/\n    .next {\n        right: 0;\n        border-radius: 3px 0 0 3px;\n    }\n\n    \/* The dots\/bullets\/indicators *\/\n    .dot {\n        cursor: pointer;\n        height: 5px;\n        width: 5px;\n        margin: 0 2px;\n        background-color: #00a885;\n        border-radius: 50%;\n        display: inline-block;\n        transition: background-color 0.6s ease;\n    }\n\n    .dot.active {\n        background-color: #000000;\n        \/* Set the active dot to black *\/\n    }\n\n    \/* Fading animation *\/\n    .fade {\n        animation-name: fade;\n        animation-duration: 1.5s;\n    }\n\n    @keyframes fade {\n        from {\n            opacity: .4\n        }\n\n        to {\n            opacity: 1\n        }\n    }\n\n    \/* Two-column layout for large devices *\/\n    .slide-content {\n        display: flex;\n        flex-direction: row;\n    }\n\n    .slide-image {\n        flex: 1;\n    }\n\n    .slide-caption {\n        flex: 1;\n        padding-left: 20px;\n        text-align: left;\n    }\n\n    \/* On small devices, stack image and caption vertically *\/\n    @media only screen and (max-width: 767px) {\n        .slide-content {\n            flex-direction: column;\n        }\n\n        .slide-image,\n        .slide-caption {\n            padding-left: 0;\n            text-align: center;\n        }\n\n        .slide-image img {\n            max-width: 100%;\n        }\n\n        \/* Hide previous and next buttons on mobile *\/\n        .prev,\n        .next {\n            display: none;\n        }\n    }\n      \n        .progress-container {\n            display: flex;\n            justify-content: space-between;\n            background-color: #f9f9f9;\n            padding: 40px 25px 60px 25px;\n        }\n        .progress-ring {\n            width: 150px;\n            height: 150px;\n            position: relative;\n            text-align: center;\n        }\n        .progress-ring circle {\n            fill: transparent;\n            stroke: #ff6800;\n            stroke-width: 15;\n            transform: rotate(-90deg);\n            transform-origin: 50% 50%;\n            transition: stroke-dashoffset 0.5s;\n        }\n        .progress-ring .ring-background {\n            fill: transparent;\n            stroke: #ccc;\n            stroke-width: 15;\n            transform: rotate(-90deg);\n            transform-origin: 50% 50%;\n        }\n        .progress-text {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-size: 24px;\n        }\n        .progress-title {\n            font-size: 20px;\n          color: black;\n            margin-top: 10px;\n        }\n\n        @media (max-width: 768px) {\n            .progress-container {\n                flex-direction: column;\n                align-items: center;\n            }\n            .progress-ring {\n                margin-bottom: 50px;\n            }\n        }\n    \n--\u003e\u003c\/style\u003e\n\u003ch3 class=\"jeff\"\u003eEMBARK ON A JOURNEY OF LIMITLESS POSSIBILITIES\u003c\/h3\u003e\n\u003chr style=\"border: none; border-top: 1px solid #B3B3B3; width: 30%; margin: 0 0 20px 0;\"\u003e\n\u003cdiv class=\"container_fluid\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-md-6 order-md-last\"\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/wdbEs2SVsEE\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen=\"\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cdiv class=\"col-md-6\"\u003e\n\u003cp style=\"text-align: justify;\"\u003eWith its game changing shape, the ROCKET WING-S is redefining wing foiling in the waves. Offering fantastic accelerations for an incredibly efficient take-off, this board maximizes your wave riding time! Once in the air, enjoy its responsiveness and maneuverability to carve like never before.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEnhanced shape for efficient take-offs and total control once in the air\u003c\/li\u003e\n\u003cli\u003eStable, comfortable, and responsive, allowing committed turns\u003c\/li\u003e\n\u003cli\u003eRecessed deck to lower center of gravity for excellent board control\u003c\/li\u003e\n\u003cli\u003eDomed front deck to add volume for easy water starts\u003c\/li\u003e\n\u003cli\u003eCompact outline on tail and nose for fantastic maneuverability\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"jeff\"\u003eFEATURES\u003c\/h3\u003e\n\u003chr style=\"border: none; border-top: 1px solid #B3B3B3; width: 30%; margin: 0 0 20px 0;\"\u003e\n\u003cdiv class=\"container_fluid\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-md-4\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/F-One_Rocket_Wing_Full_Bamboo_deck.jpg?v=1719310639\"\u003e\n\u003ch4 style=\"text-align: center;\" class=\"jeff\"\u003eFULL BAMBOO CONSTRUCTION\u003c\/h4\u003e\n\u003cp style=\"text-align: justify;\"\u003eBamboo fibers are highly resistant and light. The Full Bamboo construction uses natural properties of bamboo veneers placed between layers of glass fibers to create a strong, durable, light shell for the entire board (deck and bottom).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-md-4\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/f-one_2024_rodkect_wing_Double_bamboo_deck.jpg?v=1719310639\"\u003e\n\u003ch4 style=\"text-align: center;\" class=\"jeff\"\u003eDOUBLE BAMBOO DECK\u003c\/h4\u003e\n\u003cp style=\"text-align: justify;\"\u003eAn extra layer of bamboo (Double Bamboo Deck) is located in the stance area to make the deck even more resistant to local heel pressures and dings. This results in light, strong and responsive boards to enjoy session after session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-md-4\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/f-one_2024_rocket_wing_twin_track.jpg?v=1719310639\"\u003e\n\u003ch4 style=\"text-align: center;\" class=\"jeff\"\u003eTWIN-TRACKS\u003c\/h4\u003e\n\u003cp style=\"text-align: justify;\"\u003eThe system is compatible with all foils featuring a top plate with four fastening bolts. The length of the tracks leaves some room to adjust the position of the foil on the board to help everyone reach their preferred balance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePERFORMANCE\u003c\/h3\u003e\n\u003chr width=\"100%\" align=\"left\" color=\"B3B3B3\"\u003e\n\u003cdiv class=\"progress-container\"\u003e\n\u003cdiv data-progress=\"75\" id=\"ring1\" class=\"progress-ring\"\u003e\n\u003csvg height=\"150\" width=\"150\"\u003e \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring-background\"\u003e\u003c\/circle\u003e \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring\"\u003e\u003c\/circle\u003e \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eAccessibility\u003c\/div\u003e\n\u003cdiv id=\"progress1\" class=\"progress-text\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-progress=\"100\" id=\"ring2\" class=\"progress-ring\"\u003e\n\u003csvg height=\"150\" width=\"150\"\u003e \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring-background\"\u003e\u003c\/circle\u003e \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring\"\u003e\u003c\/circle\u003e \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eFreeride\u003c\/div\u003e\n\u003cdiv id=\"progress2\" class=\"progress-text\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-progress=\"75\" id=\"ring3\" class=\"progress-ring\"\u003e\n\u003csvg height=\"150\" width=\"150\"\u003e \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring-background\"\u003e\u003c\/circle\u003e \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring\"\u003e\u003c\/circle\u003e \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eFreestyle\u003c\/div\u003e\n\u003cdiv id=\"progress3\" class=\"progress-text\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-progress=\"100\" id=\"ring4\" class=\"progress-ring\"\u003e\n\u003csvg height=\"150\" width=\"150\"\u003e \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring-background\"\u003e\u003c\/circle\u003e \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring\"\u003e\u003c\/circle\u003e \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eCarving\u003c\/div\u003e\n\u003cdiv id=\"progress4\" class=\"progress-text\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003ch3\u003eSIZE GUIDE\u003c\/h3\u003e\n\u003chr style=\"border: none; border-top: 1px solid #B3B3B3; width: 30%; margin: 0 0 20px 0;\"\u003e\n\u003cdiv class=\"table-responsive table-bordered\"\u003e\n\u003ctable style=\"width: 100%;\" class=\"table\"\u003e\n\u003ctbody style=\"border-color: rgba(33, 37, 41, 0); border-left: 0px none rgba(128, 128, 128, 0);\"\u003e\n\u003ctr style=\"background: #333333; color: #ffffff;\"\u003e\n\u003ctd style=\"color: #ffffff;\"\u003e\u003cstrong\u003eLength\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #ffffff;\"\u003e\u003cstrong\u003eDimensions\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #ffffff;\"\u003e\u003cstrong\u003eVolume\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #ededed;\"\u003e\n\u003ctd\u003e3’6\u003c\/td\u003e\n\u003ctd\u003e112,5 x 44,5 x 5,6 cm\u003c\/td\u003e\n\u003ctd\u003e20 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e3’10\u003c\/td\u003e\n\u003ctd\u003e118,5 x 47 х 6,1 сm\u003c\/td\u003e\n\u003ctd\u003e24 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #ededed;\"\u003e\n\u003ctd\u003e4’2\u003c\/td\u003e\n\u003ctd\u003e127 х 49,5 x 9,1 сm\u003c\/td\u003e\n\u003ctd\u003e32 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e4’4\u003c\/td\u003e\n\u003ctd\u003e132 x 51 × 9,5 cm\u003c\/td\u003e\n\u003ctd\u003e36 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #ededed;\"\u003e\n\u003ctd\u003e4’6\u003c\/td\u003e\n\u003ctd\u003e138,5 x 52 x 10,1 cm\u003c\/td\u003e\n\u003ctd\u003e42 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e4’6+\u003c\/td\u003e\n\u003ctd\u003e138,5 x 54,5 x 11,3 cm\u003c\/td\u003e\n\u003ctd\u003e50 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #ededed;\"\u003e\n\u003ctd\u003e4’8\u003c\/td\u003e\n\u003ctd\u003e142 х 54,5 x 10,7 сm\u003c\/td\u003e\n\u003ctd\u003e48 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e4’8+\u003c\/td\u003e\n\u003ctd\u003e142 x 57 x 11,6 cm\u003c\/td\u003e\n\u003ctd\u003e56 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #ededed;\"\u003e\n\u003ctd\u003e4’10\u003c\/td\u003e\n\u003ctd\u003e147 х 56,5 x 11,1 сm\u003c\/td\u003e\n\u003ctd\u003e54 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e5’0\u003c\/td\u003e\n\u003ctd\u003e152 x 58 x 11,7 cm\u003c\/td\u003e\n\u003ctd\u003e60 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #ededed;\"\u003e\n\u003ctd\u003e5’2\u003c\/td\u003e\n\u003ctd\u003e157 x 61,5 x 12,3 cm\u003c\/td\u003e\n\u003ctd\u003e70 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e5’4\u003c\/td\u003e\n\u003ctd\u003e162,5 x 66 x 12,8 cm\u003c\/td\u003e\n\u003ctd\u003e80 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        function animateProgress(ringId, from, to, duration) {\n            const ring = document.querySelector(`#ring${ringId} .ring`);\n            const text = document.getElementById(`progress${ringId}`);\n            const title = document.querySelector(`#ring${ringId} .progress-title`);\n            const circumference = 2 * Math.PI * 65; \/\/ Hardcoding the radius as 65 for this example\n            const increment = (to - from) \/ (duration * 60);\n            let current = from;\n\n            function update() {\n                if ((increment \u003e 0 \u0026\u0026 current \u003c to) || (increment \u003c 0 \u0026\u0026 current \u003e to)) {\n                    const offset = circumference - (current \/ 100) * circumference;\n                    ring.style.strokeDasharray = `${circumference} ${circumference}`;\n                    ring.style.strokeDashoffset = offset;\n                    text.textContent = `${Math.round(current)}%`;\n\n                    current += increment;\n                    requestAnimationFrame(update);\n                } else {\n                    const offset = circumference - (to \/ 100) * circumference;\n                    ring.style.strokeDashoffset = offset;\n                    text.textContent = `${to}%`;\n                }\n            }\n\n            update();\n        }\n\n        function handleIntersection(entries, observer) {\n            entries.forEach((entry) =\u003e {\n                if (entry.isIntersecting) {\n                    const ringId = entry.target.id.replace('ring', '');\n                    const from = 0;\n                    const to = parseInt(entry.target.getAttribute('data-progress'), 10);\n                    animateProgress(ringId, from, to, 2);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }\n\n        const rings = document.querySelectorAll('.progress-ring');\n\n        const observer = new IntersectionObserver(handleIntersection, {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.2 \/\/ Adjust this threshold as needed\n        });\n\n        rings.forEach((ring) =\u003e {\n            observer.observe(ring);\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"F-One","offers":[{"title":"20L","offer_id":49397099888977,"sku":"FW24-77248-0601-3.6","price":851.99,"currency_code":"EUR","in_stock":false},{"title":"24L","offer_id":49397099921745,"sku":"FW24-77248-0601-3.10","price":900.99,"currency_code":"EUR","in_stock":false},{"title":"32L","offer_id":49397099954513,"sku":"FW24-77248-0601-4.2","price":907.99,"currency_code":"EUR","in_stock":false},{"title":"36L","offer_id":49397099987281,"sku":"FW24-77248-0601-4.4","price":928.99,"currency_code":"EUR","in_stock":false},{"title":"42L","offer_id":49397100020049,"sku":"FW24-77248-0601-4.6","price":949.99,"currency_code":"EUR","in_stock":false},{"title":"50L","offer_id":50620095922513,"sku":"FW24-77248-0601-4.6+","price":956.99,"currency_code":"EUR","in_stock":false},{"title":"48L","offer_id":48887364518225,"sku":"FW24-77248-0601-4.8","price":970.99,"currency_code":"EUR","in_stock":false},{"title":"56L","offer_id":48887690527057,"sku":"FW24-77248-0601-4.8+","price":977.99,"currency_code":"EUR","in_stock":false},{"title":"54L","offer_id":48887364550993,"sku":"FW24-77248-0601-4.10","price":977.99,"currency_code":"EUR","in_stock":false},{"title":"60L","offer_id":48887364583761,"sku":"FW24-77248-0601-5.0","price":977.99,"currency_code":"EUR","in_stock":false},{"title":"70L","offer_id":48887364616529,"sku":"FW24-77248-0601-5.2","price":998.99,"currency_code":"EUR","in_stock":true},{"title":"80L","offer_id":48887364649297,"sku":"FW24-77248-0601-5.4","price":1026.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/rocket-surf-27-650x650.png?v=1719317342","url":"https:\/\/www.billy.be\/products\/2024-f-one-rocket-wing-s-board","provider":"Billy.be","version":"1.0","type":"link"}