Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
@@ -31,87 +31,22 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Témoignages", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CleanPro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Un service de nettoyage impeccable pour votre espace"
|
||||
description="Nous offrons des solutions de nettoyage professionnelles pour particuliers et professionnels. Éclat, hygiène et confort garantis."
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-repairman-using-wrench-while-working-car-service-workshop_637285-9404.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520608.jpg",
|
||||
alt: "Client satisfait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520593.jpg",
|
||||
alt: "Client satisfait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520634.jpg",
|
||||
alt: "Client satisfait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520587.jpg",
|
||||
alt: "Client satisfait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520586.jpg",
|
||||
alt: "Client satisfait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Plus de 500 clients nous font confiance"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Nettoyage Résidentiel",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Entretien Bureaux",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Produits Éco-responsables",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Disponibilité 7j/7",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Devis Gratuit Rapide",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Demander un devis", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520608.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,18 +57,9 @@ export default function LandingPage() {
|
||||
title="Plus qu'un simple ménage"
|
||||
description="Nous nous engageons à offrir un environnement sain et propre. Nos équipes sont formées pour respecter votre espace et vos exigences."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Personnel qualifié",
|
||||
description: "Équipes formées et dignes de confiance.",
|
||||
},
|
||||
{
|
||||
title: "Produits écologiques",
|
||||
description: "Respectueux de l'environnement et de votre santé.",
|
||||
},
|
||||
{
|
||||
title: "Satisfaction garantie",
|
||||
description: "Nous nous assurons que tout est parfait.",
|
||||
},
|
||||
{ title: "Personnel qualifié", description: "Équipes formées et dignes de confiance." },
|
||||
{ title: "Produits écologiques", description: "Respectueux de l'environnement et de votre santé." },
|
||||
{ title: "Satisfaction garantie", description: "Nous nous assurons que tout est parfait." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-female-janitor_23-2148453433.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -145,24 +71,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Pas de produits chimiques agressifs",
|
||||
"Pas de retard",
|
||||
"Pas de travail bâclé",
|
||||
"Pas de coûts cachés",
|
||||
"Pas de négligence",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Respect des délais",
|
||||
"Utilisation de produits bios",
|
||||
"Service personnalisé",
|
||||
"Discrétion assurée",
|
||||
"Assurance complète",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Pas de produits chimiques agressifs", "Pas de retard", "Pas de travail bâclé", "Pas de coûts cachés", "Pas de négligence"] }}
|
||||
positiveCard={{ items: ["Respect des délais", "Utilisation de produits bios", "Service personnalisé", "Discrétion assurée", "Assurance complète"] }}
|
||||
title="Nos engagements pour la qualité"
|
||||
description="Voici pourquoi nos clients nous font confiance jour après jour."
|
||||
/>
|
||||
@@ -175,42 +85,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ménage résidentiel",
|
||||
price: "Dès 40€/h",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-service-concept-positive-asian-woman-poses-with-basket-detergents-mop-sponge-being-dirty-after-dusting-tidying-up-house-does-spring-cleaning-isolated-pink-background_273609-62316.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Entretien bureaux",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/we-are-reopened-feel-free-come_637285-8942.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Grand ménage complet",
|
||||
price: "Dès 150€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-cardboard-boxes-their-new-home_23-2149086870.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vitrerie",
|
||||
price: "Dès 50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/housemaid-wearing-white-t-shirt-yellow-protective-gloves-wiping-glass-with-rag-view-brunette-housewife-cleaning-big-dirty-window-concept-housework-apartment-service_132075-11716.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Shampoing moquette",
|
||||
price: "Dès 80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-rolling-hand-woven-geometric-denim-area-rug-wooden-floor-home_169016-47412.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Nettoyage écologique",
|
||||
price: "Dès 45€/h",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-hand-holding-spray-bottle_23-2148000274.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ménage résidentiel", price: "Dès 40€/h", imageSrc: "http://img.b2bpic.net/free-photo/cleaning-service-concept-positive-asian-woman-poses-with-basket-detergents-mop-sponge-being-dirty-after-dusting-tidying-up-house-does-spring-cleaning-isolated-pink-background_273609-62316.jpg" },
|
||||
{ id: "2", name: "Entretien bureaux", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/we-are-reopened-feel-free-come_637285-8942.jpg" },
|
||||
{ id: "3", name: "Grand ménage complet", price: "Dès 150€", imageSrc: "http://img.b2bpic.net/free-photo/couple-with-cardboard-boxes-their-new-home_23-2149086870.jpg" },
|
||||
]}
|
||||
title="Nos prestations de services"
|
||||
description="Des formules adaptées à chaque besoin."
|
||||
@@ -223,27 +100,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Clients satisfaits",
|
||||
description: "Plus de 500 projets terminés.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-scattered-cleaning-equipments-grey-background_23-2147860285.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Taux de satisfaction",
|
||||
description: "Une rigueur exemplaire.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-arranging-pillows-home_23-2150334461.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10 ans",
|
||||
title: "D'expérience",
|
||||
description: "Des experts à votre service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floor-indoor-porcelain-empty-ceramic_1253-334.jpg",
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Clients satisfaits", description: "Plus de 500 projets terminés.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-scattered-cleaning-equipments-grey-background_23-2147860285.jpg" },
|
||||
{ id: "m2", value: "99%", title: "Taux de satisfaction", description: "Une rigueur exemplaire.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-arranging-pillows-home_23-2150334461.jpg" },
|
||||
{ id: "m3", value: "10 ans", title: "D'expérience", description: "Des experts à votre service.", imageSrc: "http://img.b2bpic.net/free-photo/floor-indoor-porcelain-empty-ceramic_1253-334.jpg" },
|
||||
]}
|
||||
title="La qualité par les chiffres"
|
||||
description="Nous mesurons notre succès par la propreté de vos lieux."
|
||||
@@ -256,46 +115,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Julie M.",
|
||||
handle: "@julie_m",
|
||||
testimonial: "Un service impeccable, ponctuel et très professionnel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139097.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marc T.",
|
||||
handle: "@marc_t",
|
||||
testimonial: "La maison brille de mille feux ! Je recommande vivement.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie L.",
|
||||
handle: "@sophie_l",
|
||||
testimonial: "Une équipe discrète et très efficace. Super travail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-laughing-woman-rose-blouse_23-2148036588.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Thomas V.",
|
||||
handle: "@thomas_v",
|
||||
testimonial: "Excellent rapport qualité-prix. Très satisfaite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-sitting-sofa-home-working-laptop-online-using-internet_285396-1709.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anne G.",
|
||||
handle: "@anne_g",
|
||||
testimonial: "Un nettoyage en profondeur qui fait toute la différence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Julie M.", handle: "@julie_m", testimonial: "Un service impeccable, ponctuel et très professionnel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139097.jpg" },
|
||||
{ id: "t2", name: "Marc T.", handle: "@marc_t", testimonial: "La maison brille de mille feux ! Je recommande vivement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Nos clients témoignent"
|
||||
@@ -307,21 +128,8 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Proposez-vous des devis gratuits ?",
|
||||
content: "Oui, tous nos devis sont personnalisés et gratuits.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Est-ce que vous fournissez le matériel ?",
|
||||
content: "Oui, nous apportons tout notre équipement professionnel.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Comment réserver un service ?",
|
||||
content: "Contactez-nous simplement via le formulaire ci-dessous.",
|
||||
},
|
||||
{ id: "q1", title: "Proposez-vous des devis gratuits ?", content: "Oui, tous nos devis sont personnalisés et gratuits." },
|
||||
{ id: "q2", title: "Est-ce que vous fournissez le matériel ?", content: "Oui, nous apportons tout notre équipement professionnel." },
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -331,54 +139,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact"
|
||||
title="Prêt pour une maison propre ?"
|
||||
description="Contactez-nous pour réserver votre première intervention ou pour obtenir un devis gratuit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Envoyer un message",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Envoyer un message", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "CleanPro",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Politique de confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "CleanPro", items: [{ label: "À propos", href: "#" }, { label: "Services", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "Politique de confidentialité", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 CleanPro. Tous droits réservés."
|
||||
bottomRightText="Propulsé par Excellence."
|
||||
|
||||
Reference in New Issue
Block a user