Update src/app/page.tsx
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Accueil", id: "#home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Véhicules d'occasion",
|
||||
id: "#vehicles",
|
||||
},
|
||||
name: "Véhicules d'occasion", id: "#vehicles"},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "#about",
|
||||
},
|
||||
name: "À propos", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Renault Dacia Roquevaire"
|
||||
/>
|
||||
@@ -59,20 +49,15 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Quarante ans de confiance sur la route"
|
||||
description="Depuis 1984, Renault Dacia Roquevaire Automobiles offre mécanique, carrosserie-peinture et véhicules d'occasion certifiés. Une équipe locale d'experts au service des automobilistes de Roquevaire, Auriol, Aubagne et environs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Prendre rendez-vous",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Prendre rendez-vous", href: "#contact"},
|
||||
{
|
||||
text: "Découvrir nos véhicules",
|
||||
href: "#vehicles",
|
||||
},
|
||||
text: "Découvrir nos véhicules", href: "#vehicles"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22409.jpg"
|
||||
imageAlt="Modern car dealership showroom with multiple vehicles"
|
||||
@@ -80,57 +65,35 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117118.jpg",
|
||||
alt: "Happy couple in car showroom dealership",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117118.jpg", alt: "Happy couple in car showroom dealership"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg",
|
||||
alt: "Ladies in a car salon. Woman buying the car. Elegant woman in a blue dress. Manager helps the client.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg", alt: "Ladies in a car salon. Woman buying the car. Elegant woman in a blue dress. Manager helps the client."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg",
|
||||
alt: "Woman looking at a car in a car showroom",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg", alt: "Woman looking at a car in a car showroom"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19782.jpg",
|
||||
alt: "Young woman in a car showroom choosing a car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19782.jpg", alt: "Young woman in a car showroom choosing a car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22809.jpg",
|
||||
alt: "Young beautiful woman choosing car in a car showroom",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22809.jpg", alt: "Young beautiful woman choosing car in a car showroom"},
|
||||
]}
|
||||
avatarText="Rejoignez nos 40 000 clients satisfaits!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Entretien certifié",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Entretien certifié", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Véhicules garantis",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Véhicules garantis", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Service client 5 étoiles",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Service client 5 étoiles", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pièces d'origine",
|
||||
icon: Wrench,
|
||||
type: "text-icon", text: "Pièces d'origine", icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Devis gratuit",
|
||||
icon: Tag,
|
||||
type: "text-icon", text: "Devis gratuit", icon: Tag,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "40 ans d'expertise",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "40 ans d'expertise", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -141,18 +104,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "40 Ans d'Expertise Automobile à Roquevaire",
|
||||
},
|
||||
type: "text", content: "40 Ans d'Expertise Automobile à Roquevaire"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110873.jpg", alt: "Experienced mechanic working diligently on a car engine"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Notre histoire",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Notre histoire", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110873.jpg"
|
||||
imageAlt="Experienced mechanic working diligently on a car engine"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -164,23 +124,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Mécanique toutes marques",
|
||||
description: "Diagnostic, entretien, révision, freinage, distribution... Nos experts prennent soin de votre véhicule avec rigueur et transparence, pour toutes les marques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367550.jpg",
|
||||
imageAlt: "Mechanic performing detailed engine inspection",
|
||||
},
|
||||
title: "Mécanique toutes marques", description: "Diagnostic, entretien, révision, freinage, distribution... Nos experts prennent soin de votre véhicule avec rigueur et transparence, pour toutes les marques.", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367550.jpg", imageAlt: "Mechanic performing detailed engine inspection"},
|
||||
{
|
||||
title: "Carrosserie & Peinture",
|
||||
description: "Du petit accroc aux réparations majeures, notre atelier de carrosserie redonne à votre véhicule son éclat d'origine. Expertise en peinture et tôlerie.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25242.jpg",
|
||||
imageAlt: "Car undergoing bodywork and painting in a professional booth",
|
||||
},
|
||||
title: "Carrosserie & Peinture", description: "Du petit accroc aux réparations majeures, notre atelier de carrosserie redonne à votre véhicule son éclat d'origine. Expertise en peinture et tôlerie.", imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25242.jpg", imageAlt: "Car undergoing bodywork and painting in a professional booth"},
|
||||
{
|
||||
title: "Véhicules d'Occasion Certifiés",
|
||||
description: "Découvrez notre sélection de véhicules d'occasion, rigoureusement inspectés et garantis. Trouvez la voiture qui vous correspond, en toute confiance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg",
|
||||
imageAlt: "Certified used car on display in a clean showroom",
|
||||
},
|
||||
title: "Véhicules d'Occasion Certifiés", description: "Découvrez notre sélection de véhicules d'occasion, rigoureusement inspectés et garantis. Trouvez la voiture qui vous correspond, en toute confiance.", imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg", imageAlt: "Certified used car on display in a clean showroom"},
|
||||
]}
|
||||
title="Nos Services Essentiels"
|
||||
description="De l'entretien quotidien à la réparation spécialisée, nous couvrons tous vos besoins automobiles avec professionnalisme et engagement."
|
||||
@@ -195,53 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dacia Sandero Stepway",
|
||||
price: "€14 990",
|
||||
variant: "Essence, 2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-near-car_23-2149437583.jpg",
|
||||
imageAlt: "Red Dacia Sandero Stepway",
|
||||
},
|
||||
id: "1", name: "Dacia Sandero Stepway", price: "€14 990", variant: "Essence, 2022", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-near-car_23-2149437583.jpg", imageAlt: "Red Dacia Sandero Stepway"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Renault Clio V",
|
||||
price: "€16 500",
|
||||
variant: "Diesel, 2021",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-wrap-geometric-design_23-2148494329.jpg",
|
||||
imageAlt: "Blue Renault Clio V",
|
||||
},
|
||||
id: "2", name: "Renault Clio V", price: "€16 500", variant: "Diesel, 2021", imageSrc: "http://img.b2bpic.net/free-vector/car-wrap-geometric-design_23-2148494329.jpg", imageAlt: "Blue Renault Clio V"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dacia Duster",
|
||||
price: "€18 750",
|
||||
variant: "Diesel, 2020",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-trendy-father-with-his-little-daughter-having-fun-by-car_1303-18546.jpg",
|
||||
imageAlt: "White Dacia Duster SUV",
|
||||
},
|
||||
id: "3", name: "Dacia Duster", price: "€18 750", variant: "Diesel, 2020", imageSrc: "http://img.b2bpic.net/free-photo/young-trendy-father-with-his-little-daughter-having-fun-by-car_1303-18546.jpg", imageAlt: "White Dacia Duster SUV"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Renault Captur",
|
||||
price: "€21 000",
|
||||
variant: "Hybride, 2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-herself_1303-28031.jpg",
|
||||
imageAlt: "Orange Renault Captur",
|
||||
},
|
||||
id: "4", name: "Renault Captur", price: "€21 000", variant: "Hybride, 2022", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-herself_1303-28031.jpg", imageAlt: "Orange Renault Captur"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dacia Jogger",
|
||||
price: "€19 200",
|
||||
variant: "Essence, 2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6645.jpg",
|
||||
imageAlt: "Grey Dacia Jogger family car",
|
||||
},
|
||||
id: "5", name: "Dacia Jogger", price: "€19 200", variant: "Essence, 2023", imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6645.jpg", imageAlt: "Grey Dacia Jogger family car"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Renault Arkana",
|
||||
price: "€28 500",
|
||||
variant: "Hybride, 2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6916.jpg",
|
||||
imageAlt: "Black Renault Arkana SUV",
|
||||
},
|
||||
id: "6", name: "Renault Arkana", price: "€28 500", variant: "Hybride, 2023", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6916.jpg", imageAlt: "Black Renault Arkana SUV"},
|
||||
]}
|
||||
title="Nos Véhicules d'Occasion"
|
||||
description="Découvrez notre large sélection de véhicules d'occasion, tous rigoureusement inspectés, révisés et garantis pour votre tranquillité d'esprit."
|
||||
@@ -255,53 +167,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marie Dupont",
|
||||
handle: "@MarieD",
|
||||
testimonial: "Un service mécanique impeccable et des conseils honnêtes. Mon véhicule n'a jamais été aussi bien entretenu. Merci à toute l'équipe!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171286.jpg",
|
||||
imageAlt: "Photo of Marie Dupont, a satisfied customer",
|
||||
},
|
||||
id: "1", name: "Marie Dupont", handle: "@MarieD", testimonial: "Un service mécanique impeccable et des conseils honnêtes. Mon véhicule n'a jamais été aussi bien entretenu. Merci à toute l'équipe!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171286.jpg", imageAlt: "Photo of Marie Dupont, a satisfied customer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jean-Luc Petit",
|
||||
handle: "@JLPAuto",
|
||||
testimonial: "J'ai acheté ma Dacia d'occasion ici et je suis ravi. La voiture était comme neuve et le suivi après-vente est excellent. Je recommande!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14562.jpg",
|
||||
imageAlt: "Photo of Jean-Luc Petit, a happy used car buyer",
|
||||
},
|
||||
id: "2", name: "Jean-Luc Petit", handle: "@JLPAuto", testimonial: "J'ai acheté ma Dacia d'occasion ici et je suis ravi. La voiture était comme neuve et le suivi après-vente est excellent. Je recommande!", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14562.jpg", imageAlt: "Photo of Jean-Luc Petit, a happy used car buyer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie Martin",
|
||||
handle: "@SophieM",
|
||||
testimonial: "Ma voiture a subi des dégâts de carrosserie et le résultat est bluffant. On dirait qu'elle n'a jamais rien eu! Travail de pro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-talking-mobile-phone_1170-1433.jpg",
|
||||
imageAlt: "Photo of Sophie Martin, impressed with bodywork",
|
||||
},
|
||||
id: "3", name: "Sophie Martin", handle: "@SophieM", testimonial: "Ma voiture a subi des dégâts de carrosserie et le résultat est bluffant. On dirait qu'elle n'a jamais rien eu! Travail de pro.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-talking-mobile-phone_1170-1433.jpg", imageAlt: "Photo of Sophie Martin, impressed with bodywork"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Antoine Dubois",
|
||||
handle: "@AntoineD",
|
||||
testimonial: "Fidèle client depuis des années. Toujours à l'écoute, toujours efficaces. C'est rare de trouver un garage aussi fiable de nos jours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440264.jpg",
|
||||
imageAlt: "Photo of Antoine Dubois, a long-term loyal customer",
|
||||
},
|
||||
id: "4", name: "Antoine Dubois", handle: "@AntoineD", testimonial: "Fidèle client depuis des années. Toujours à l'écoute, toujours efficaces. C'est rare de trouver un garage aussi fiable de nos jours.", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440264.jpg", imageAlt: "Photo of Antoine Dubois, a long-term loyal customer"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Isabelle Leroy",
|
||||
handle: "@IsabelleL",
|
||||
testimonial: "Le personnel est très accueillant et compétent. Ils ont pris le temps de m'expliquer les réparations nécessaires sans pousser à la consommation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22812.jpg",
|
||||
imageAlt: "Photo of Isabelle Leroy, appreciating the clear communication",
|
||||
},
|
||||
id: "5", name: "Isabelle Leroy", handle: "@IsabelleL", testimonial: "Le personnel est très accueillant et compétent. Ils ont pris le temps de m'expliquer les réparations nécessaires sans pousser à la consommation.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22812.jpg", imageAlt: "Photo of Isabelle Leroy, appreciating the clear communication"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Thomas Bernard",
|
||||
handle: "@ThomasB",
|
||||
testimonial: "Un garage familial où la confiance est le maître-mot. Mes véhicules de fonction sont toujours prêts à temps et parfaitement entretenus.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-wheel-with-pneumatic-wrench_1170-1353.jpg",
|
||||
imageAlt: "Photo of Thomas Bernard, a business client",
|
||||
},
|
||||
id: "6", name: "Thomas Bernard", handle: "@ThomasB", testimonial: "Un garage familial où la confiance est le maître-mot. Mes véhicules de fonction sont toujours prêts à temps et parfaitement entretenus.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-wheel-with-pneumatic-wrench_1170-1353.jpg", imageAlt: "Photo of Thomas Bernard, a business client"},
|
||||
]}
|
||||
title="Ce que nos clients disent de nous"
|
||||
description="La satisfaction de nos clients est notre plus grande fierté. Découvrez leurs témoignages et la confiance qu'ils nous accordent année après année."
|
||||
@@ -313,16 +189,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AXA Assurances",
|
||||
"MAIF",
|
||||
"Groupama",
|
||||
"Allianz France",
|
||||
"Macif",
|
||||
"Generali",
|
||||
"Direct Assurance",
|
||||
"Crédit Agricole Assurances",
|
||||
"Société Générale Assurances",
|
||||
]}
|
||||
"AXA Assurances", "MAIF", "Groupama", "Allianz France", "Macif", "Generali", "Direct Assurance", "Crédit Agricole Assurances", "Société Générale Assurances"]}
|
||||
title="Nos Partenaires de Confiance"
|
||||
description="Nous sommes fiers de collaborer avec des partenaires majeurs pour vous offrir des services de qualité, reconnus par les assurances et les flottes d'entreprise."
|
||||
/>
|
||||
@@ -332,8 +199,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact"
|
||||
title="Contactez-nous pour un rendez-vous"
|
||||
description="Besoin d'un entretien, d'une réparation ou d'informations sur nos véhicules? Notre équipe est à votre disposition pour vous conseiller et vous accompagner."
|
||||
@@ -354,19 +220,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/renaultdacia.roquevaire",
|
||||
ariaLabel: "Facebook page",
|
||||
},
|
||||
href: "https://facebook.com/renaultdacia.roquevaire", ariaLabel: "Facebook page"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/renaultdacia.roquevaire",
|
||||
ariaLabel: "Instagram page",
|
||||
},
|
||||
href: "https://instagram.com/renaultdacia.roquevaire", ariaLabel: "Instagram page"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/renault-dacia-roquevaire",
|
||||
ariaLabel: "LinkedIn profile",
|
||||
},
|
||||
href: "https://linkedin.com/company/renault-dacia-roquevaire", ariaLabel: "LinkedIn profile"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user