Update src/app/page.tsx
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À propos", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Nos Produits",
|
||||
id: "products",
|
||||
},
|
||||
name: "Nos Produits", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="H&M Portes et Fenêtres"
|
||||
/>
|
||||
@@ -59,59 +49,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="H&M Portes et Fenêtres - Menuiserie de Précision"
|
||||
description="Experts en menuiserie sur mesure, pergolas élégantes et fermetures de qualité pour embellir et sécuriser votre maison."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-carpenter-with-wood-material-workshop-holding-thumbs-up_342744-837.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-carpenter-with-wood-material-workshop-holding-thumbs-up_342744-837.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-farmer-working-her-greenhouse_23-2149072105.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-farmer-working-her-greenhouse_23-2149072105.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-welcoming-real-estate-agent-house-entrance-smiling-woman-with-short-graying-hair-pink-suit-getting-ready-meet-customers-real-estate-business-work-concept_74855-22304.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-welcoming-real-estate-agent-house-entrance-smiling-woman-with-short-graying-hair-pink-suit-getting-ready-meet-customers-real-estate-business-work-concept_74855-22304.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wood-door-handle_1373-212.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wood-door-handle_1373-212.jpg", alt: "Client 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certifié Qualité",
|
||||
},
|
||||
type: "text", text: "Certifié Qualité"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Installation Expertise",
|
||||
},
|
||||
type: "text", text: "Installation Expertise"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Isolation Thermique",
|
||||
},
|
||||
type: "text", text: "Isolation Thermique"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Matériaux Durables",
|
||||
},
|
||||
type: "text", text: "Matériaux Durables"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design sur Mesure",
|
||||
},
|
||||
type: "text", text: "Design sur Mesure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,18 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Un Savoir-faire Artisanal",
|
||||
},
|
||||
type: "text", content: "Un Savoir-faire Artisanal"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/artisan-jobs-equipment-composition_23-2148732418.jpg",
|
||||
alt: "Atelier menuiserie",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/artisan-jobs-equipment-composition_23-2148732418.jpg", alt: "Atelier menuiserie"},
|
||||
{
|
||||
type: "text",
|
||||
content: "dédié à vos projets.",
|
||||
},
|
||||
type: "text", content: "dédié à vos projets."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,49 +104,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Portes d'entrée sur mesure",
|
||||
description: "Sécurité et design personnalisé.",
|
||||
icon: Star,
|
||||
title: "Portes d'entrée sur mesure", description: "Sécurité et design personnalisé.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-guy-holding-boxes_23-2148593085.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-guy-holding-boxes_23-2148593085.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-door-with-classic-cream-framed-panels-ornaments-ornamental-red-doorway_169016-70867.jpg",
|
||||
imageAlt: "custom exterior door installation",
|
||||
},
|
||||
{
|
||||
title: "Pergolas bioclimatiques",
|
||||
description: "Profitez de votre terrasse toute l'année.",
|
||||
icon: Sun,
|
||||
title: "Pergolas bioclimatiques", description: "Profitez de votre terrasse toute l'année.", icon: Sun,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302618.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302618.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264445.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264445.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-jobs-equipment-composition_23-2148732418.jpg",
|
||||
imageAlt: "custom exterior door installation",
|
||||
},
|
||||
{
|
||||
title: "Fenêtres haute performance",
|
||||
description: "Isolation acoustique et thermique.",
|
||||
icon: Square,
|
||||
title: "Fenêtres haute performance", description: "Isolation acoustique et thermique.", icon: Square,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176709.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176709.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-lady-white-shirt-black-trousers-looking-distance-through-window-hall-waiting-daytime-building-job-activity_140725-15215.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-lady-white-shirt-black-trousers-looking-distance-through-window-hall-waiting-daytime-building-job-activity_140725-15215.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-damaged-door_1156-78.jpg?_wi=1",
|
||||
imageAlt: "custom exterior door installation",
|
||||
},
|
||||
]}
|
||||
title="Nos Services Experts"
|
||||
@@ -202,41 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Porte chêne",
|
||||
price: "À partir de 1200€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-damaged-door_1156-78.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Porte chêne", price: "À partir de 1200€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-damaged-door_1156-78.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pergola Alu",
|
||||
price: "À partir de 3500€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2869.jpg",
|
||||
},
|
||||
id: "2", name: "Pergola Alu", price: "À partir de 3500€", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2869.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fenêtre double vitrage",
|
||||
price: "À partir de 450€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-reading-book-sitting-near-window-sill_23-2147871985.jpg",
|
||||
},
|
||||
id: "3", name: "Fenêtre double vitrage", price: "À partir de 450€", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-reading-book-sitting-near-window-sill_23-2147871985.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Coulissant intérieur",
|
||||
price: "À partir de 800€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695815.jpg",
|
||||
},
|
||||
id: "4", name: "Coulissant intérieur", price: "À partir de 800€", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695815.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Auvent moderne",
|
||||
price: "À partir de 950€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-textures_1203-7825.jpg",
|
||||
},
|
||||
id: "5", name: "Auvent moderne", price: "À partir de 950€", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-textures_1203-7825.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Fenêtre cintrée bois",
|
||||
price: "À partir de 650€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-window-old-building-quebec-city_649448-2016.jpg",
|
||||
},
|
||||
id: "6", name: "Fenêtre cintrée bois", price: "À partir de 650€", imageSrc: "http://img.b2bpic.net/free-photo/ancient-window-old-building-quebec-city_649448-2016.jpg"},
|
||||
]}
|
||||
title="Nos Produits en Vedette"
|
||||
description="Découvrez notre gamme de menuiseries haut de gamme."
|
||||
@@ -250,45 +168,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marc L.",
|
||||
handle: "Propriétaire",
|
||||
testimonial: "Excellent service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15657.jpg",
|
||||
},
|
||||
id: "1", name: "Marc L.", handle: "Propriétaire", testimonial: "Excellent service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15657.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sophie P.",
|
||||
handle: "Rénovation",
|
||||
testimonial: "Pergola magnifique.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-making-notes-about-flower_23-2147768470.jpg",
|
||||
},
|
||||
id: "2", name: "Sophie P.", handle: "Rénovation", testimonial: "Pergola magnifique.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-making-notes-about-flower_23-2147768470.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jean B.",
|
||||
handle: "Client",
|
||||
testimonial: "Pose très soignée.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg",
|
||||
},
|
||||
id: "3", name: "Jean B.", handle: "Client", testimonial: "Pose très soignée.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Claire M.",
|
||||
handle: "Habitat",
|
||||
testimonial: "Qualité incroyable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-positive-couple-kitchen-home_23-2148113964.jpg",
|
||||
},
|
||||
id: "4", name: "Claire M.", handle: "Habitat", testimonial: "Qualité incroyable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-positive-couple-kitchen-home_23-2148113964.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Thomas G.",
|
||||
handle: "Projet",
|
||||
testimonial: "Isolation parfaite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-craftsman-holding-piece-furniture-his-carpentry-workshop_342744-812.jpg",
|
||||
},
|
||||
id: "5", name: "Thomas G.", handle: "Projet", testimonial: "Isolation parfaite.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-craftsman-holding-piece-furniture-his-carpentry-workshop_342744-812.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Avis Clients"
|
||||
@@ -302,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Devis gratuits ?",
|
||||
content: "Oui, toujours.",
|
||||
},
|
||||
id: "q1", title: "Devis gratuits ?", content: "Oui, toujours."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Zone d'intervention ?",
|
||||
content: "Toute la région.",
|
||||
},
|
||||
id: "q2", title: "Zone d'intervention ?", content: "Toute la région."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Garantie ?",
|
||||
content: "10 ans de garantie.",
|
||||
},
|
||||
id: "q3", title: "Garantie ?", content: "10 ans de garantie."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990691.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -329,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact"
|
||||
title="Discutons de votre projet"
|
||||
description="Contactez-nous pour une estimation gratuite."
|
||||
@@ -344,38 +227,25 @@ export default function LandingPage() {
|
||||
logoText="H&M Portes et Fenêtres"
|
||||
columns={[
|
||||
{
|
||||
title: "Menuiserie",
|
||||
items: [
|
||||
title: "Menuiserie", items: [
|
||||
{
|
||||
label: "Portes",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Portes", href: "#products"},
|
||||
{
|
||||
label: "Fenêtres",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Fenêtres", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Extérieur",
|
||||
items: [
|
||||
title: "Extérieur", items: [
|
||||
{
|
||||
label: "Pergolas",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Pergolas", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Devis",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Devis", href: "#contact"},
|
||||
{
|
||||
label: "Localisation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Localisation", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user