{"product_id":"f-one-eagle-x-uhm-carbon-front-wing","title":"F-One EAGLE X UHM CARBON Front Wing","description":"\u003ch3\u003eGlide unleashed\u003c\/h3\u003e\u003chr style=\"max-width: 600px; margin: 1rem 0 !important;\"\u003epeed across the bumps with the new EAGLE X!\n\nThanks to its high speed potential and impressive glide, this foil will delight the best downwinders, whether SUP foiling or wing foiling.\u003cul\u003e\n    \u003cli\u003eMade for advanced riders\u003c\/li\u003e\n    \u003cli\u003eHigh aspect ratio of 12\u003c\/li\u003e\n    \u003cli\u003eExtreme speed and glide\u003c\/li\u003e\n\u003c\/ul\u003e\u003cstyle\u003e\n  .table td, table th {\n        padding-left: 10px !important;\n        padding-right: 10px !important;\n        padding-top: 4px !important;\n        padding-bottom: 4px !important;\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    @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\u003c\/style\u003e\n\u003ch3\u003ePERFORMANCE\u003c\/h3\u003e\n\u003chr style=\"border: none; border-top: 1px solid #B3B3B3; width: 30%; margin: 0 0 20px 0;\"\u003e\n\u003cdiv class=\"progress-container\"\u003e\n\u003cdiv data-progress=\"95\" id=\"ring1\" class=\"progress-ring\"\u003e\n\u003csvg height=\"150\" width=\"150\"\u003e\n            \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring-background\"\u003e\u003c\/circle\u003e\n            \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eGlide\u003c\/div\u003e\n\u003cdiv id=\"progress1\" class=\"progress-text\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-progress=\"75\" id=\"ring2\" class=\"progress-ring\"\u003e\n\u003csvg height=\"150\" width=\"150\"\u003e\n            \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring-background\"\u003e\u003c\/circle\u003e\n            \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eManeuverability\u003c\/div\u003e\n\u003cdiv id=\"progress2\" class=\"progress-text\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-progress=\"90\" id=\"ring3\" class=\"progress-ring\"\u003e\n\u003csvg height=\"150\" width=\"150\"\u003e\n            \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring-background\"\u003e\u003c\/circle\u003e\n            \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eSpeed\u003c\/div\u003e\n\u003cdiv id=\"progress3\" class=\"progress-text\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-progress=\"70\" id=\"ring4\" class=\"progress-ring\"\u003e\n\u003csvg height=\"150\" width=\"150\"\u003e\n            \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring-background\"\u003e\u003c\/circle\u003e\n            \u003ccircle r=\"65\" cy=\"75\" cx=\"75\" class=\"ring\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003ePumping\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\u003eCOMPARISON CHART\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 table-responsive\"\u003e\n    \u003ctable style=\"width: 100%; margin: auto; border-radius: 8px; overflow: hidden;\"\u003e\n        \u003cthead style=\"background-color: #333333; color: #ffffff;\"\u003e\n            \u003ctr\u003e\n                \u003cth\u003eModel\u003c\/th\u003e\n                \u003cth\u003eKey Features\u003c\/th\u003e\n                \u003cth\u003eIdeal For\u003c\/th\u003e\n                \u003cth\u003eLevel\u003c\/th\u003e\n            \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n            \u003ctr style=\"background-color: #f8f9fa;\"\u003e\n                \u003ctd\u003eGravity FCT\u003c\/td\u003e\n                \u003ctd\u003eFCT (Foil Compression Technology) for affordability, lift, and stability for early take-offs.\u003c\/td\u003e\n                \u003ctd\u003eBeginners and budget-conscious riders.\u003c\/td\u003e\n                \u003ctd\u003eBeginner\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eGravity Carbon\u003c\/td\u003e\n                \u003ctd\u003eEmphasis on lift, early take-off, durable carbon construction.\u003c\/td\u003e\n                \u003ctd\u003eBeginners and intermediates, light wind conditions.\u003c\/td\u003e\n                \u003ctd\u003eBeginner\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr style=\"background-color: #f8f9fa;\"\u003e\n                \u003ctd\u003eSeven Seas\u003c\/td\u003e\n                \u003ctd\u003eBalanced glide and maneuverability, stable and versatile.\u003c\/td\u003e\n                \u003ctd\u003eProgressing riders and various conditions.\u003c\/td\u003e\n                \u003ctd\u003eIntermediate\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003ePhantom\u003c\/td\u003e\n                \u003ctd\u003eBlend of speed, carving, and lift; versatile for different disciplines.\u003c\/td\u003e\n                \u003ctd\u003eAll-around performance seekers.\u003c\/td\u003e\n                \u003ctd\u003eIntermediate\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr style=\"background-color: #f8f9fa;\"\u003e\n                \u003ctd\u003ePhantom Carbon\u003c\/td\u003e\n                \u003ctd\u003eLightweight pre-preg carbon, balanced speed, glide, and carving.\u003c\/td\u003e\n                \u003ctd\u003eVersatile riding styles.\u003c\/td\u003e\n                \u003ctd\u003eIntermediate\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eEagle\u003c\/td\u003e\n                \u003ctd\u003eHigh aspect ratio, maximum glide, efficient downwind and long-distance capabilities.\u003c\/td\u003e\n                \u003ctd\u003eDownwind and long-distance wingfoiling.\u003c\/td\u003e\n                \u003ctd\u003eAdvanced\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr style=\"background-color: #f8f9fa;\"\u003e\n                \u003ctd\u003eSK8\u003c\/td\u003e\n                \u003ctd\u003eQuick response and agility, compact for tricks and wave riding.\u003c\/td\u003e\n                \u003ctd\u003eFreestyle and wave enthusiasts.\u003c\/td\u003e\n                \u003ctd\u003eAdvanced\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003ePhantom-S\u003c\/td\u003e\n                \u003ctd\u003eHigh performance, exceptional speed, and manoeuvrability.\u003c\/td\u003e\n                \u003ctd\u003eAdvanced riders seeking carving and aggressive turns.\u003c\/td\u003e\n                \u003ctd\u003eExpert\u003c\/td\u003e\n            \u003c\/tr\u003e\n\n            \u003ctr style=\"background-color: #f8f9fa;\"\u003e\n                \u003ctd\u003eEagle X\u003c\/td\u003e\n                \u003ctd\u003eEnhanced performance, advanced materials for rigidity and responsiveness.\u003c\/td\u003e\n                \u003ctd\u003eExperienced riders wanting top-tier performance.\u003c\/td\u003e\n                \u003ctd\u003eExpert\u003c\/td\u003e\n            \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n    \u003c\/table\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\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    });\n\u003c\/script\u003e","brand":"F-One","offers":[{"title":"600m²","offer_id":50619921760593,"sku":"FW25-77247-0170","price":1029.0,"currency_code":"EUR","in_stock":false},{"title":"700m²","offer_id":50619921793361,"sku":"FW24-77247-0171","price":1059.0,"currency_code":"EUR","in_stock":false},{"title":"800m²","offer_id":50619921826129,"sku":"FW24-77247-0172","price":1089.0,"currency_code":"EUR","in_stock":false},{"title":"900m²","offer_id":50619921858897,"sku":"FW24-77247-0173","price":1139.0,"currency_code":"EUR","in_stock":false},{"title":"1000m²","offer_id":50619921891665,"sku":"FW24-77247-0174","price":1159.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/eagle-x-2-650x650.jpg?v=1740141286","url":"https:\/\/www.billy.be\/products\/f-one-eagle-x-uhm-carbon-front-wing","provider":"Billy.be","version":"1.0","type":"link"}