Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -32,75 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Le Concept",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "La Flotte",
|
||||
id: "fleet",
|
||||
},
|
||||
{
|
||||
name: "Expériences",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Le Concept", id: "about" },
|
||||
{ name: "La Flotte", id: "fleet" },
|
||||
{ name: "Expériences", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Méga Luxe"
|
||||
button={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/213000000000",
|
||||
}}
|
||||
button={{ text: "WhatsApp", href: "https://wa.me/213000000000" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="L’Élégance en Mouvement à Oran"
|
||||
description="Accédez à notre flotte exclusive de véhicules de prestige et bénéficiez d'un service VIP sur-mesure, disponible 24/7 pour vos moments exceptionnels."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver sur WhatsApp",
|
||||
href: "https://wa.me/213000000000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Réserver sur WhatsApp", href: "https://wa.me/213000000000" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg?_wi=1",
|
||||
imageAlt: "Luxury Sports Car",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736801.jpg?_wi=1",
|
||||
imageAlt: "Premium Interior",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636242.jpg?_wi=1",
|
||||
imageAlt: "Supercar Garage",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151211005.jpg",
|
||||
imageAlt: "Luxury SUV",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-car-nicht_23-2148140768.jpg",
|
||||
imageAlt: "Limousine Night",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-background-with-patterned-glass-texture_53876-134135.jpg",
|
||||
imageAlt: "Luxury Badge",
|
||||
},
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg", imageAlt: "Luxury Sports Car" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736801.jpg", imageAlt: "Premium Interior" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636242.jpg", imageAlt: "Supercar Garage" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151211005.jpg", imageAlt: "Luxury SUV" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/woman-car-nicht_23-2148140768.jpg", imageAlt: "Limousine Night" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-background-with-patterned-glass-texture_53876-134135.jpg", imageAlt: "Luxury Badge" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,68 +76,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Service Conciergerie 24/7",
|
||||
description: "Une assistance dédiée à chaque étape de votre location.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31700.jpg",
|
||||
imageAlt: "Car maintenance luxury service",
|
||||
},
|
||||
title: "Service Conciergerie 24/7", description: "Une assistance dédiée à chaque étape de votre location.", media: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31700.jpg", imageAlt: "Car maintenance luxury service" },
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Disponibilité totale",
|
||||
},
|
||||
{
|
||||
icon: User,
|
||||
text: "Support personnalisé",
|
||||
},
|
||||
{ icon: Clock, text: "Disponibilité totale" },
|
||||
{ icon: User, text: "Support personnalisé" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg?_wi=2",
|
||||
imageAlt: "car maintenance luxury service",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Flotte Exclusive",
|
||||
description: "Sélection des modèles les plus récents et performants.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businessman-driving-car_23-2147873890.jpg",
|
||||
imageAlt: "Chauffeur luxury car service",
|
||||
},
|
||||
title: "Flotte Exclusive", description: "Sélection des modèles les plus récents et performants.", media: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businessman-driving-car_23-2147873890.jpg", imageAlt: "Chauffeur luxury car service" },
|
||||
items: [
|
||||
{
|
||||
icon: Car,
|
||||
text: "Derniers modèles",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Maintenance rigoureuse",
|
||||
},
|
||||
{ icon: Car, text: "Derniers modèles" },
|
||||
{ icon: ShieldCheck, text: "Maintenance rigoureuse" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736801.jpg?_wi=2",
|
||||
imageAlt: "car maintenance luxury service",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Logistique VIP",
|
||||
description: "Livraison discrète et ponctuelle partout à Oran.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18956.jpg",
|
||||
imageAlt: "VIP event planning luxury",
|
||||
},
|
||||
title: "Logistique VIP", description: "Livraison discrète et ponctuelle partout à Oran.", media: { imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18956.jpg", imageAlt: "VIP event planning luxury" },
|
||||
items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Livraison sur-mesure",
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
text: "Confidentialité totale",
|
||||
},
|
||||
{ icon: MapPin, text: "Livraison sur-mesure" },
|
||||
{ icon: Briefcase, text: "Confidentialité totale" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636242.jpg?_wi=2",
|
||||
imageAlt: "car maintenance luxury service",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Notre Engagement Prestige"
|
||||
description="Découvrez des avantages pensés pour les clients les plus exigeants."
|
||||
@@ -195,46 +110,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Prestation exemplaire",
|
||||
quote: "Un service digne des grandes capitales. La voiture était impeccable.",
|
||||
name: "Karim M.",
|
||||
role: "Directeur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Raffinement pur",
|
||||
quote: "Livraison ponctuelle et voiture sublime. Je recommande vivement.",
|
||||
name: "Amira S.",
|
||||
role: "Event Planner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blond-girl-beige-trench-coat-dreamily-looking-away-outdoor_574295-3982.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Qualité premium",
|
||||
quote: "La référence pour la location de luxe à Oran. Service 5 étoiles.",
|
||||
name: "Yacine B.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-sunglasses-is-standing-outdoors_197531-361.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Expérience fluide",
|
||||
quote: "Simple, rapide et très professionnel. Un vrai plaisir.",
|
||||
name: "Sonia L.",
|
||||
role: "Business Analyst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-clenching-his-fist-while-team-discussing-background_23-2147923385.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Prestige absolu",
|
||||
quote: "L'attention aux détails est impressionnante. Merci encore.",
|
||||
name: "Omar K.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Prestation exemplaire", quote: "Un service digne des grandes capitales. La voiture était impeccable.", name: "Karim M.", role: "Directeur", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg" },
|
||||
{ id: "t2", title: "Raffinement pur", quote: "Livraison ponctuelle et voiture sublime. Je recommande vivement.", name: "Amira S.", role: "Event Planner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blond-girl-beige-trench-coat-dreamily-looking-away-outdoor_574295-3982.jpg" },
|
||||
{ id: "t3", title: "Qualité premium", quote: "La référence pour la location de luxe à Oran. Service 5 étoiles.", name: "Yacine B.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-sunglasses-is-standing-outdoors_197531-361.jpg" },
|
||||
{ id: "t4", title: "Expérience fluide", quote: "Simple, rapide et très professionnel. Un vrai plaisir.", name: "Sonia L.", role: "Business Analyst", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-clenching-his-fist-while-team-discussing-background_23-2147923385.jpg" },
|
||||
{ id: "t5", title: "Prestige absolu", quote: "L'attention aux détails est impressionnante. Merci encore.", name: "Omar K.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg" },
|
||||
]}
|
||||
title="Ce qu'ils disent de nous"
|
||||
description="Le choix des leaders et des personnalités à Oran."
|
||||
@@ -248,21 +128,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Modèles de Prestige",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Locations VIP Réussies",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Satisfaction Clients",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Modèles de Prestige" },
|
||||
{ id: "m2", value: "500+", description: "Locations VIP Réussies" },
|
||||
{ id: "m3", value: "100%", description: "Satisfaction Clients" },
|
||||
]}
|
||||
title="Chiffres Clés"
|
||||
description="L'excellence par les faits."
|
||||
@@ -274,14 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Oran Palace Hotel",
|
||||
"Global Event Logistics",
|
||||
"Prestige Motors Group",
|
||||
"Business Chamber Oran",
|
||||
"Luxury Wedding Planner",
|
||||
"Elite Chauffeur Co",
|
||||
"International VIP Club",
|
||||
]}
|
||||
"Oran Palace Hotel", "Global Event Logistics", "Prestige Motors Group", "Business Chamber Oran", "Luxury Wedding Planner", "Elite Chauffeur Co", "International VIP Club"]}
|
||||
title="Ils nous font confiance"
|
||||
description="Partenaires officiels des événements les plus prestigieux."
|
||||
/>
|
||||
@@ -292,31 +153,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quelle est la durée de location minimale ?",
|
||||
content: "Nous proposons des formules à partir de 24 heures pour répondre à tous vos besoins.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "La livraison est-elle incluse ?",
|
||||
content: "Oui, nous livrons votre véhicule directement à votre domicile ou à l'hôtel.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Est-ce qu'un chauffeur est disponible ?",
|
||||
content: "Absolument, des chauffeurs privés experts peuvent être réservés avec votre véhicule.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Quels sont les documents requis ?",
|
||||
content: "Une pièce d'identité valide, un permis de conduire en cours de validité et une caution.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Puis-je modifier ma réservation ?",
|
||||
content: "Oui, il est possible de modifier votre réservation sous réserve de disponibilité des véhicules.",
|
||||
},
|
||||
{ id: "f1", title: "Quelle est la durée de location minimale ?", content: "Nous proposons des formules à partir de 24 heures pour répondre à tous vos besoins." },
|
||||
{ id: "f2", title: "La livraison est-elle incluse ?", content: "Oui, nous livrons votre véhicule directement à votre domicile ou à l'hôtel." },
|
||||
{ id: "f3", title: "Est-ce qu'un chauffeur est disponible ?", content: "Absolument, des chauffeurs privés experts peuvent être réservés avec votre véhicule." },
|
||||
{ id: "f4", title: "Quels sont les documents requis ?", content: "Une pièce d'identité valide, un permis de conduire en cours de validité et une caution." },
|
||||
{ id: "f5", title: "Puis-je modifier ma réservation ?", content: "Oui, il est possible de modifier votre réservation sous réserve de disponibilité des véhicules." },
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
description="Tout ce qu'il faut savoir avant votre location."
|
||||
@@ -330,9 +171,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Contact Direct"
|
||||
title="Réservez Votre Véhicule"
|
||||
description="Un conseiller est à votre écoute immédiate via WhatsApp pour toute demande spécifique."
|
||||
@@ -343,17 +182,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Méga Luxe"
|
||||
leftLink={{
|
||||
text: "Mentions Légales",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Politique de Confidentialité",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Mentions Légales", href: "#" }}
|
||||
rightLink={{ text: "Politique de Confidentialité", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user