Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
396
src/app/page.tsx
396
src/app/page.tsx
@@ -28,291 +28,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="MoveExpress"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MoveExpress"
|
||||
button={{ text: "Devis" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Déménagez en toute sérénité"
|
||||
description="Nous prenons soin de vos biens de A à Z. MoveExpress garantit un déménagement rapide, sécurisé et sans stress pour les particuliers et professionnels."
|
||||
tag="Expert en déménagement"
|
||||
buttons={[
|
||||
{
|
||||
text: "Demandez un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-concept-with-copy-space_23-2148684745.jpg",
|
||||
imageAlt: "Équipe de déménagement professionnelle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-hiding-their-face-sitting-cardboard-boxes-their-new-house_23-2148095522.jpg",
|
||||
imageAlt: "Emballage et transport sécurisé",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-men-saluting-each-other-with-fist-bump_23-2148944555.jpg",
|
||||
imageAlt: "Jeunes déménageurs se saluant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371961.jpg",
|
||||
imageAlt: "Livraison de colis en cours",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-with-packagaes_23-2148684709.jpg",
|
||||
imageAlt: "Déménageur avec des paquets",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Plus de 500+ déménagements réussis"
|
||||
tagIcon={ShieldCheck}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Déménagez en toute sérénité"
|
||||
description="Nous prenons soin de vos biens de A à Z. MoveExpress garantit un déménagement rapide, sécurisé et sans stress pour les particuliers et professionnels."
|
||||
tag="Expert en déménagement"
|
||||
buttons={[{ text: "Demandez un devis", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-concept-with-copy-space_23-2148684745.jpg", imageAlt: "Équipe de déménagement professionnelle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-couple-hiding-their-face-sitting-cardboard-boxes-their-new-house_23-2148095522.jpg", imageAlt: "Emballage et transport sécurisé" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Plus de 500+ déménagements réussis"
|
||||
tagIcon={ShieldCheck}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Votre satisfaction est notre priorité"
|
||||
description="Chez MoveExpress, nous allions savoir-faire artisanal et logistique moderne. Depuis 10 ans, nous accompagnons nos clients dans chaque étape de leur transition, avec des solutions adaptées et une équipe dévouée."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Équipe qualifiée",
|
||||
description: "Formés aux meilleures techniques de manutention.",
|
||||
},
|
||||
{
|
||||
title: "Protection optimale",
|
||||
description: "Matériaux de haute qualité pour vos objets fragiles.",
|
||||
},
|
||||
{
|
||||
title: "Service personnalisé",
|
||||
description: "Devis sur mesure selon vos besoins réels.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-delivery-men-near-delivery-car_23-2148944552.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Votre satisfaction est notre priorité"
|
||||
description="Chez MoveExpress, nous allions savoir-faire artisanal et logistique moderne. Depuis 10 ans, nous accompagnons nos clients dans chaque étape de leur transition."
|
||||
bulletPoints={[
|
||||
{ title: "Équipe qualifiée", description: "Formés aux meilleures techniques de manutention." },
|
||||
{ title: "Protection optimale", description: "Matériaux de haute qualité pour vos objets fragiles." },
|
||||
{ title: "Service personnalisé", description: "Devis sur mesure selon vos besoins réels." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-delivery-men-near-delivery-car_23-2148944552.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Déménagement complet",
|
||||
description: "Emballage, démontage, transport et remontage par nos experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162262.jpg",
|
||||
},
|
||||
{
|
||||
title: "Déménagement longue distance",
|
||||
description: "Une logistique rodée pour sécuriser vos biens sur les trajets longs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-together-holding-boxes_23-2148273256.jpg",
|
||||
},
|
||||
{
|
||||
title: "Stockage sécurisé",
|
||||
description: "Accès à des garde-meubles surveillés et climatisés pour vos besoins temporaires.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moving-concept-with-side-view-couple_23-2147703547.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nos services de déménagement"
|
||||
description="Des formules adaptées à chaque budget et type de déménagement."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Déménagement complet", description: "Emballage, démontage, transport et remontage par nos experts.", imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162262.jpg" },
|
||||
{ title: "Déménagement longue distance", description: "Une logistique rodée pour sécuriser vos biens.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-together-holding-boxes_23-2148273256.jpg" },
|
||||
{ title: "Stockage sécurisé", description: "Accès à des garde-meubles surveillés et climatisés.", imageSrc: "http://img.b2bpic.net/free-photo/moving-concept-with-side-view-couple_23-2147703547.jpg" },
|
||||
]}
|
||||
title="Nos services de déménagement"
|
||||
description="Des formules adaptées à chaque budget."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10",
|
||||
title: "Années d'expérience",
|
||||
items: [
|
||||
"Savoir-faire",
|
||||
"Expertise locale",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Déménagements réussis",
|
||||
items: [
|
||||
"Satisfaits",
|
||||
"Clients fidèles",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction client",
|
||||
items: [
|
||||
"Qualité",
|
||||
"Confiance",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Chiffres clés"
|
||||
description="L'expérience qui fait la différence pour vos projets."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10", title: "Années d'expérience", items: ["Savoir-faire", "Expertise locale"] },
|
||||
{ id: "m2", value: "500+", title: "Déménagements réussis", items: ["Satisfaits", "Clients fidèles"] },
|
||||
{ id: "m3", value: "98%", title: "Satisfaction client", items: ["Qualité", "Confiance"] },
|
||||
]}
|
||||
title="Chiffres clés"
|
||||
description="L'expérience qui fait la différence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sophie Martin",
|
||||
handle: "@sophiem",
|
||||
testimonial: "Déménagement très rapide et professionnel. Rien à redire !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julien Robert",
|
||||
handle: "@julienr",
|
||||
testimonial: "Une équipe au top, merci pour votre aide sur la gestion des meubles fragiles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-playing-together-with-their-sons-home_23-2148467014.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Claire Dupont",
|
||||
handle: "@claired",
|
||||
testimonial: "Service impeccable et prix raisonnables. Je recommande vivement.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-moving-new-house-buy-apartment-flat-cheerful-couple-packing-boxes-with-books-writing-labels-they-white-room-with-window-wearing-black-top-t-shirt_197531-1623.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marc Lefebvre",
|
||||
handle: "@marcl",
|
||||
testimonial: "Professionnalisme exemplaire, tout est arrivé intact.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-unpacking-new-home_329181-194.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elodie Petit",
|
||||
handle: "@elodiep",
|
||||
testimonial: "Très satisfaite de la prestation globale. Merci encore.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ce que nos clients disent"
|
||||
description="Découvrez les avis de nos clients ayant fait confiance à MoveExpress pour leur transition."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sophie Martin", handle: "@sophiem", testimonial: "Déménagement très rapide.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg" },
|
||||
{ id: "2", name: "Julien Robert", handle: "@julienr", testimonial: "Une équipe au top.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/parents-playing-together-with-their-sons-home_23-2148467014.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ce que nos clients disent"
|
||||
description="Avis de nos clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Comment obtenir un devis ?",
|
||||
content: "Vous pouvez remplir notre formulaire de contact ou nous appeler directement.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Mes meubles sont-ils assurés ?",
|
||||
content: "Oui, tous nos transports incluent une assurance couvrant vos biens durant le trajet.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fournissez-vous les cartons ?",
|
||||
content: "Nous proposons des kits d'emballage complets sur demande.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
sideDescription="Tout ce que vous devez savoir avant votre déménagement."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Comment obtenir un devis ?", content: "Formulaire de contact." },
|
||||
{ id: "f2", title: "Assurance ?", content: "Assurance incluse." },
|
||||
{ id: "f3", title: "Cartons ?", content: "Kits sur demande." },
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Prêt à changer de vie ?"
|
||||
description="Obtenez votre devis personnalisé dès aujourd'hui."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-owner-working-home-office_1150-11611.jpg"
|
||||
buttonText="Envoyer la demande"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Prêt à changer de vie ?"
|
||||
description="Obtenez votre devis personnalisé."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-owner-working-home-office_1150-11611.jpg"
|
||||
buttonText="Envoyer"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="MoveExpress"
|
||||
columns={[
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Politique de confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "CGV",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="MoveExpress"
|
||||
columns={[
|
||||
{ title: "Entreprise", items: [{ label: "À propos", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Légal", items: [{ label: "CGV", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user