Update src/app/page.tsx
This commit is contained in:
261
src/app/page.tsx
261
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Oubenz Ferraillage"
|
||||
/>
|
||||
@@ -55,46 +47,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Ferraillage de Précision pour vos Projets BTP"
|
||||
description="Leader dans la région Fès-Meknès, Oubenz Ferraillage assure coupe, pliage et livraison rapide en 24-48h pour vos chantiers."
|
||||
tag="Expertise BTP"
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
{
|
||||
text: "Nos services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Nos services", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-hard-building-man-construction-worker_1122-1849.jpg?_wi=1",
|
||||
imageAlt: "Industrial construction site",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-hard-building-man-construction-worker_1122-1849.jpg", imageAlt: "Industrial construction site"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg?_wi=1",
|
||||
imageAlt: "Team checking steel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg", imageAlt: "Team checking steel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-stainless-steel_1359-757.jpg?_wi=1",
|
||||
imageAlt: "Steel bar texture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-stainless-steel_1359-757.jpg", imageAlt: "Steel bar texture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194795.jpg?_wi=1",
|
||||
imageAlt: "Logistics transport truck",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194795.jpg", imageAlt: "Logistics transport truck"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/welding-process-made-by-experienced-worker-factory_613910-17208.jpg?_wi=1",
|
||||
imageAlt: "Automated cutting machine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/welding-process-made-by-experienced-worker-factory_613910-17208.jpg", imageAlt: "Automated cutting machine"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lyon-france-december-22-2014-musee-des-confluences-musee-des-confluences-is-located-confluence-rhone-saone-rivers_268835-1074.jpg",
|
||||
imageAlt: "Building skeleton structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lyon-france-december-22-2014-musee-des-confluences-musee-des-confluences-is-located-confluence-rhone-saone-rivers_268835-1074.jpg", imageAlt: "Building skeleton structure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,17 +82,11 @@ export default function LandingPage() {
|
||||
description="OUBENZ FERRAILLAGE est votre partenaire de confiance en construction. Avec notre expertise en façonnage selon les normes NM, nous garantissons précision, conformité et une réactivité exceptionnelle pour accompagner le développement de vos projets."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Conformité NM",
|
||||
description: "Respect strict des normes marocaines de qualité.",
|
||||
},
|
||||
title: "Conformité NM", description: "Respect strict des normes marocaines de qualité."},
|
||||
{
|
||||
title: "Proximité",
|
||||
description: "Une ancrage local fort en région Fès-Meknès.",
|
||||
},
|
||||
title: "Proximité", description: "Une ancrage local fort en région Fès-Meknès."},
|
||||
{
|
||||
title: "Rapidité",
|
||||
description: "Livraison chantier en 24-48h garantie.",
|
||||
},
|
||||
title: "Rapidité", description: "Livraison chantier en 24-48h garantie."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-solar-panel-factory-filming-informational-video-about-energy-production_482257-119786.jpg"
|
||||
imageAlt="Bureau et équipe d'Oubenz Ferraillage"
|
||||
@@ -132,67 +101,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Livraison Express",
|
||||
description: "Livraison sur chantier en 24-48h, là où la concurrence met 5 à 7 jours.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40898.jpg",
|
||||
imageAlt: "Livraison rapide",
|
||||
},
|
||||
title: "Livraison Express", description: "Livraison sur chantier en 24-48h, là où la concurrence met 5 à 7 jours.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40898.jpg", imageAlt: "Livraison rapide"},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Flotte dédiée",
|
||||
},
|
||||
text: "Flotte dédiée"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "24-48h chrono",
|
||||
},
|
||||
text: "24-48h chrono"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-hard-building-man-construction-worker_1122-1849.jpg?_wi=2",
|
||||
imageAlt: "construction delivery trucks fleet",
|
||||
},
|
||||
{
|
||||
title: "Façonnage de Précision",
|
||||
description: "Coupe et pliage de haute précision selon vos plans et les normes NM.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/precious-stones-processing_169016-3564.jpg",
|
||||
imageAlt: "Façonnage acier",
|
||||
},
|
||||
title: "Façonnage de Précision", description: "Coupe et pliage de haute précision selon vos plans et les normes NM.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/precious-stones-processing_169016-3564.jpg", imageAlt: "Façonnage acier"},
|
||||
items: [
|
||||
{
|
||||
icon: Scale,
|
||||
text: "Précision NM",
|
||||
},
|
||||
text: "Précision NM"},
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Coupe sur mesure",
|
||||
},
|
||||
text: "Coupe sur mesure"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg?_wi=2",
|
||||
imageAlt: "construction delivery trucks fleet",
|
||||
},
|
||||
{
|
||||
title: "Expertise Technique",
|
||||
description: "Un contrôle qualité rigoureux et une conformité totale à chaque étape.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-uses-magnifying-glass-carefully-inspect-internal-parts-smartphone-modern-repair-shop_613910-20718.jpg",
|
||||
imageAlt: "Contrôle qualité",
|
||||
},
|
||||
title: "Expertise Technique", description: "Un contrôle qualité rigoureux et une conformité totale à chaque étape.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-uses-magnifying-glass-carefully-inspect-internal-parts-smartphone-modern-repair-shop_613910-20718.jpg", imageAlt: "Contrôle qualité"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Certification",
|
||||
},
|
||||
text: "Certification"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Contrôle qualité",
|
||||
},
|
||||
text: "Contrôle qualité"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-stainless-steel_1359-757.jpg?_wi=2",
|
||||
imageAlt: "construction delivery trucks fleet",
|
||||
},
|
||||
]}
|
||||
title="Pourquoi Choisir Oubenz Ferraillage"
|
||||
@@ -208,41 +153,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Acier Coupe",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953939.jpg",
|
||||
},
|
||||
id: "p1", name: "Acier Coupe", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953939.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Treillis Soudé",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-metal-grid-texture_23-2151997114.jpg",
|
||||
},
|
||||
id: "p2", name: "Treillis Soudé", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/rusty-metal-grid-texture_23-2151997114.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fil de Liaison",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10260.jpg",
|
||||
},
|
||||
id: "p3", name: "Fil de Liaison", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10260.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Barres Nervurées",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-renewable-overlooking-electricity-pylon-sunlight_1127-2767.jpg",
|
||||
},
|
||||
id: "p4", name: "Barres Nervurées", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/solar-renewable-overlooking-electricity-pylon-sunlight_1127-2767.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Poutrelles Acier",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-981.jpg",
|
||||
},
|
||||
id: "p5", name: "Poutrelles Acier", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-981.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Façonnage Spécial",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-facade-office-building_1127-2204.jpg",
|
||||
},
|
||||
id: "p6", name: "Façonnage Spécial", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/steel-facade-office-building_1127-2204.jpg"},
|
||||
]}
|
||||
title="Nos Solutions Acier"
|
||||
description="Gamme complète d'aciers de construction pour vos besoins BTP."
|
||||
@@ -257,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.4M DH",
|
||||
description: "CA prévisionnel An 3",
|
||||
},
|
||||
id: "m1", value: "1.4M DH", description: "CA prévisionnel An 3"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "22%",
|
||||
description: "ROI ciblé",
|
||||
},
|
||||
id: "m2", value: "22%", description: "ROI ciblé"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Délai de livraison",
|
||||
},
|
||||
id: "m3", value: "24h", description: "Délai de livraison"},
|
||||
]}
|
||||
title="Croissance & Rentabilité"
|
||||
description="Une vision financière solide pour un partenaire BTP fiable."
|
||||
@@ -283,60 +195,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Mansouri",
|
||||
date: "2023-11",
|
||||
title: "Directeur Chantier",
|
||||
quote: "La réactivité d'Oubenz pour notre livraison a sauvé notre planning.",
|
||||
tag: "Fiable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-hard-building-man-construction-worker_1122-1849.jpg?_wi=3",
|
||||
imageAlt: "happy client construction project",
|
||||
},
|
||||
id: "1", name: "Ahmed Mansouri", date: "2023-11", title: "Directeur Chantier", quote: "La réactivité d'Oubenz pour notre livraison a sauvé notre planning.", tag: "Fiable", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg", imageSrc: "http://img.b2bpic.net/free-photo/working-hard-building-man-construction-worker_1122-1849.jpg", imageAlt: "happy client construction project"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fatima Zahra",
|
||||
date: "2023-12",
|
||||
title: "Gérante PME",
|
||||
quote: "Qualité de ferraillage irréprochable et conformité totale aux normes.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg?_wi=3",
|
||||
imageAlt: "happy client construction project",
|
||||
},
|
||||
id: "2", name: "Fatima Zahra", date: "2023-12", title: "Gérante PME", quote: "Qualité de ferraillage irréprochable et conformité totale aux normes.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg", imageAlt: "happy client construction project"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Karim Idrissi",
|
||||
date: "2024-01",
|
||||
title: "Architecte",
|
||||
quote: "Partenaire indispensable pour nos projets de gros œuvre.",
|
||||
tag: "Partenaire",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124289.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-stainless-steel_1359-757.jpg?_wi=3",
|
||||
imageAlt: "happy client construction project",
|
||||
},
|
||||
id: "3", name: "Karim Idrissi", date: "2024-01", title: "Architecte", quote: "Partenaire indispensable pour nos projets de gros œuvre.", tag: "Partenaire", avatarSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124289.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-stainless-steel_1359-757.jpg", imageAlt: "happy client construction project"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Omar Bennani",
|
||||
date: "2024-02",
|
||||
title: "Entrepreneur",
|
||||
quote: "Rapidité de service exemplaire dans la zone Fès-Meknès.",
|
||||
tag: "Rapide",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151614993.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194795.jpg?_wi=2",
|
||||
imageAlt: "happy client construction project",
|
||||
},
|
||||
id: "4", name: "Omar Bennani", date: "2024-02", title: "Entrepreneur", quote: "Rapidité de service exemplaire dans la zone Fès-Meknès.", tag: "Rapide", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151614993.jpg", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194795.jpg", imageAlt: "happy client construction project"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laila Amrani",
|
||||
date: "2024-03",
|
||||
title: "Directrice Travaux",
|
||||
quote: "Une équipe professionnelle et à l'écoute des besoins chantier.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-signing-document_23-2148921394.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/welding-process-made-by-experienced-worker-factory_613910-17208.jpg?_wi=2",
|
||||
imageAlt: "happy client construction project",
|
||||
},
|
||||
id: "5", name: "Laila Amrani", date: "2024-03", title: "Directrice Travaux", quote: "Une équipe professionnelle et à l'écoute des besoins chantier.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-signing-document_23-2148921394.jpg", imageSrc: "http://img.b2bpic.net/free-photo/welding-process-made-by-experienced-worker-factory_613910-17208.jpg", imageAlt: "happy client construction project"},
|
||||
]}
|
||||
title="Ils Nous Ont Fait Confiance"
|
||||
description="Témoignages de nos partenaires BTP en région Fès-Meknès."
|
||||
@@ -347,14 +214,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Prêt à démarrer votre projet ? Contactez Oubenz Ferraillage pour une expertise chantier immédiate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler le service commercial",
|
||||
href: "tel:+212500000000",
|
||||
},
|
||||
text: "Appeler le service commercial", href: "tel:+212500000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -364,46 +228,29 @@ export default function LandingPage() {
|
||||
logoText="Oubenz Ferraillage"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Coupe Acier",
|
||||
href: "#",
|
||||
},
|
||||
label: "Coupe Acier", href: "#"},
|
||||
{
|
||||
label: "Pliage Façonnage",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pliage Façonnage", href: "#"},
|
||||
{
|
||||
label: "Livraison",
|
||||
href: "#",
|
||||
},
|
||||
label: "Livraison", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
title: "Entreprise", items: [
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À Propos", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Confidentialité", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user