238 lines
14 KiB
TypeScript
238 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { CheckCircle, Facebook, Instagram, Linkedin, Shield, Sparkles, Star, Tag, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Accueil", id: "#home"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Véhicules d'occasion", id: "#vehicles"},
|
|
{
|
|
name: "À propos", id: "#about"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Renault Dacia Roquevaire"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplit
|
|
background={{
|
|
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: "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"
|
|
mediaAnimation="slide-up"
|
|
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/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/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"},
|
|
]}
|
|
avatarText="Rejoignez nos 40 000 clients satisfaits!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Entretien certifié", icon: CheckCircle,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Véhicules garantis", icon: Shield,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Service client 5 étoiles", icon: Star,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Pièces d'origine", icon: Wrench,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Devis gratuit", icon: Tag,
|
|
},
|
|
{
|
|
type: "text-icon", text: "40 ans d'expertise", icon: Sparkles,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
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"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
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: "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="Nos Services Essentiels"
|
|
description="De l'entretien quotidien à la réparation spécialisée, nous couvrons tous vos besoins automobiles avec professionnalisme et engagement."
|
|
/>
|
|
</div>
|
|
|
|
<div id="vehicles" data-section="vehicles">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
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: "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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "https://www.largus.fr/images/renault/dacia_sandero_stepway/i_renault_dacia_sandero_stepway-stepway-tce-90-expression-go_1270.jpg", imageAlt: "Dacia Sandero Stepway in a dealership showroom"},
|
|
{
|
|
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: "https://images.bfmtv.com/YwN9qR5bSjL_qI9p0vVz0QeX0t8=/0x106:1920x1186/1920x0/images/La-nouvelle-generation-du-Dacia-Duster-1834226.jpg", imageAlt: "New generation Dacia Duster SUV, front three-quarter view"},
|
|
{
|
|
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: "https://cdn.drive.ru/files/galleries/5400/393/1125x750/5400393.jpeg", imageAlt: "Silver Dacia Sandero parked on a street"},
|
|
{
|
|
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: "https://www.largus.fr/images/renault/dacia_duster/i_renault_dacia_duster-tce-130-expression_47.jpg", imageAlt: "Dacia Duster TCE 130 Expression, dynamic shot"},
|
|
{
|
|
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: "https://www.autojournal.fr/sites/autojournal/files/styles/w800/public/images/2021/01/nouveau-dacia-sandero-stepway-vs-ancien-duster-2_0.jpg?itok=p_D0uL5v", imageAlt: "New Dacia Sandero Stepway and old Duster side by side"},
|
|
{
|
|
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: "https://www.automobile-magazine.fr/var/plain_site/storage/images/media/galleries/constructeurs/dacia/dacia-duster-2024/dacia-duster-2024-33-034/11075674-1-fre-FR/dacia-duster-2024-33-034.jpg", imageAlt: "2024 Dacia Duster in an outdoor setting"},
|
|
]}
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
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"]}
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
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."
|
|
imageSrc="https://www.renault.fr/content/dam/Renault/fr/services/atelier/entretien-reparations/mecanique-et-carrosserie.jpg.ximg.m.scale.original.jpg"
|
|
imageAlt="Mechanic working in a modern Renault Dacia service center"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Votre adresse email"
|
|
buttonText="Envoyer"
|
|
termsText="En cliquant sur Envoyer, vous confirmez que vous acceptez nos Termes et Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Renault Dacia Roquevaire"
|
|
copyrightText="© 2024 Renault Dacia Roquevaire Automobiles. Tous droits réservés."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/renaultdacia.roquevaire", ariaLabel: "Facebook page"},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/renaultdacia.roquevaire", ariaLabel: "Instagram page"},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com/company/renault-dacia-roquevaire", ariaLabel: "LinkedIn profile"},
|
|
]}
|
|
logoSrc="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Renault_logo_2021.svg/1200px-Renault_logo_2021.svg.png"
|
|
logoAlt="Renault Dacia logo"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |