.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 PHANTOM line are designed to glide effortlessly when pumping or connecting waves and prove themselves very agile and precise when surfing and winging. Connecting waves while wing foiling, surfing or even downwinding is easy and fun with the PHANTOM CARBON foil. Carving is also part of its DNA, as connecting waves isn’t much fun if you can’t turn properly. By working on the lift distribution, arch shape, and other details, we reached a performing foil that can carve smooth curves on the waves and swells. Aspect Ratio: 6.0 Speed and glide Radical turns and agile carving Efficient pumping and planing start Incredible freestyle abilities PERFORMANCE Low End 0% Speed 0% Maneuverability 0% Pumping 0% OVERVIEW The PHANTOM CARBON range is well-balanced and will satisfy a broad variety of riders thanks to its wide size range and huge potential. These foils have it all and do everything well: a satisfying glide, a great planing start, and amazing carving abilities. The PHANTOM 980 is the newest size in this range. This is a high-performance foil that will allow you to take your skills to the next level in surf foil or wing foil, while maintaining good carving and pumping abilities. The PHANTOM 1080 is the ideal front wing for surfing due to its speed-to-lift ratio that will allow you to keep up with the wave and surf it for as long as possible. It is surprisingly easy to use, but also provides incredible performances in speed, carving and pumping when needed. The PHANTOM 1280 provides a similar program to the 1480 but is more versatile. It carves better, goes faster, and is a good combination of planing and performance for wing foil. It is also suitable for lighter riders (< 70 kg). The PHANTOM 1480 combines efficiency and accessibility. Its lift allows you to glide endlessly while having fun thanks to its incredible maneuverability and stability. It is an ultra-versatile foil that will allow you to surf in waves < 1m50, venture downwind, wing foil, or even try dockstarts or wakefoil… It does everything well and will be there for you even in weak conditions. The PHANTOM 1780 offers the highest lift of the range. The program is the same as the smaller sizes, but this foil is more adapted for heavier riders (> 85 kg). It is a large and stable wing that remains highly maneuverable, and that will bring extra power in light winds. 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 to plug in either an aluminum 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); }); });
