Experience Luxury on Wheels with Lux4rides
Elevate your journey with our premium chauffeur services
Our Premium Services
Excellence in Every Ride
🌟
Red Carpet Events
Make a statement at premieres and award shows with our VIP transportation services.
💼
Corporate Events
Make the right impression with our executive transportation services for business meetings and events.
🥂
Special Occasions
From weddings to anniversaries, our luxury vehicles add an extra touch of elegance to your special day.
Our Elite Fleet
Travel in Style & Comfort
Executive Sedan
Our Mercedes S-Class offers the ultimate luxury sedan experience with extraordinary comfort and state-of-the-art technology.
Luxury SUV
The Cadillac Escalade combines imposing presence with refined luxury, perfect for navigating Los Angeles in style.
Why Choose Us
The Lux4rides Difference
Professional Chauffeurs
Our drivers are trained professionals with years of experience and exceptional knowledge of the area.
Immaculate Vehicles
Our fleet is meticulously maintained and cleaned to ensure the highest standards of luxury and comfort.
24/7 Availability
We're available round the clock to meet your transportation needs, whenever you need us.
Customized Experience
We tailor our services to meet your specific requirements and preferences for a personalized experience.
Book Your Luxury Experience
Ready to Elevate Your Journey?
Contact us today to book your premium transportation experience with Lux4rides. Our team is ready to assist you with any inquiries.
© 2024 Lux4rides. All rights reserved.
/* Lux4rides Custom Styles */
.lux-container {
min-height: 100vh;
background-color: #0A0A0A;
overflow: hidden;
}
/* Hero Section */
.lux-hero {
position: relative;
height: 100vh;
overflow: hidden;
}
.lux-hero-overlay {
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 10;
}
.lux-hero-bg {
position: absolute;
inset: 0;
z-index: 0;
}
.lux-hero-bg-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.lux-hero-content {
position: relative;
z-index: 20;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 0 1.5rem;
}
.lux-hero-title {
font-size: 2.25rem;
font-family: 'Playfair Display', serif;
font-weight: 700;
color: white;
margin-bottom: 1.5rem;
max-width: 56rem;
}
.lux-gold {
color: #BE9E44;
}
.lux-hero-subtitle {
font-size: 1.25rem;
color: #F5F5F7;
margin-bottom: 2rem;
max-width: 42rem;
}
.lux-button-group {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem;
margin-top: 0.75rem;
width: 100%;
max-width: 32rem;
}
.lux-button {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.5rem 1rem;
background-color: #BE9E44;
color: black;
font-weight: 500;
letter-spacing: 0.05em;
transition: all 0.3s;
min-width: 140px;
flex: 1;
}
.lux-button:hover {
transform: translateY(-3px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.lux-button-outline {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.5rem 1rem;
background-color: transparent;
color: #BE9E44;
border: 1px solid #BE9E44;
font-weight: 500;
letter-spacing: 0.05em;
transition: all 0.3s;
min-width: 140px;
flex: 1;
}
.lux-button-outline:hover {
background-color: rgba(190, 158, 68, 0.1);
transform: translateY(-3px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.lux-scroll-indicator {
position: absolute;
bottom: 2.5rem;
left: 0;
right: 0;
display: flex;
justify-content: center;
z-index: 20;
animation: bounce 2s infinite;
}
.lux-scroll-box {
width: 1.5rem;
height: 2.5rem;
border: 2px solid white;
border-radius: 9999px;
display: flex;
justify-content: center;
}
.lux-scroll-dot {
width: 0.25rem;
height: 0.75rem;
background-color: white;
border-radius: 9999px;
margin-top: 0.5rem;
}
/* Services Section */
.lux-section {
padding: 4rem 1rem;
}
.lux-section-title-wrapper {
text-align: center;
margin-bottom: 4rem;
}
.lux-section-tag {
display: inline-block;
color: #BE9E44;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 0.75rem;
position: relative;
}
.lux-section-tag::after {
content: '';
position: absolute;
left: 50%;
bottom: -0.5rem;
width: 5rem;
height: 0.125rem;
background-color: #BE9E44;
transform: translateX(-50%);
}
.lux-section-title {
font-size: 2.25rem;
font-family: 'Playfair Display', serif;
font-weight: 600;
color: white;
margin-top: 1rem;
}
.lux-services-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.lux-service-card {
background: linear-gradient(135deg, #171717, #0A0A0A);
border: 1px solid rgba(160, 160, 160, 0.1);
border-radius: 0.5rem;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
padding: 1rem;
height: 100%;
}
.lux-service-icon {
font-size: 2.25rem;
margin-bottom: 0.5rem;
}
.lux-service-title {
font-size: 1.125rem;
font-family: 'Playfair Display', serif;
font-weight: 600;
color: #BE9E44;
margin-bottom: 0.5rem;
}
.lux-service-desc {
font-size: 0.875rem;
color: #C8C8C9;
}
.lux-service-line {
height: 0.25rem;
width: 4rem;
background-color: rgba(190, 158, 68, 0.3);
margin-top: 0.5rem;
}
/* Fleet Section */
.lux-fleet-grid {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
.lux-vehicle-image-container {
height: 300px;
overflow: hidden;
border-radius: 0.5rem;
border: 1px solid rgba(190, 158, 68, 0.2);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
}
.lux-vehicle-image {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
transition: transform 0.7s;
}
.lux-vehicle-image:hover {
transform: scale(1.1);
}
.lux-vehicle-name {
font-size: 1.25rem;
font-family: 'Playfair Display', serif;
font-weight: 600;
color: #BE9E44;
margin-bottom: 0.5rem;
}
.lux-vehicle-desc {
font-size: 0.875rem;
color: #C8C8C9;
}
/* Why Choose Us Section */
.lux-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.lux-feature {
border-top: 1px solid #BE9E44;
padding-top: 1.5rem;
height: 100%;
}
.lux-feature-title {
font-size: 1.125rem;
font-family: 'Playfair Display', serif;
font-weight: 600;
color: #BE9E44;
margin-bottom: 0.5rem;
}
.lux-feature-desc {
font-size: 0.875rem;
color: #F5F5F7;
}
/* CTA Section */
.lux-cta-wrapper {
max-width: 896px;
margin: 0 auto;
text-align: center;
}
.lux-cta-title {
font-size: 2.25rem;
font-family: 'Playfair Display', serif;
font-weight: 600;
color: white;
margin-bottom: 1.5rem;
margin-top: 1rem;
}
.lux-cta-desc {
font-size: 1.125rem;
color: #F5F5F7;
margin-bottom: 2rem;
max-width: 42rem;
margin-left: auto;
margin-right: auto;
}
.lux-contact-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem;
margin-bottom: 3rem;
}
.lux-contact-button {
background-color: #BE9E44;
color: black !important;
min-width: 140px;
max-width: 200px;
flex: 1;
padding: 0.5rem 1rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
transition: all 0.3s;
text-decoration: none !important;
}
.lux-contact-button:hover {
transform: translateY(-3px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.lux-contact-button-outline {
background-color: transparent;
color: #BE9E44 !important;
border: 1px solid #BE9E44;
min-width: 140px;
max-width: 220px;
flex: 1;
padding: 0.5rem 1rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
transition: all 0.3s;
text-decoration: none !important;
}
.lux-contact-button-outline:hover {
background-color: rgba(190, 158, 68, 0.1);
transform: translateY(-3px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.lux-footer-text {
color: #8A898C;
}
/* Animations */
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
/* Media Queries */
@media (min-width: 768px) {
.lux-hero-title {
font-size: 3.5rem;
}
.lux-hero-subtitle {
font-size: 1.5rem;
}
.lux-section {
padding: 4rem 3rem;
}
.lux-section-title {
font-size: 3rem;
}
.lux-services-grid {
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.lux-service-card {
padding: 2rem;
}
.lux-service-title {
font-size: 1.25rem;
}
.lux-service-desc {
font-size: 1rem;
}
.lux-fleet-grid {
grid-template-columns: repeat(2, 1fr);
}
.lux-features-grid {
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
.lux-feature-title {
font-size: 1.25rem;
}
.lux-feature-desc {
font-size: 1rem;
}
.lux-cta-title {
font-size: 3rem;
}
}
@media (min-width: 1024px) {
.lux-hero-title {
font-size: 4rem;
}
.lux-section {
padding: 4rem 6rem;
}
.lux-section-title {
font-size: 3.5rem;
}
}
