.table td, table th { padding-left: 10px !important; padding-right: 10px !important; padding-top: 4px !important; padding-bottom: 4px !important; } .progress-container { display: flex; justify-content: space-between; background-color: #f9f9f9; padding: 40px 25px 60px 25px; } .progress-ring { width: 150px; height: 150px; position: relative; text-align: center; } .progress-ring circle { fill: transparent; stroke: #ff6800; stroke-width: 15; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset 0.5s; } .progress-ring .ring-background { fill: transparent; stroke: #ccc; stroke-width: 15; transform: rotate(-90deg); transform-origin: 50% 50%; } .progress-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; } .progress-title { font-size: 20px; color: black; margin-top: 10px; } @media (max-width: 768px) { .progress-container { flex-direction: column; align-items: center; } .progress-ring { margin-bottom: 50px; } } The foils of the GRAVITY line are designed to provide a solid lift with an easy and progressive take-off. In keeping with its best-selling carbon sibling, this GRAVITY FCT is the ideal foil to get started and progress confidently and constantly. Aspect Ratio: 5.0 Accessible, forgiving, reliable Smooth and early take-off at slow speeds Stability and lift Great speed control PERFORMANCE Low End 0% Speed 0% Maneuverability 0% Pumping 0% OVERVIEW A GRAVITY foil is intuitive. It generates lift at low — and even very low — speeds but does so smoothly, making it easy to maintain your balance. The range includes two sizes: 1800 and 2200 cm². These sizes support an early take-off, providing more lift and stability. However, they also feature a sufficient aspect ratio to maintain a decent speed range and reduce unnecessary drag. The generous span makes it a reliable and intuitive foil. It provides excellent control at low speeds and is extremely stable overall. Refined design details, such as the arch curvature, profile, and wing tips, ensure it remains highly manoeuvrable. This GRAVITY FCT range is a fantastic option for anyone looking to discover foiling and consistently progress. Built with durable and sturdy materials, it can withstand the typical mistakes of early learning stages and is extremely forgiving overall. The GRAVITY FCT line is precisely crafted using Foil Compression Technology (FCT), an F-ONE innovation that offers impressive mechanical properties. The fuselage connects seamlessly to the standard F-ONE aluminium mast of the desired length. The setup and disassembly are extremely easy, making the entire setup very travel-friendly. All in all, this technology delivers one of the most accessible and scalable foil setups while maintaining the DNA of its carbon counterpart. COMES WITH EVA Soft Cover Screws: 4x M6-14mm tapered head screws Tool: Torx key User Guide COMPARISON CHART Model Key Features Ideal For Level Gravity FCT FCT (Foil Compression Technology) for affordability, lift, and stability for early take-offs. Beginners and budget-conscious riders. Beginner Gravity Carbon Emphasis on lift, early take-off, durable carbon construction. Beginners and intermediates, light wind conditions. Beginner Seven Seas Balanced glide and maneuverability, stable and versatile. Progressing riders and various conditions. Intermediate Phantom Blend of speed, carving, and lift; versatile for different disciplines. All-around performance seekers. Intermediate Phantom Carbon Lightweight pre-preg carbon, balanced speed, glide, and carving. Versatile riding styles. Intermediate Eagle High aspect ratio, maximum glide, efficient downwind and long-distance capabilities. Downwind and long-distance wingfoiling. Advanced SK8 Quick response and agility, compact for tricks and wave riding. Freestyle and wave enthusiasts. Advanced Phantom-S High performance, exceptional speed, and manoeuvrability. Advanced riders seeking carving and aggressive turns. Expert Eagle X Enhanced performance, advanced materials for rigidity and responsiveness. Experienced riders wanting top-tier performance. Expert document.addEventListener("DOMContentLoaded", function() { function animateProgress(ringId, from, to, duration) { const ring = document.querySelector(`#ring${ringId} .ring`); const text = document.getElementById(`progress${ringId}`); const title = document.querySelector(`#ring${ringId} .progress-title`); const circumference = 2 * Math.PI * 65; // Hardcoding the radius as 65 for this example const increment = (to - from) / (duration * 60); let current = from; function update() { if ((increment > 0 && current < to) || (increment < 0 && current > to)) { const offset = circumference - (current / 100) * circumference; ring.style.strokeDasharray = `${circumference} ${circumference}`; ring.style.strokeDashoffset = offset; text.textContent = `${Math.round(current)}%`; current += increment; requestAnimationFrame(update); } else { const offset = circumference - (to / 100) * circumference; ring.style.strokeDashoffset = offset; text.textContent = `${to}%`; } } update(); } function handleIntersection(entries, observer) { entries.forEach((entry) => { if (entry.isIntersecting) { const ringId = entry.target.id.replace('ring', ''); const from = 0; const to = parseInt(entry.target.getAttribute('data-progress'), 10); animateProgress(ringId, from, to, 2); observer.unobserve(entry.target); } }); } const rings = document.querySelectorAll('.progress-ring'); const observer = new IntersectionObserver(handleIntersection, { root: null, rootMargin: '0px', threshold: 0.2 // Adjust this threshold as needed }); rings.forEach((ring) => { observer.observe(ring); }); });
Related
Related
Related
Related