.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; } .table td, table th { padding-left: 10px !important; padding-right: 10px !important; padding-top: 4px !important; padding-bottom: 4px !important; } The GRAVITY CARBON foils are very easy and stable to learn on and progress with. They are designed to provide a solid lift with a progressive take-off, and are of great use for any rider in light and small conditions. An easy and efficient glide for everyone! Thanks to its impressive performance/accessibility ratio, the SEVEN SEAS suits beginners and pros alike. Aspect Ratio: 5.0 Accessible and straightforward foil Smooth and early take-off Stability, speed control, and lift Reliable and efficient in light conditions 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, allowing you to easily maintain your balance. These front wings are designed to be easy to roll and turn while remaining highly manoeuvrable. The GRAVITY CARBON is an excellent beginner foil, yet it’s equally fantastic for heavier or more experienced riders looking to enjoy light or unstable conditions. The range now includes two sizes: 1800 and 2200 cm². Foils with such areas promote an early take-off and offer more lift and stability. However, we ensured they also feature enough aspect ratio to maintain a decent speed range and reduce unnecessary drag. Their massive span provides excellent control at low speeds, while still allowing for smooth turns and carves. Built using the Monobloc structure with pre-preg carbon, the foils are both very light and strong. This setup brings improved load transmission and better stiffness throughout the different parts for maximum control. The TITAN connection allows you to plug in either an aluminium or carbon mast, and the fuselage is split in two to facilitate transport. COMES WITH EVA Soft Cover Screws: 3x M6-32mm + 2x M6-25mm 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); }); });
