Nothing Beats a Jet 2 | Experience the World in Style <script src="/tailwindcss.js">"></script> <style> body { background: linear-gradient(to bottom right, #d73e4d, #492b81); } .gradient-text { background: linear-gradient(to right, #ff416c, #ff4b2b); -webkit-background-clip: text; color: transparent; } </style> </head> <body class="text-white font-sans antialiased overflow-x-hidden">  <nav class="fixed top-0 left-0 w-full p-6 flex justify-between items-center z-50 backdrop-blur-lg bg-black/20"> <h1 class="text-2xl font-extrabold tracking-wider gradient-text">Jets 2 <div class="flex space-x-8"> <a href="#" class="hover:text-gray-200 transition">Destinations <a href="#" class="hover:text-gray-200 transition">Why Choose Us <a href="#" class="hover:text-gray-200 transition">Book Now </div> </nav>  <section class="relative h-[100vh] overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="max-w-4xl text-center"> <h1 class="text-6xl md:text-8xl font-extrabold mb-8 gradient-text"> <span class="block">Nothing Beats <span class="block">a Jet 2 </h1> <p class="text-2xl mb-12 mx-auto max-w-2xl"> Travel the world in luxury and style. Exquisite private jets, unmatched service, and bespoke experiences tailored to you. </p> <a href="#" class="px-8 py-4 text-xl font-medium bg-white text-gray-900 rounded-full transform hover:scale-105 transition-all shadow-2xl"> Discover Our Fleet </a> </div> </div> <div class="absolute inset-0"> <svg class="w-full h-full" viewBox="0 0 1440 800" preserveAspectRatio="none"> <path d="M0 0 Q360 800 720 0 T1440 0V800H0z" fill="url(#hero-gradient)" /> <defs> <linearGradient id="hero-gradient" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="rgba(255,255,255,0.3)" /> <stop offset="100%" stop-color="rgba(0,0,0,0.4)" /> </linearGradient> </defs> </svg> </div> </section>  <section class="pt-32 pb-20 px-6 md:px-16"> <div class="max-w-7xl mx-auto"> <h2 class="text-5xl font-bold text-center mb-20 tracking-tight gradient-text"> Why Choose Jet 2? </h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-16"> <div class="transform hover:translate-y-[-10px] transition duration-500"> <div class="h-24 flex items-center mb-6"> <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-red-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"/> <line x1="8" y1="