bender/1d3cb0a2-e372-46e9-80d3-b9222e47d245
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 10:46:57 +00:00
parent 6fa4a4d3ae
commit e8c81d9a0d
1 changed files with 59 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Accueil",
id: "hero",
},
name: "Accueil", id: "hero"},
{
name: "Détails",
id: "details",
},
name: "Détails", id: "details"},
{
name: "Avantages",
id: "features",
},
name: "Avantages", id: "features"},
{
name: "Réserver",
id: "contact",
},
name: "Réserver", id: "contact"},
]}
brandName="Bidawi Car"
/>
@@ -54,116 +46,67 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Location Dacia Logan Simple & Rapide"
description="Réservez votre voiture facilement partout au Maroc."
description="Réservez votre voiture facilement partout au Maroc. Aucun frais caché, une transparence totale pour votre tranquillité."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/view-small-four-wheeled-vehicle-mobility-fast-travel_23-2151016456.jpg",
imageAlt: "Dacia Logan Premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-small-four-wheeled-vehicle-mobility-fast-travel_23-2151016456.jpg", imageAlt: "Dacia Logan Premium"},
{
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-driving-while-another-man-is-sitting-car-roof-with-blackboard_1194-1187.jpg",
imageAlt: "Dacia Logan Premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-driving-while-another-man-is-sitting-car-roof-with-blackboard_1194-1187.jpg", imageAlt: "Dacia Logan Premium"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blue-crossover-driving-city-street-modern-suv-moving-urban-traffic_169016-72788.jpg",
imageAlt: "Dacia Logan Premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/blue-crossover-driving-city-street-modern-suv-moving-urban-traffic_169016-72788.jpg", imageAlt: "Dacia Logan Premium"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-13690.jpg",
imageAlt: "Dacia Logan Premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-13690.jpg", imageAlt: "Dacia Logan Premium"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861912.jpg",
imageAlt: "Dacia Logan Premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861912.jpg", imageAlt: "Dacia Logan Premium"},
{
imageSrc: "http://img.b2bpic.net/free-photo/single-spotlight-illuminating-dark-concrete-room_84443-81989.jpg",
imageAlt: "Dacia Logan Premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/single-spotlight-illuminating-dark-concrete-room_84443-81989.jpg", imageAlt: "Dacia Logan Premium"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg",
imageAlt: "Dacia Logan",
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg", imageAlt: "Dacia Logan"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080212.jpg",
imageAlt: "Dacia Logan",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080212.jpg", imageAlt: "Dacia Logan"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg",
imageAlt: "Dacia Logan",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg", imageAlt: "Dacia Logan"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dramatic-spotlight-dark-metallic-wall-floor_84443-81939.jpg",
imageAlt: "Dacia Logan",
},
imageSrc: "http://img.b2bpic.net/free-photo/dramatic-spotlight-dark-metallic-wall-floor_84443-81939.jpg", imageAlt: "Dacia Logan"},
{
imageSrc: "http://img.b2bpic.net/free-vector/white-hatchback-car-isolated-white-vector_53876-67619.jpg",
imageAlt: "Dacia Logan",
},
imageSrc: "http://img.b2bpic.net/free-vector/white-hatchback-car-isolated-white-vector_53876-67619.jpg", imageAlt: "Dacia Logan"},
{
imageSrc: "http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg",
imageAlt: "Dacia Logan",
},
imageSrc: "http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg", imageAlt: "Dacia Logan"},
]}
buttons={[
{
text: "Réserver Maintenant",
href: "#contact",
},
text: "Réserver Maintenant", href: "#contact"},
{
text: "Voir Disponibilité",
href: "#details",
},
text: "Voir Disponibilité", href: "#details"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/family-with-daughter-autumn-park_1157-22526.jpg",
alt: "Client satisfait 1",
},
src: "http://img.b2bpic.net/free-photo/family-with-daughter-autumn-park_1157-22526.jpg", alt: "Client satisfait 1"},
{
src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-coffee_1157-31442.jpg",
alt: "Client satisfait 2",
},
src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-coffee_1157-31442.jpg", alt: "Client satisfait 2"},
{
src: "http://img.b2bpic.net/free-photo/store-employee-hands-man-gift-certificate-he-bought-christmas-present-copy-space-jewelry-store-promotion_166373-8892.jpg",
alt: "Client satisfait 3",
},
src: "http://img.b2bpic.net/free-photo/store-employee-hands-man-gift-certificate-he-bought-christmas-present-copy-space-jewelry-store-promotion_166373-8892.jpg", alt: "Client satisfait 3"},
{
src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31449.jpg",
alt: "Client satisfait 4",
},
src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31449.jpg", alt: "Client satisfait 4"},
{
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-28609.jpg",
alt: "Client satisfait 5",
},
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-28609.jpg", alt: "Client satisfait 5"},
]}
avatarText="Plus de 500 clients nous ont fait confiance."
marqueeItems={[
{
type: "text",
text: "Kilométrage illimité",
},
type: "text", text: "Kilométrage illimité"},
{
type: "text",
text: "Assurance incluse",
},
type: "text", text: "Assurance incluse"},
{
type: "text",
text: "Assistance 24/7",
},
type: "text", text: "Assistance 24/7"},
{
type: "text",
text: "Livraison à l'aéroport",
},
type: "text", text: "Livraison à l'aéroport"},
{
type: "text",
text: "Annulation gratuite",
},
type: "text", text: "Annulation gratuite"},
]}
/>
</div>
@@ -175,21 +118,13 @@ export default function LandingPage() {
description="Découvrez le véhicule parfait pour vos déplacements au Maroc, alliant économie et espace."
metrics={[
{
value: "5",
title: "Places",
},
value: "5", title: "Places"},
{
value: "Diesel",
title: "Moteur",
},
value: "Diesel", title: "Moteur"},
{
value: "A/C",
title: "Climatisation",
},
value: "A/C", title: "Climatisation"},
{
value: "Manuelle",
title: "Boîte",
},
value: "Manuelle", title: "Boîte"},
]}
imageSrc="http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg"
mediaAnimation="slide-up"
@@ -204,29 +139,19 @@ export default function LandingPage() {
features={[
{
icon: Zap,
title: "Réservation rapide",
description: "Réservez en quelques clics.",
},
title: "Réservation rapide", description: "Réservez en quelques clics."},
{
icon: CheckCircle,
title: "Prix abordable",
description: "Tarifs transparents.",
},
title: "Prix abordable", description: "Tarifs transparents."},
{
icon: MessageSquare,
title: "Support WhatsApp",
description: "Une équipe à votre écoute.",
},
title: "Support WhatsApp", description: "Une équipe à votre écoute."},
{
icon: Clock,
title: "Disponible 24/7",
description: "Service client réactif.",
},
title: "Disponible 24/7", description: "Service client réactif."},
{
icon: Shield,
title: "Sécurité garantie",
description: "Assurance tous risques.",
},
title: "Sécurité garantie", description: "Assurance tous risques."},
]}
title="Pourquoi Choisir Bidawi Car?"
description="Nous mettons tout en œuvre pour simplifier votre expérience de location au quotidien."
@@ -240,38 +165,20 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "daily",
badge: "Premium",
price: "250 MAD",
subtitle: "Par jour",
buttons: [
id: "daily", badge: "Premium", price: "250 MAD", subtitle: "Par jour", buttons: [
{
text: "Réserver",
href: "#contact",
},
text: "Réserver", href: "#contact"},
],
features: [
"Kilométrage illimité",
"Assurance incluse",
"Service de livraison",
],
"Kilométrage illimité", "Assurance incluse", "Service de livraison"],
},
{
id: "weekly",
badge: "Populaire",
price: "1600 MAD",
subtitle: "Par semaine",
buttons: [
id: "weekly", badge: "Populaire", price: "1600 MAD", subtitle: "Par semaine", buttons: [
{
text: "Réserver",
href: "#contact",
},
text: "Réserver", href: "#contact"},
],
features: [
"Kilométrage illimité",
"Assurance premium",
"Assistance 24/7",
],
"Kilométrage illimité", "Assurance premium", "Assistance 24/7"],
},
]}
title="Nos Forfaits"
@@ -286,40 +193,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Amine L.",
handle: "@aminel",
testimonial: "Excellent service et voiture impeccable.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598344.jpg",
},
id: "1", name: "Amine L.", handle: "@aminel", testimonial: "Excellent service et voiture impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598344.jpg"},
{
id: "2",
name: "Sarah K.",
handle: "@sarahk",
testimonial: "Très simple pour réserver.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg",
},
id: "2", name: "Sarah K.", handle: "@sarahk", testimonial: "Très simple pour réserver.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg"},
{
id: "3",
name: "Youssef M.",
handle: "@youssefm",
testimonial: "Prix très compétitifs et service réactif.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2626.jpg",
},
id: "3", name: "Youssef M.", handle: "@youssefm", testimonial: "Prix très compétitifs et service réactif.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2626.jpg"},
{
id: "4",
name: "Fatima Z.",
handle: "@fatimaz",
testimonial: "La voiture était très confortable.",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
},
id: "4", name: "Fatima Z.", handle: "@fatimaz", testimonial: "La voiture était très confortable.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg"},
{
id: "5",
name: "Hicham R.",
handle: "@hichamr",
testimonial: "Professionnalisme au top.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg",
},
id: "5", name: "Hicham R.", handle: "@hichamr", testimonial: "Professionnalisme au top.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg"},
]}
title="Ils nous font confiance"
description="Retours de nos clients satisfaits de leur location."
@@ -330,16 +212,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Réserver"
title="Prêt à louer votre véhicule ?"
description="Envoyez-nous un message dès maintenant pour bloquer votre Dacia Logan."
buttons={[
{
text: "Envoyer sur WhatsApp",
href: "https://wa.me/212600000000",
},
text: "Envoyer sur WhatsApp", href: "https://wa.me/212600000000"},
]}
/>
</div>
@@ -349,29 +228,19 @@ export default function LandingPage() {
logoText="Bidawi Car"
columns={[
{
title: "Service",
items: [
title: "Service", items: [
{
label: "Réserver",
href: "#contact",
},
label: "Réserver", href: "#contact"},
{
label: "Tarifs",
href: "#pricing",
},
label: "Tarifs", href: "#pricing"},
],
},
{
title: "Légal",
items: [
title: "Légal", items: [
{
label: "CGU",
href: "#",
},
label: "CGU", href: "#"},
{
label: "Confidentialité",
href: "#",
},
label: "Confidentialité", href: "#"},
],
},
]}
@@ -380,4 +249,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}