{"product_id":"f-one-frigate","title":"F-One FRIGATE","description":"\u003ch3\u003eCatch and stash\u003c\/h3\u003e\u003chr style=\"max-width: 600px; margin: 1rem 0 !important;\"\u003e\u003cp class=\"p1\"\u003eDiscover the FRIGATE, F-ONE’s first pocket wing, designed to take you further. With the FRIGATE, forget the paddle and the car: go upwind in the blink of an eye and set off for a long downwind in total freedom and simplicity. The perfect balance of stability, lightness, compactness and controlled power, this single-skin pocket wing offers a high-performance, comfortable ride, whatever the conditions.\u003c\/p\u003e\n\u003cul class=\"ul1\"\u003e\n\u003cli class=\"li1\"\u003e\n\u003cb\u003eExceptional upwind performance\u003c\/b\u003e: speed up your ride upwind, spend more time downwinding.\u003c\/li\u003e\n\u003cli class=\"li1\"\u003e\n\u003cb\u003eStability and comfort\u003c\/b\u003e: a precise, consistent ride, even in gusty winds.\u003c\/li\u003e\n\u003cli class=\"li1\"\u003e\n\u003cb\u003eCompact design\u003c\/b\u003e: easy to stash, easy to deploy.\u003c\/li\u003e\n\u003cli class=\"li1\"\u003e\n\u003cb\u003eRevolutionary dynamic bridle system:\u003c\/b\u003e\u003cspan\u003e \u003c\/span\u003efor maximum control of the shape and tension of the sail in the sheet-in\/sheet-out position.\u003c\/li\u003e\n\u003cli class=\"li1\"\u003e\n\u003cb\u003eWide wind range\u003c\/b\u003e: ride all day with the same size, even if the wind picks up.\u003c\/li\u003e\n\u003cli class=\"li1\"\u003e\n\u003cb\u003eDurability, rigidity and lightness\u003c\/b\u003e: thanks to Porcher’s top-of-the-range fabric and LIROS bridles.\u003c\/li\u003e\n\u003c\/ul\u003e\u003cstyle\u003e\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\n\u003ch3\u003ePERFORMANCE\u003c\/h3\u003e\n\u003chr color=\"B3B3B3\" align=\"left\" width=\"30%\"\u003e\n\n\u003cdiv class=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-ring\" id=\"ring1\" data-progress=\"100\"\u003e\n        \u003csvg width=\"150\" height=\"150\"\u003e\n            \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n        \u003cdiv class=\"progress-title\"\u003eUpwind\u003c\/div\u003e\n        \u003cdiv class=\"progress-text\" id=\"progress1\"\u003e0%\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"progress-ring\" id=\"ring2\" data-progress=\"60\"\u003e\n        \u003csvg width=\"150\" height=\"150\"\u003e\n            \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n        \u003cdiv class=\"progress-title\"\u003eLow end\u003c\/div\u003e\n        \u003cdiv class=\"progress-text\" id=\"progress2\"\u003e0%\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"progress-ring\" id=\"ring3\" data-progress=\"80\"\u003e\n        \u003csvg width=\"150\" height=\"150\"\u003e\n            \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n        \u003cdiv class=\"progress-title\"\u003eHigh end\u003c\/div\u003e\n        \u003cdiv class=\"progress-text\" id=\"progress3\"\u003e0%\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"progress-ring\" id=\"ring4\" data-progress=\"90\"\u003e\n        \u003csvg width=\"150\" height=\"150\"\u003e\n            \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n        \u003cdiv class=\"progress-title\"\u003ePacking\u003c\/div\u003e\n        \u003cdiv class=\"progress-text\" id=\"progress4\"\u003e0%\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\n\n\n\n\n\n\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":"1.9m \/ Flame\/Wine","offer_id":52298149462353,"sku":"2025-77251-2001A-1.9A","price":949.0,"currency_code":"EUR","in_stock":false},{"title":"1.9m \/ Gold\/Petrol Blue","offer_id":52298149724497,"sku":"2025-77251-2001A-1.9B","price":949.0,"currency_code":"EUR","in_stock":false},{"title":"1.9m \/ White\/Lilac","offer_id":52298149986641,"sku":"2025-77251-2001A-1.9C","price":949.0,"currency_code":"EUR","in_stock":false},{"title":"1.9m \/ Lemon\/Lime","offer_id":52298150248785,"sku":"2025-77251-2001A-1.9D","price":949.0,"currency_code":"EUR","in_stock":false},{"title":"2.5m \/ Flame\/Wine","offer_id":52298149495121,"sku":"2025-77251-2001A-2.5A","price":999.0,"currency_code":"EUR","in_stock":false},{"title":"2.5m \/ Gold\/Petrol Blue","offer_id":52298149757265,"sku":"2025-77251-2001A-2.5B","price":999.0,"currency_code":"EUR","in_stock":false},{"title":"2.5m \/ White\/Lilac","offer_id":52298150019409,"sku":"2025-77251-2001A-2.5C","price":999.0,"currency_code":"EUR","in_stock":false},{"title":"2.5m \/ Lemon\/Lime","offer_id":52298150281553,"sku":"2025-77251-2001A-2.5D","price":999.0,"currency_code":"EUR","in_stock":false},{"title":"3.0m \/ Flame\/Wine","offer_id":52298149527889,"sku":"2025-77251-2001A-3.0A","price":1049.0,"currency_code":"EUR","in_stock":false},{"title":"3.0m \/ Gold\/Petrol Blue","offer_id":52298149790033,"sku":"2025-77251-2001A-3.0B","price":1049.0,"currency_code":"EUR","in_stock":false},{"title":"3.0m \/ White\/Lilac","offer_id":52298150052177,"sku":"2025-77251-2001A-3.0C","price":729.3,"currency_code":"EUR","in_stock":true},{"title":"3.0m \/ Lemon\/Lime","offer_id":52298150314321,"sku":"2025-77251-2001A-3.0D","price":1049.0,"currency_code":"EUR","in_stock":false},{"title":"3.5m \/ Flame\/Wine","offer_id":52298149560657,"sku":"2025-77251-2001A-3.5A","price":1099.0,"currency_code":"EUR","in_stock":false},{"title":"3.5m \/ Gold\/Petrol Blue","offer_id":52298149822801,"sku":"2025-77251-2001A-3.5B","price":1099.0,"currency_code":"EUR","in_stock":false},{"title":"3.5m \/ White\/Lilac","offer_id":52298150084945,"sku":"2025-77251-2001A-3.5C","price":764.3,"currency_code":"EUR","in_stock":false},{"title":"3.5m \/ Lemon\/Lime","offer_id":52298150347089,"sku":"2025-77251-2001A-3.5D","price":1099.0,"currency_code":"EUR","in_stock":false},{"title":"4.0m \/ Flame\/Wine","offer_id":52298149593425,"sku":"2025-77251-2001A-4.0A","price":1149.0,"currency_code":"EUR","in_stock":false},{"title":"4.0m \/ Gold\/Petrol Blue","offer_id":52298149855569,"sku":"2025-77251-2001A-4.0B","price":1149.0,"currency_code":"EUR","in_stock":false},{"title":"4.0m \/ White\/Lilac","offer_id":52298150117713,"sku":"2025-77251-2001A-4.0C","price":1149.0,"currency_code":"EUR","in_stock":false},{"title":"4.0m \/ Lemon\/Lime","offer_id":52298150379857,"sku":"2025-77251-2001A-4.0D","price":1149.0,"currency_code":"EUR","in_stock":false},{"title":"4.7m \/ Flame\/Wine","offer_id":52298149626193,"sku":"2025-77251-2001A-4.7A","price":1199.0,"currency_code":"EUR","in_stock":false},{"title":"4.7m \/ Gold\/Petrol Blue","offer_id":52298149888337,"sku":"2025-77251-2001A-4.7B","price":1199.0,"currency_code":"EUR","in_stock":false},{"title":"4.7m \/ White\/Lilac","offer_id":52298150150481,"sku":"2025-77251-2001A-4.7C","price":1199.0,"currency_code":"EUR","in_stock":false},{"title":"4.7m \/ Lemon\/Lime","offer_id":52298150412625,"sku":"2025-77251-2001A-4.7D","price":1199.0,"currency_code":"EUR","in_stock":false},{"title":"5.5m \/ Flame\/Wine","offer_id":52298149658961,"sku":"2025-77251-2001A-5.5A","price":869.3,"currency_code":"EUR","in_stock":false},{"title":"5.5m \/ Gold\/Petrol Blue","offer_id":52298149921105,"sku":"2025-77251-2001A-5.5B","price":1249.0,"currency_code":"EUR","in_stock":false},{"title":"5.5m \/ White\/Lilac","offer_id":52298150183249,"sku":"2025-77251-2001A-5.5C","price":1249.0,"currency_code":"EUR","in_stock":false},{"title":"5.5m \/ Lemon\/Lime","offer_id":52298150445393,"sku":"2025-77251-2001A-5.5D","price":1249.0,"currency_code":"EUR","in_stock":false},{"title":"6.5m \/ Flame\/Wine","offer_id":52298149691729,"sku":"2025-77251-2001A-6.5A","price":1349.0,"currency_code":"EUR","in_stock":false},{"title":"6.5m \/ Gold\/Petrol Blue","offer_id":52298149953873,"sku":"2025-77251-2001A-6.5B","price":1349.0,"currency_code":"EUR","in_stock":false},{"title":"6.5m \/ White\/Lilac","offer_id":52298150216017,"sku":"2025-77251-2001A-6.5C","price":1349.0,"currency_code":"EUR","in_stock":false},{"title":"6.5m \/ Lemon\/Lime","offer_id":52298150478161,"sku":"2025-77251-2001A-6.5D","price":1349.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/frigate-2-650x650.png?v=1762764575","url":"https:\/\/www.billy.be\/products\/f-one-frigate","provider":"Billy.be","version":"1.0","type":"link"}