<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YF0CSWVF9P"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YF0CSWVF9P');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Luxe Aviation - Luxury Private Jet Services</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap">
<style>
/* Luxe Aviation - Luxury Minimalist Design System */
/* CSS Variables - Warm Neutral Palette */
:root {
/* Primary Backgrounds - Warm foundation */
--bg-primary: #fffef2;
--bg-secondary: #f6f5e8;
--bg-subtle: #ebeade;
/* Text Hierarchy - Rich contrast */
--text-primary: #333333;
--text-secondary: #666666;
--text-light: #bcbbb4;
--text-meta: #4a4a4a;
/* Interactive States - Minimal emphasis */
--interactive-base: #333333;
--interactive-hover: #000000;
--focus-outline: #252525;
/* Borders & Separators */
--border-light: #bcbbb4;
--border-medium: #cccccc;
--border-subtle: rgba(51,51,51,0.2);
}
/* Reset and Base Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: var(--bg-primary);
color: var(--text-primary);
line-height: 1.6;
}
.enquiry-form {
width: 100%;
max-width: 450px;
padding: 25px;
margin: 40px auto;
background: #ffffff;
box-shadow: 0 4px 20px rgba(0,0,0,0.12);
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 15px;
}
.enquiry-form h3 {
margin: 0 0 10px 0;
font-size: 24px;
text-align: center;
font-weight: 600;
}
.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea {
width: 100%;
padding: 12px 15px;
border-radius: 10px;
border: 1px solid #ddd;
font-size: 16px;
}
.enquiry-form input:focus,
.enquiry-form select:focus,
.enquiry-form textarea:focus {
border-color: #000;
outline: none;
}
.enquiry-form button {
padding: 12px 0;
border: none;
background: #000;
color: #fff;
font-size: 18px;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
.enquiry-form button:hover {
background: #333;
}
.left-fixed-icons {
position: fixed;
top: 40%;
left: 15px;
display: flex;
flex-direction: column;
gap: 12px;
z-index: 999999;
}
.left-fixed-icons .icon {
width: 46px;
height: 46px;
background: #ffffff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
color: #000;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
transition: 0.3s cubic-bezier(.4,0,.2,1);
text-decoration: none;
}
.icon.whatsapp {
color: #25D366;
}
.icon.youtube {
color: #FF0000;
}
icon.instagram {
color: #E1306C;
}
.left-fixed-icons .icon:hover {
transform: scale(1.15);
box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
/* Typography System */
.hero-large {
font-size: 30px;
font-weight: 400;
line-height: 1.33;
color: var(--text-primary);
}
.hero-medium {
font-size: 26px;
font-weight: 400;
line-height: 1.33;
color: var(--text-primary);
}
.heading-3 {
font-size: 18px;
font-weight: 400;
line-height: 1.2;
color: var(--text-primary);
}
.body-large {
font-size: 16px;
font-weight: 400;
line-height: 1.7;
color: var(--text-primary);
}
.body-regular {
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: var(--text-primary);
}
.body-small {
font-size: 12px;
font-weight: 400;
line-height: 1.4;
color: var(--text-secondary);
}
/* Navigation */
.navigation-header {
background: var(--bg-primary);
border-bottom: 1px solid var(--border-light);
padding: 20px 40px;
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 100;
}
.navigation-logo {
font-size: 20px;
font-weight: 500;
color: var(--text-primary);
text-decoration: none;
}
.navigation-menu {
display: flex;
align-items: center;
gap: 32px;
list-style: none;
}
.navigation-link {
color: var(--text-primary);
text-decoration: none;
font-size: 14px;
font-weight: 400;
padding: 12px 0;
position: relative;
transition: opacity 0.2s ease;
}
.navigation-link:after {
content: '';
position: absolute;
bottom: 8px;
left: 0;
width: 0;
height: 1px;
background: var(--text-primary);
transition: width 0.5s ease-in-out;
}
.navigation-link:hover:after,
.navigation-link.active:after {
width: 100%;
}
.navigation-utilities {
display: flex;
align-items: center;
gap: 20px;
}
.nav-icon-link {
color: var(--text-primary);
text-decoration: none;
transition: opacity 0.2s ease;
}
.nav-icon-link:hover {
opacity: 0.7;
}
/* Buttons */
.btn-primary {
background: transparent;
color: var(--interactive-base);
border: 1px solid var(--interactive-base);
border-radius: 0px;
padding: 19px 23px;
min-width: 210px;
height: 60px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s cubic-bezier(.645,.045,.355,1), color 0.2s cubic-bezier(.645,.045,.355,1);
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.btn-primary:hover {
background: var(--interactive-base);
color: var(--bg-primary);
}
.btn-secondary {
background: none;
border: none;
padding: 12px 16px;
font-size: 14px;
font-weight: 400;
color: var(--interactive-base);
cursor: pointer;
text-decoration: none;
position: relative;
transition: opacity 0.2s ease;
}
.btn-secondary:after {
content: '';
position: absolute;
bottom: 8px;
left: 16px;
width: 0;
height: 1px;
background: var(--interactive-base);
transition: width 0.5s ease-in-out;
}
.btn-secondary:hover:after {
width: calc(100% - 32px);
}
.btn-icon {
background: none;
border: none;
padding: 8px 0;
font-size: 14px;
font-weight: 400;
color: var(--interactive-base);
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
transition: opacity 0.2s ease;
}
.btn-icon:hover {
opacity: 0.7;
}
/* Container System */
.container {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
/* Section Spacing */
.section-padding {
padding: 120px 0;
}
/* Section Headers */
.section-header {
text-align: center;
margin-bottom: 80px;
}
.section-subtitle {
margin-top: 16px;
color: var(--text-secondary);
}
/* Hero Section */
.hero-section {
padding: 80px 0 120px 0;
background: var(--bg-primary);
}
.hero-content {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
.hero-text {
max-width: 600px;
}
.hero-description {
margin: 24px 0 32px 0;
color: var(--text-secondary);
}
.hero-buttons {
display: flex;
gap: 16px;
align-items: center;
}
.hero-image {
width: 100%;
height: 500px;
overflow: hidden;
}
.hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Luxe Standard Features (NEW STYLES) */
.luxe-standard-section {
background: var(--bg-secondary);
border-top: 1px solid var(--border-light);
border-bottom: 1px solid var(--border-light);
}
.standard-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 32px;
}
.standard-feature {
background: var(--bg-primary);
border: 1px solid var(--border-light);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
text-align: center;
}
.standard-feature:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.standard-feature-image {
width: 100%;
height: 180px;
object-fit: cover;
}
.standard-feature-content {
padding: 24px;
}
.standard-feature-content .heading-3 {
margin-bottom: 10px;
font-weight: 500;
}
.standard-feature-content .body-regular {
color: var(--text-secondary);
font-size: 14px;
}
/* Product Cards */
.grid-product-showcase {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;
}
.product-card {
background: var(--bg-primary);
border: none;
border-radius: 0px;
padding: 0;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;
}
.product-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.product-card-image {
width: 100%;
height: 280px;
object-fit: cover;
margin-bottom: 16px;
}
.product-card-title {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 8px;
color: var(--text-primary);
padding: 0 16px;
}
.product-card-description {
font-size: 12px;
font-weight: 400;
line-height: 1.4;
color: var(--text-secondary);
padding: 0 16px 16px 16px;
margin-bottom: 12px;
}
/* Fleet Specs */
.fleet-specs {
display: flex;
gap: 16px;
padding: 0 16px 16px 16px;
}
.fleet-spec-item {
display: flex;
align-items: center;
gap: 6px;
color: var(--text-secondary);
font-size: 12px;
}
/* Empty Legs */
/* Empty Legs */
.empty-legs-grid {
display: grid;
grid-template-columns: 1fr; /* FORCE single column */
gap: 32px;
}
}
.empty-leg-card {
background: var(--bg-primary);
border: 1px solid var(--border-light);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.empty-leg-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.empty-leg-image {
position: relative;
width: 100%;
height: 240px;
overflow: hidden;
}
.empty-leg-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.empty-leg-badge {
position: absolute;
top: 16px;
right: 16px;
background: var(--bg-primary);
color: var(--text-primary);
padding: 8px 16px;
font-size: 12px;
font-weight: 600;
border: 1px solid var(--border-medium);
}
.empty-leg-content {
padding: 24px;
}
.empty-leg-details {
display: flex;
flex-direction: column;
gap: 12px;
margin: 16px 0 20px 0;
}
.empty-leg-detail {
display: flex;
align-items: center;
gap: 8px;
color: var(--text-secondary);
font-size: 12px;
}
/* Footer */
.footer {
background: var(--bg-secondary);
border-top: 1px solid var(--border-light);
padding: 80px 0 40px 0;
}
.footer-content {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 60px;
margin-bottom: 60px;
}
.footer-section h3,
.footer-section h4 {
margin-bottom: 20px;
}
.footer-description {
color: var(--text-secondary);
max-width: 400px;
}
.footer-links {
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-links a {
color: var(--text-secondary);
text-decoration: none;
transition: color 0.2s ease;
}
.footer-links a:hover {
color: var(--text-primary);
}
.footer-contact {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-contact-item {
display: flex;
align-items: center;
gap: 8px;
color: var(--text-secondary);
font-size: 14px;
}
.footer-contact-item a {
color: var(--text-secondary);
text-decoration: none;
transition: color 0.2s ease;
}
.footer-contact-item a:hover {
color: var(--text-primary);
}
.footer-bottom {
padding-top: 40px;
border-top: 1px solid var(--border-light);
text-align: center;
}
/* Icon styles */
.icon {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.icon-small {
width: 14px;
height: 14px;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
/* Responsive Design */
@media (max-width: 1024px) {
.navigation-header {
padding: 20px 24px;
}
.container {
padding: 0 24px;
}
.hero-content {
grid-template-columns: 1fr;
gap: 40px;
padding: 0 24px;
}
.hero-image {
height: 400px;
}
.section-padding {
padding: 80px 0;
}
.section-header {
margin-bottom: 60px;
}
.footer-content {
grid-template-columns: 1fr;
gap: 40px;
}
}
@media (max-width: 768px) {
.navigation-menu {
display: none;
}
.hero-large {
font-size: 24px;
}
.hero-medium {
font-size: 22px;
}
}
@media (max-width: 640px) {
.navigation-header {
padding: 16px;
}
.container {
padding: 0 16px;
}
.hero-content {
padding: 0 16px;
}
.hero-section {
padding: 60px 0 80px 0;
}
.hero-image {
height: 300px;
}
.hero-buttons {
flex-direction: column;
align-items: stretch;
}
.btn-primary {
width: 100%;
}
.grid-product-showcase {
grid-template-columns: 1fr;
gap: 24px;
}
.empty-legs-grid {
grid-template-columns: 1fr;
}
.section-padding {
padding: 60px 0;
}
}
/* --- Empty Leg Pop-up Modal Styles (NEW) --- */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000; /* Ensure it's above everything */
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-overlay.open {
visibility: visible;
opacity: 1;
}
.modal-content {
background: var(--bg-primary);
padding: 30px;
border-radius: 4px; /* Optional: Adjust border-radius if needed */
max-width: 90%;
width: 650px; /* Rectangular width */
max-height: 90%;
overflow-y: auto;
position: relative;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
transform: scale(0.95);
transition: transform 0.3s ease;
}
.modal-overlay.open .modal-content {
transform: scale(1);
}
.modal-close-btn {
position: absolute;
top: 10px;
right: 10px;
background: transparent;
border: none;
font-size: 24px;
color: var(--text-primary);
cursor: pointer;
line-height: 1;
opacity: 0.7;
transition: opacity 0.2s ease;
}
.modal-close-btn:hover {
opacity: 1;
}
.modal-header h3 {
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
text-align: center;
color: var(--text-primary);
}
/* Re-use empty leg card styles */
.modal-empty-leg-card {
border: 1px solid var(--border-light); /* Enforce border for pop-up card */
}
/* Slider (Carousel) Styles */
.slider-container {
position: relative;
overflow: hidden;
}
.slider-wrapper {
display: flex;
transition: transform 0.5s ease-in-out;
}
.slider-item {
min-width: 100%; /* Each item takes full width of the container */
box-sizing: border-box;
}
.slider-navigation {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
pointer-events: none; /* Allows clicks to pass through to buttons */
}
.slider-btn {
background: rgba(255, 255, 255, 0.8);
border: 1px solid var(--border-medium);
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: background 0.2s;
z-index: 10;
pointer-events: all;
margin: 0 10px;
}
.slider-btn:hover {
background: var(--bg-primary);
}
.slider-btn svg {
width: 16px;
height: 16px;
stroke: var(--text-primary);
}
/* New Price Tag Style */
.empty-leg-price-tag {
font-size: 16px;
font-weight: 600;
color: #4CAF50; /* A color that stands out for price */
margin-top: 10px;
text-align: right;
padding: 0 16px 10px 16px;
}
/* --- Detail & Quote Modal Styles (NEW) --- */
/* Re-use .modal-overlay, .modal-content, .modal-close-btn styles from before */
.detail-content-grid {
display: grid;
grid-template-columns: 1fr; /* Default: Single column on small screens */
gap: 20px;
}
@media (min-width: 768px) {
.detail-content-grid {
grid-template-columns: 2fr 1fr; /* Two columns: Details (left) and Quote/Specs (right) */
}
}
.detail-gallery {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-bottom: 20px;
}
.detail-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
transition: transform 0.2s;
}
.detail-gallery img:first-child {
grid-column: span 2; /* Make the main image span both columns */
height: 250px;
}
.detail-specs-list {
list-style: none;
padding: 0;
margin-top: 15px;
}
.detail-specs-list li {
padding: 8px 0;
border-bottom: 1px solid var(--border-subtle);
display: flex;
justify-content: space-between;
font-size: 14px;
color: var(--text-secondary);
}
.detail-specs-list li strong {
color: var(--text-primary);
font-weight: 500;
}
.detail-quote-box {
padding: 20px;
background-color: var(--bg-secondary);
border-radius: 4px;
text-align: center;
}
.detail-quote-box h4 {
font-size: 18px;
color: var(--text-primary);
margin-bottom: 10px;
}
.detail-quote-box .price {
font-size: 32px;
font-weight: 700;
color: #4CAF50; /* Standout green price */
margin-bottom: 15px;
display: block;
}
.aircraft-slider-container {
position: relative;
padding: 20px 0;
}
.aircraft-slider {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
padding-bottom: 10px;
}
.aircraft-slider::-webkit-scrollbar {
display: none;
}
.aircraft-info {
/* Key Fix 1: Add padding for internal content */
padding: 15px;
display: flex; /* Use flexbox to arrange content */
flex-direction: column; /* Stack title and sub vertically */
gap: 5px; /* Space between title and subtitle */
}
/* Styles for the Aircraft Slider/Card (Updated for Sharp Look and Highlighted Font) */
.aircraft-card {
display: block;
width: 300px;
min-width: 300px;
background-color: #fff;
border: 1px solid var(--border-light);
/* 1. FIX: REMOVED border-radius: 6px; for sharp corners */
overflow: hidden;
position: relative;
text-decoration: none;
color: var(--text-primary);
/* Using a stronger shadow for more highlight */
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: transform 0.2s ease-in-out;
margin: 0 10px;
}
.aircraft-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.aircraft-card img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
}
.aircraft-info {
padding: 15px;
display: flex;
flex-direction: column;
gap: 4px; /* Reduced gap slightly for compact look */
}
.aircraft-info .aircraft-title {
/* 2 & 3. FIX: Highlighted and Bold Title */
font-size: 15px; /* Increased size for highlight */
font-weight: 300; /* Bolder weight for emphasis (from Inter font options) */
line-height: 1.2;
color: var(--text-primary); /* Ensures strong primary color */
}
.aircraft-info .aircraft-sub {
font-size: 15px; /* Slightly increased subtext size */
font-weight: 400;
color: var(--text-secondary);
line-height: 1.4;
}
/* Ensure the slider container itself handles overflow and spacing */
.aircraft-slider {
display: flex;
overflow-x: auto;
padding: 20px 0;
-webkit-overflow-scrolling: touch;
}
}
.aircraft-info {
padding: 12px 16px;
}
.aircraft-title {
font-size: 17px;
font-weight: 400;
letter-spacing: 0.3px;
}
.aircraft-sub {
font-size: 14px;
margin-top: 4px;
color: #555;
}
/* PREMIUM ARROWS */
.aircraft-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 44px;
width: 44px;
background: rgba(255,255,255,0.7);
backdrop-filter: blur(6px);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 4px 14px rgba(0,0,0,0.12);
transition: 0.2s ease;
}
.aircraft-arrow:hover {
background: rgba(255,255,255,0.9);
}
.aircraft-arrow span {
font-size: 24px;
line-height: 0;
color: #000;
}
.aircraft-arrow.left {
left: 10px;
}
.aircraft-arrow.right {
right: 10px;
}
/* Styles for the Aircraft Slider/Card (Updated for Website Color Fill) */
.aircraft-card {
display: block;
width: 300px;
min-width: 300px;
/* FIX: Changed background from white to the primary background variable */
background-color: var(--bg-primary);
border: 1px solid var(--border-light);
overflow: hidden;
position: relative;
text-decoration: none;
color: var(--text-primary);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: transform 0.2s ease-in-out;
margin: 0 10px;
}
.aircraft-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.aircraft-card img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
}
.aircraft-info {
padding: 15px;
display: flex;
flex-direction: column;
gap: 4px;
}
.aircraft-info .aircraft-title {
font-size: 16px;
font-weight: 325;
line-height: 1.2;
color: var(--text-primary);
}
.aircraft-info .aircraft-sub {
font-size: 15px;
font-weight: 400;
color: var(--text-secondary);
line-height: 1.4;
}
/* Ensure the slider container itself handles overflow and spacing */
.aircraft-slider {
display: flex;
overflow-x: auto;
padding: 20px 0;
-webkit-overflow-scrolling: touch;
}
/* Removes the underline from all elements using the .btn-icon class */
.btn-icon {
text-decoration: none;
}
/* Empty Legs (fixed) */
.empty-legs-grid {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.empty-leg-card {
width: 100%;
max-width: 850px; /* reduces card length */
background: var(--bg-primary);
border: 1px solid var(--border-light);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.empty-leg-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.empty-leg-image {
position: relative;
width: 100%;
height: 240px;
overflow: hidden;
}
.empty-leg-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
</style>
</head>
<body>
<nav class="navigation-header">
<a href="#" class="navigation-logo">Luxe Aviation</a>
<ul class="navigation-menu">
<li><a href="#" class="navigation-link active">Home</a></li>
<li><a href="#fleet" class="navigation-link">Fleet</a></li>
<li><a href="#empty-legs" class="navigation-link">Empty Legs</a></li>
<li><a href="#services" class="navigation-link">Services</a></li>
<li><a href="#contact" class="navigation-link">Contact</a></li>
</ul>
<div class="navigation-utilities">
<a href="tel:+917209121304" class="nav-icon-link">
<svg class="icon" viewBox="0 0 24 24">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
</svg>
</a>
<a href="mailto:luxe.wings1@gmail.com" class="nav-icon-link">
<svg class="icon" viewBox="0 0 24 24">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
<polyline points="22,6 12,13 2,6"></polyline>
</svg>
</a>
</div>
</nav>
<section class="hero-section">
<div class="hero-content">
<div class="hero-text">
<h1 class="hero-large">Redefining luxury air travel</h1>
<p class="body-large hero-description">
Experience unparalleled comfort and sophistication with Luxe Aviation's private jet services. From bespoke charters to exclusive empty leg opportunities.
</p>
<div class="hero-buttons">
<button class="btn-primary" onclick="document.getElementById('fleet').scrollIntoView({behavior: 'smooth'})">
Explore fleet
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
<button class="btn-secondary" onclick="document.getElementById('empty-legs').scrollIntoView({behavior: 'smooth'})">
View empty legs
</button>
</div>
</div>
<div class="hero-image">
<img src="https://images.unsplash.com/photo-1759614581731-4c7090648de0" alt="Luxury private jet at dusk">
</div>
</div>
</section>
<section class="luxe-standard-section section-padding">
<div class="container">
<div class="section-header">
<h2 class="hero-medium">The Luxe Aviation Standard</h2>
<p class="body-large section-subtitle">
Excellence in service, safety, and comfort. Our promise to you.
</p>
</div>
<div class="standard-grid">
<div class="standard-feature">
<img src="https://i.postimg.cc/9QFw51n9/pexels-thisisengineering-3862634.jpg" alt="24/7 Service" class="standard-feature-image">
<div class="standard-feature-content">
<h3 class="heading-3">24/7 On-Demand</h3>
<p class="body-regular">Access to our global fleet 24/7 with short-notice readiness for immediate travel.</p>
</div>
</div>
<div class="standard-feature">
<img src="https://i.postimg.cc/J4FxFVss/pexels-denner-trindade-1570398-17821556.jpg" alt="Private Terminal" class="standard-feature-image">
<div class="standard-feature-content">
<h3 class="heading-3">Unrivalled Privacy</h3>
<p class="body-regular">Discreet operations and private terminal access ensure utmost confidentiality for all passengers.</p>
</div>
</div>
<div class="standard-feature">
<img src="https://i.postimg.cc/sgcXXy5F/pexels-jerry-wang-2135752-3768652.jpg" alt="Luxury Interior" class="standard-feature-image">
<div class="standard-feature-content">
<h3 class="heading-3">Bespoke Journeys</h3>
<p class="body-regular">From ground transportation to custom flight routes, every element is tailored to your preference.</p>
</div>
</div>
<div class="standard-feature">
<img src="https://i.postimg.cc/W18s6nWV/pexels-julia-volk-5769702.jpg" alt="Cockpit Safety" class="standard-feature-image">
<div class="standard-feature-content">
<h3 class="heading-3">Safety First Accreditation</h3>
<p class="body-regular">Adherence to the highest international safety standards, certified by leading aviation bodies.</p>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="section-padding">
<div class="container">
<div class="section-header">
<h2 class="hero-medium">Premium services</h2>
<p class="body-large section-subtitle">
Every detail curated for discerning travelers
</p>
</div>
<div class="grid-product-showcase">
<div class="product-card">
<img src="https://images.unsplash.com/photo-1661954864180-e61dea14208a" alt="Bespoke Catering" class="product-card-image">
<h3 class="product-card-title">Bespoke Catering</h3>
<p class="product-card-description">Michelin-star quality dining curated for your journey</p>
<button class="btn-icon">
Learn more
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
</div>
<div class="product-card">
<img src="https://i.postimg.cc/WpK65Cp9/vecteezy-interior-of-luxurious-private-jet-illustration-23460772.jpg" alt="Luxury Interiors" class="product-card-image">
<h3 class="product-card-title">Luxury Interiors</h3>
<p class="product-card-description">Handcrafted cabins with premium materials and comfort</p>
<button class="btn-icon">
Learn more
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
</div>
<div class="product-card">
<img src="https://images.pexels.com/photos/5778221/pexels-photo-5778221.jpeg" alt="Concierge Service" class="product-card-image">
<h3 class="product-card-title">Concierge Service</h3>
<p class="product-card-description">24/7 dedicated support for seamless travel experiences</p>
<button class="btn-icon">
Learn more
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
</div>
</div>
</div>
</section>
<section id="fleet" class="section-padding" style="background: var(--bg-secondary);">
<div class="container">
<div class="section-header">
<h2 class="hero-medium">Our fleet</h2>
<p class="body-large section-subtitle">
A selection of meticulously maintained aircraft
</p>
</div>
<div class="grid-product-showcase">
<div class="product-card">
<img src="https://i.postimg.cc/q7xXv7T6/Snap-Insta-to-53014206-278913919668160-7325484310755292465-n.jpg" alt="Light Jet" class="product-card-image">
<h3 class="product-card-title">Light Jet</h3>
<p class="product-card-description">Perfect for short trips with 6-8 passengers</p>
<div class="fleet-specs">
<div class="fleet-spec-item">
<svg class="icon-small" viewBox="0 0 24 24">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
<span>6-8 passengers</span>
</div>
<div class="fleet-spec-item">
<svg class="icon-small" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12 6 12 12 16 14"></polyline>
</svg>
<span>2,000 nautical miles</span>
</div>
</div>
</div>
<div class="product-card">
<img src="https://i.postimg.cc/B65n10KL/pexels-saturnus99-19766183.jpg" alt="Midsize Jet" class="product-card-image">
<h3 class="product-card-title">Midsize Jet</h3>
<p class="product-card-description">Ideal for transcontinental flights with superior comfort</p>
<div class="fleet-specs">
<div class="fleet-spec-item">
<svg class="icon-small" viewBox="0 0 24 24">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
<span>8-10 passengers</span>
</div>
<div class="fleet-spec-item">
<svg class="icon-small" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12 6 12 12 16 14"></polyline>
</svg>
<span>3,500 nautical miles</span>
</div>
</div>
</div>
<div class="product-card">
<img src="https://i.postimg.cc/X7Rmtyhb/pexels-saturnus99-17802166.jpg" alt="Heavy Jet" class="product-card-image">
<h3 class="product-card-title">Heavy Jet</h3>
<p class="product-card-description">Ultimate luxury for long-range international travel</p>
<div class="fleet-specs">
<div class="fleet-spec-item">
<svg class="icon-small" viewBox="0 0 24 24">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
<span>12-16 passengers</span>
</div>
<div class="fleet-spec-item">
<svg class="icon-small" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12 6 12 12 16 14"></polyline>
</svg>
<span>7,000 nautical miles</span>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="aircraft-slider-container">
<div class="aircraft-slider">
<!-- Light Jet -->
<div class="aircraft-card">
<a href="kingairb200.html">
<img src="https://i.postimg.cc/ZYDJGfS4/images-2.jpg" alt="King Air B200">
</a>
<div class="aircraft-info">
<div class="aircraft-title">King Air B200</div>
<a href="kingairb200.html" class="btn-icon" style="margin-top: 10px;">
More Info
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
</div>
<div class="aircraft-card">
<a href="citation-xl.html">
<img src="https://i.postimg.cc/x8DxC4W1/citation-xl-1686480145.jpg" alt="Citation XL">
</a>
<div class="aircraft-info">
<div class="aircraft-title">Citation XL</div>
<a href="citation-xl.html" class="btn-icon" style="margin-top: 10px;">
More Info
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
</div>
<div class="aircraft-card">
<a href="hawker-800xp.html">
<img src="https://i.postimg.cc/9F9xYMX9/Hawker-800XP-Exterior-1.jpg" alt="Hawker 800XP">
</a>
<div class="aircraft-info">
<div class="aircraft-title">Hawker 800XP</div>
<a href="hawker-800xp.html" class="btn-icon" style="margin-top: 10px;">
More Info
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
</div>
<div class="aircraft-card">
<a href="learjet60xr.html">
<img src="https://i.postimg.cc/y87gdQDC/bombardier-learjet-60xr-1.jpg" alt="Learjet 60XR">
</a>
<div class="aircraft-info">
<div class="aircraft-title">LearJet 60XR</div>
<a href="learjet60xr.html" class="btn-icon" style="margin-top: 10px;">
More Info
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
</div>
<!-- Midsize -->
<div class="aircraft-card">
<a href="falcon8x.html">
<img src="https://i.postimg.cc/85WHBXD9/19-Falcon8X-Technology-Desktop.jpg" alt="Falcon 8x">
</a>
<div class="aircraft-info">
<div class="aircraft-title">Falcon 8x</div>
<a href="falcon8x.html" class="btn-icon" style="margin-top: 10px;">
More Info
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
</div>
<div class="aircraft-card">
<a href="legacy600.html">
<img src="https://i.postimg.cc/xTY2mWnf/images.jpg" alt="Legacy 600">
</a>
<div class="aircraft-info">
<div class="aircraft-title">Legacy 600</div>
<a href="legacy600.html" class="btn-icon" style="margin-top: 10px;">
More Info
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
</div>
<!-- Heavy -->
<div class="aircraft-card">
<a href="falcon-2000lx.html">
<img src="https://i.postimg.cc/W1KC5rmR/02_Header_Cabine_Falcon2000LXS_2025.jpg" alt="Falcon 2000LX">
</a>
<div class="aircraft-info">
<div class="aircraft-title">Falcon 2000LX</div>
<a href="falcon-2000lx.html" class="btn-icon" style="margin-top: 10px;">
More Info
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
</div>
<div class="aircraft-card">
<a href="htmlviewer.html-24_1.html">
<img src="https://i.postimg.cc/c4RGPqnZ/d-g500-a-mkt-00056.jpg" alt="Gulfstream G500">
</a>
<div class="aircraft-info">
<div class="aircraft-title">Gulfstream G500</div>
<a href="htmlviewer.html-24_1.html" class="btn-icon" style="margin-top: 10px;">
More Info
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
</div>
<!-- Premium Arrows -->
<div class="aircraft-arrow left" onclick="slideLeft()">
<span>‹</span>
</div>
<div class="aircraft-arrow right" onclick="slideRight()">
<span>›</span>
</div>
</div>
<section id="empty-legs" class="section-padding">
<div class="container">
<div class="section-header">
<h2 class="hero-medium">Empty leg opportunities</h2>
<p class="body-large section-subtitle">
Exceptional value on one-way flights
</p>
</div>
<div class="empty-legs-grid">
<div class="empty-leg-card">
<div class="empty-leg-image">
<img src="https://i.postimg.cc/GhbThLg9/Cessna-560XL-Citation-XLS.jpg" alt="New York to Miami">
<div class="empty-leg-badge">Save 65%</div>
</div>
<div class="empty-leg-content">
<h3 class="heading-3">BANGALORE TO DELHI</h3>
<div class="empty-leg-details">
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24">
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
<line x1="16" y1="2" x2="16" y2="6"></line>
<line x1="8" y1="2" x2="8" y2="6"></line>
<line x1="3" y1="10" x2="21" y2="10"></line>
</svg>
<span>December 3, 2025</span>
</div>
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24">
<path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path>
</svg>
<span>Citation 560XL</span>
</div>
</div>
<button class="btn-icon"
onclick="openDetailModal(
'GOA TO DELHI',
'Novmeber 28, 2025',
'Cessna Citation 560XL',
'INR 55,000 Per Seat',
'https://i.postimg.cc/GhbThLg9/Cessna-560XL-Citation-XLS.jpg',
'https://i.postimg.cc/j5tPtx7y/Snap-Insta-to-539572363-18520630363010122-4552801673565320880-n.jpg',
'https://i.postimg.cc/mrDhwPCn/Snap_Insta_to_541145921_18520630375010122_9197771959804387912_n.jpg',
'3.5 hours',
'8',
'Decmeber 3, 2025'
)">
Inquire now
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
</div>
</div>
<div class="empty-legs-grid">
<div class="empty-leg-card">
<div class="empty-leg-image">
<img src="https://i.postimg.cc/gk1pkzzR/Snap_Insta_to_459139929_943899014416630_9063306945121372127_n.jpg" alt="New York to Miami">
<div class="empty-leg-badge">Save 65%</div>
</div>
<div class="empty-leg-content">
<h3 class="heading-3">GOA TO DELHI</h3>
<div class="empty-leg-details">
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24">
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
<line x1="16" y1="2" x2="16" y2="6"></line>
<line x1="8" y1="2" x2="8" y2="6"></line>
<line x1="3" y1="10" x2="21" y2="10"></line>
</svg>
<span>November 28, 2025</span>
</div>
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24">
<path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path>
</svg>
<span>Falcon 8x</span>
</div>
</div>
<button class="btn-icon"
onclick="openDetailModal(
'GOA TO DELHI',
'Novmeber 28, 2025',
'Falcon 8x',
'INR 75,000 Per Seat',
'https://i.postimg.cc/gk1pkzzR/Snap_Insta_to_459139929_943899014416630_9063306945121372127_n.jpg',
'https://i.postimg.cc/j5tPtx7y/Snap-Insta-to-539572363-18520630363010122-4552801673565320880-n.jpg',
'https://i.postimg.cc/mrDhwPCn/Snap-Insta-to-541145921-18520630375010122-9197771959804387912-n.jpg',
'3.5 hours',
'16',
'March 10, 2025'
)">
Inquire now
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
</div>
</div>
<div class="empty-leg-card">
<div class="empty-leg-image">
<img src="https://i.postimg.cc/sXPFGcx6/Snap-Insta-to-523031266-18417014971097187-5525926242920773596-n.webp" alt="Los Angeles to Las Vegas">
<div class="empty-leg-badge">Save 70%</div>
</div>
<div class="empty-leg-content">
<h3 class="heading-3">MUMBAI TO DUBAI</h3>
<div class="empty-leg-details">
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24">
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
<line x1="16" y1="2" x2="16" y2="6"></line>
<line x1="8" y1="2" x2="8" y2="6"></line>
<line x1="3" y1="10" x2="21" y2="10"></line>
</svg>
<span>November 28, 2025</span>
</div>
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24">
<path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path>
</svg>
<span>Bombardier Global 6000</span>
</div>
</div>
<button class="btn-icon"
onclick="openDetailModal(
'MUMBAI TO DUBAI',
'November 28, 2025',
'Bombardier Global 6000',
'$19,000 USD',
'https://i.postimg.cc/sXPFGcx6/Snap-Insta-to-523031266-18417014971097187-5525926242920773596-n.webp',
'https://i.postimg.cc/SsxWgDfR/pexels_katie_cerami_110690626_20562278.jpg',
'https://i.postimg.cc/WpK65Cp9/vecteezy_interior_of_luxurious_private_jet_illustration_23460772.jpg',
'5 hours',
'14',
'November 25, 2025'
)">
Inquire now
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
</div>
</div>
<div id="emptyLegModal" class="modal-overlay">
<div class="modal-content">
<button class="modal-close-btn" onclick="closeModal()">
<svg class="icon" viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
<div class="modal-header">
<h3> Exclusive Empty Leg Opportunities </h3>
</div>
<div class="slider-container">
<div class="slider-wrapper">
<div class="empty-leg-card empty-leg-card-popup slider-item modal-empty-leg-card">
<div class="empty-leg-image">
<img src="https://i.postimg.cc/GhbThLg9/Cessna-560XL-Citation-XLS.jpg" alt="New York to Miami">
<div class="empty-leg-badge">Save 65%</div>
</div>
<div class="empty-leg-content">
<h3 class="heading-3">BANGALORE TO DELHI</h3>
<div class="empty-leg-details">
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24">
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
<line x1="16" y1="2" x2="16" y2="6"></line>
<line x1="8" y1="2" x2="8" y2="6"></line>
<line x1="3" y1="10" x2="21" y2="10"></line>
</svg>
<span>December 3, 2025</span>
</div>
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24">
<path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path>
</svg>
<span>Citation 560XL</span>
</div>
</div>
<div class="empty-leg-price-tag">Price: INR 55,000 Per Seat</div>
<button class="btn-icon"
onclick="openDetailModal(
'GOA TO DELHI',
'Novmeber 28, 2025',
'Cessna Citation 560XL',
'INR 55,000 Per Seat',
'https://i.postimg.cc/GhbThLg9/Cessna-560XL-Citation-XLS.jpg',
'https://i.postimg.cc/j5tPtx7y/Snap-Insta-to-539572363-18520630363010122-4552801673565320880-n.jpg',
'https://i.postimg.cc/mrDhwPCn/Snap_Insta_to_541145921_18520630375010122_9197771959804387912_n.jpg',
'3.5 hours',
'8',
'Decmeber 3, 2025'
)">
Inquire now
<svg class="icon-small" viewBox="0 0 24 24">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
</div>
</div>
<div class="empty-leg-card empty-leg-card-popup slider-item modal-empty-leg-card">
<div class="empty-leg-image">
<img src="https://i.postimg.cc/TYd0Lgw6/Snap-Insta-to-461031918-18372029125097187-6641731708244689949-n.webp" alt="Los Angeles to Las Vegas">
<div class="empty-leg-badge">Save 70%</div>
</div>
<div class="empty-leg-content">
<h3 class="heading-3">MUMBAI TO DUBAI</h3>
<div class="empty-leg-details">
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
<span>November 28, 2025</span>
</div>
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24"><path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path></svg>
<span>Bombardier Global 6000</span>
</div>
</div>
<div class="empty-leg-price-tag">Price: $19,000 USD</div>
<button class="btn-icon"
onclick="openDetailModal(
'MUMBAI TO DUBAI',
'November 28, 2025',
'Bombardier Global 6000',
'$19,000 USD',
'https://i.postimg.cc/sXPFGcx6/Snap_Insta_to_523031266_18417014971097187_5525926242920773596_n.webp',
'https://i.postimg.cc/9QCTHFHh/Snap_Insta_to_480091904_18483998581014658_219749974145857423_n.jpg',
'https://i.postimg.cc/QMRds0Kx/Snap_Insta_to_480063162_18483998599014658_9130959872249810530_n.jpg',
'5 hours',
'14',
'November 25, 2025'
)">
Inquire now
</div>
</div>
<div class="empty-leg-card empty-leg-card-popup slider-item modal-empty-leg-card">
<div class="empty-leg-image">
<img src="https://i.postimg.cc/rmzcwKrf/Snap-Insta-to-576084025-18515730580064496-5475077991110328965-n.jpg" alt="">
<div class="empty-leg-badge">Save 60%</div>
</div>
<div class="empty-leg-content">
<h3 class="heading-3">DELHI TO DUBAI</h3>
<div class="empty-leg-details">
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
<span>November 30, 2025</span>
</div>
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24"><path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path></svg>
<span>Falcon 2000LX</span>
</div>
</div>
<div class="empty-leg-price-tag">Price: INR 1,05,000 Per Seat</div>
<button class="btn-icon"
onclick="openDetailModal(
'DELHI TO DUBAI',
'November 30, 2025',
'FALCON 2000LX',
'INR 1,05,000 Per Seat',
'https://i.postimg.cc/rmzcwKrf/Snap_Insta_to_576084025_18515730580064496_5475077991110328965_n.jpg',
'https://i.postimg.cc/ZK80rnV5/Snap-Insta-to-350479627-724367049377438-300223510234876783-n.jpg',
'https://i.postimg.cc/QxGH91kM/Snap-Insta-to-350138910-1403976200447873-4283240734779031648-n.jpg',
'4 hours',
'10',
'November 30, 2025'
)">
Inquire now
</div>
</div>
<div class="empty-leg-card empty-leg-card-popup slider-item modal-empty-leg-card">
<div class="empty-leg-image">
<img src="https://i.postimg.cc/gk1pkzzR/Snap-Insta-to-459139929-943899014416630-9063306945121372127-n.jpg" alt="New York to Miami">
<div class="empty-leg-badge">Save 65%</div>
</div>
<div class="empty-leg-content">
<h3 class="heading-3">GOA TO DELHI</h3>
<div class="empty-leg-details">
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
<span>November 28, 2025</span>
</div>
<div class="empty-leg-detail">
<svg class="icon-small" viewBox="0 0 24 24"><path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path></svg>
<span>Falcon 8x</span>
</div>
</div>
<div class="empty-leg-price-tag">Price: INR 75,000 Per Seat</div>
<button class="btn-icon"
onclick="openDetailModal(
'GOA TO DELHI',
'NOVEMBER 28, 2025',
'Falcon 8x',
'INR 75,000 Per Seat',
'https://i.postimg.cc/gk1pkzzR/Snap_Insta_to_459139929_943899014416630_9063306945121372127_n.jpg',
'https://i.postimg.cc/j5tPtx7y/Snap_Insta_to_539572363_18520630363010122_4552801673565320880_n.jpg',
'https://i.postimg.cc/QxGH91kM/Snap_Insta_to_350138910_1403976200447873_4283240734779031648_n.jpg',
'3.5 hours',
'12',
'November 28, 2025'
)">
Inquire now
</div>
</div>
</div>
<div class="slider-navigation">
<button class="slider-btn" onclick="moveSlide(-1)">
<svg class="icon" viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"></polyline></svg>
</button>
<button class="slider-btn" onclick="moveSlide(1)">
<svg class="icon" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"></polyline></svg>
</button>
</div>
</div>
</div>
</div>
<form action="https://formsubmit.co/3832b88d348d786f60416392a33b9a84" method="POST" class="enquiry-form">
<h3>Private Jet Enquiry</h3>
<input type="text" name="name" placeholder="Your Name" required>
<input type="text" name="from" placeholder="From (City / Airport)" required>
<input type="text" name="to" placeholder="To (City / Airport)" required>
<input type="number" name="total_pax" placeholder="Total Pax" required>
<input type="text" name="phone" placeholder="Phone Number" required>
<input type="email" name="email" placeholder="Your Email" required>
<input type="date" name="departure_date" placeholder="Departure Date" required>
<select name="flight_type" required>
<option value="">Select Flight Type</option>
<option value="One Way">One Way</option>
<option value="Round Trip">Round Trip</option>
<option value="Empty Leg Deals">Empty Leg Deals</option>
</select>
<textarea name="additional_note" placeholder="Additional Note" rows="4"></textarea>
<!-- prevent spam -->
<input type="hidden" name="_captcha" value="false">
<!-- redirect after submit -->
<input type="hidden" name="_next" value="https://luxuryflight.co.in">
<button type="submit">Submit Enquiry</button>
</form>
<!-- FontAwesome (for icons later if needed) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3 class="navigation-logo">Luxe Aviation</h3>
<p class="body-regular footer-description">
Dedicated to providing superior air charter services globally, ensuring privacy, comfort, and safety on every journey.
</p>
</div>
<div class="footer-section">
<h4 class="heading-3">Quick Links</h4>
<ul class="footer-links body-regular">
<li><a href="#fleet">Our Fleet</a></li>
<li><a href="#empty-legs">Empty Legs</a></li>
<li><a href="#services">Premium Services</a></li>
<li><a href="#">Charter Inquiry</a></li>
<li><a href="#">Terms & Privacy</a></li>
</ul>
</div>
<div class="left-fixed-icons">
<a href="https://wa.me/917209121304" class="icon whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i>
</a>
<a href="https://youtube.com/@LuxeWingsAviation" class="icon youtube" target="_blank">
<i class="fab fa-youtube"></i>
</a>
<a href="https://instagram.com/luxe.aviation" class="icon instagram" target="_blank">
<i class="fab fa-instagram"></i>
</a>
</div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<div class="footer-section">
<h4 class="heading-3">Contact</h4>
<div class="footer-contact">
<div class="footer-contact-item">
<svg class="icon-small" viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
<a href="tel:+917209121304">+917209121304</a>
</div>
<div class="footer-contact-item">
<svg class="icon-small" viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
<a href="mailto:luxe.wings1@gmail.com">luxe.wings1@gmail.com</a>
</div>
<div class="footer-contact-item">
<svg class="icon-small" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
<span> India,UAE</span>
</div>
</div>
</div>
</div>
<!-- FontAwesome (for icons later if needed) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<div class="footer-bottom">
<p class="body-small">
© JUNE 2025 LUXE AVIATION. All rights reserved.
</p>
</div>
</div>
</footer>
<script>
const modal = document.getElementById('emptyLegModal');
const sliderWrapper = document.querySelector('.slider-wrapper');
const slides = document.querySelectorAll('.slider-item');
let currentSlide = 0;
// Function to open the modal on page load
window.onload = function() {
modal.classList.add('open');
};
// Function to close the modal
function closeModal() {
modal.classList.remove('open');
}
// Function to handle slider movement
function updateSlider() {
const offset = -currentSlide * 100;
sliderWrapper.style.transform = `translateX(${offset}%)`;
}
// Function to move to the next or previous slide
function moveSlide(direction) {
currentSlide += direction;
// Loop back to the end if past the start
if (currentSlide < 0) {
currentSlide = slides.length - 1;
}
// Loop back to the start if past the end
else if (currentSlide >= slides.length) {
currentSlide = 0;
}
updateSlider();
}
// Close modal when clicking outside of it
modal.addEventListener('click', (e) => {
if (e.target === modal) {
closeModal();
}
});
</script>
<div id="detailQuoteModal" class="modal-overlay">
<div class="modal-content" style="max-width: 900px;"> <button class="modal-close-btn" onclick="closeDetailModal()">
<svg class="icon" viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
<div class="modal-header">
<h3 id="modalFlightTitle">Empty Leg Detail: Loading...</h3>
</div>
<div class="detail-content-grid">
<div class="detail-info">
<div class="detail-gallery">
<img id="mainImage" src="" alt="Aircraft Interior Main">
<img id="detailImage1" src="" alt="Aircraft Interior 1">
<img id="detailImage2" src="" alt="Aircraft Interior 2">
</div>
<p id="modalPlaneDescription" style="color: var(--text-secondary); line-height: 1.6;">
Discover the unparalleled luxury and performance of this jet. Perfect for long-haul travel, offering a spacious cabin, exceptional quietness, and advanced technology to ensure a seamless flight experience. This empty leg represents a significant saving on a premium charter.
</p>
<ul class="detail-specs-list">
<li>Aircraft Type <span><strong id="modalAircraftType"></strong></span></li>
<li>Cabin Height <span><strong>6 ft 2 in</strong></span></li>
<li>Passenger Capacity <span><strong id="modalCapacity">10-14</strong></span></li>
<li>Maximum Range <span><strong>6,000+ nm</strong></span></li>
<li>Amenities <span><strong>Full Galley, Satellite Phone, High-speed Wi-Fi</strong></span></li>
</ul>
</div>
<div class="detail-summary">
<div class="detail-quote-box">
<h4>Exclusive Empty Leg Price</h4>
<span class="price" id="modalPrice"></span>
<p style="font-size: 12px; color: var(--text-meta); margin-bottom: 20px;">
</p>
<button class="btn-icon" style="width: 100%;">
Request Final Booking Confirmation
<svg class="icon-small" viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
</button>
<div style="margin-top: 15px; font-size: 14px; color: var(--text-secondary);">
<svg class="icon-small" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path></svg>
<span>Offer expires on <strong id="modalExpiryDate"></strong>.</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
// Existing Modal (Empty Leg Slider) Functions
const sliderModal = document.getElementById('emptyLegModal');
// ... (Your existing slider code remains here)
// function closeModal() { ... }
// function updateSlider() { ... }
// function moveSlide(direction) { ... }
// NEW Detail & Quote Modal Functions
const detailModal = document.getElementById('detailQuoteModal');
function closeDetailModal() {
detailModal.classList.remove('open');
}
// Function to open the Detail Modal and populate it with data
function openDetailModal(route, date, aircraft, price, mainImg, detailImg1, detailImg2, range, capacity, expiryDate) {
// Close the slider modal if it's open (optional, but good practice)
sliderModal.classList.remove('open');
// Populate Content
document.getElementById('modalFlightTitle').innerText = route + ' - ' + date;
document.getElementById('modalAircraftType').innerText = aircraft;
document.getElementById('modalPrice').innerText = price;
document.getElementById('modalCapacity').innerText = capacity;
document.getElementById('modalExpiryDate').innerText = expiryDate;
// Populate Images
document.getElementById('mainImage').src = mainImg;
document.getElementById('detailImage1').src = detailImg1;
document.getElementById('detailImage2').src = detailImg2;
// General description placeholder (could be made dynamic later)
if (aircraft.includes('Global')) {
document.getElementById('modalPlaneDescription').innerHTML = 'The **Bombardier Global 6000** offers exceptional space and range, connecting major global cities non-stop. Its advanced soundproofing and luxurious cabin ensure ultimate comfort for transcontinental flights.';
} else if (aircraft.includes('Citation')) {
document.getElementById('modalPlaneDescription').innerHTML = 'The **Cessna Citation Latitude** balances performance with a spacious stand-up cabin, making it an ideal choice for regional to transcontinental journeys. A popular choice for business and leisure travel.';
} else if (aircraft.includes('Gulfstream')) {
document.getElementById('modalPlaneDescription').innerHTML = 'The **Gulfstream G650** is renowned for its speed and industry-leading range. Its wide, spacious cabin with large panoramic windows redefines the long-range private flight experience.';
} else {
document.getElementById('modalPlaneDescription').innerHTML = 'Discover the unparalleled luxury and performance of this jet. Perfect for long-haul travel, offering a spacious cabin, exceptional quietness, and advanced technology to ensure a seamless flight experience. This empty leg represents a significant saving on a premium charter.';
}
// Open the Modal
detailModal.classList.add('open');
}
// Close modal when clicking outside of it
detailModal.addEventListener('click', (e) => {
if (e.target === detailModal) {
closeDetailModal();
}
});
</script>
<script>
function slideLeft() {
document.querySelector('.aircraft-slider').scrollBy({ left: -320, behavior: 'smooth' });
}
function slideRight() {
document.querySelector('.aircraft-slider').scrollBy({ left: 320, behavior: 'smooth' });
}
</script>
</body>
</html>