Merge version_1 into main #2
190
src/app/page.tsx
190
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projets",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projets", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="M'Sila Metal"
|
||||
/>
|
||||
@@ -50,61 +44,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Expertise Métallique\nAu Service de Vos Structures\nBâtir l'Excellence"
|
||||
description="Leader dans la construction métallique à M'Sila, nous transformons vos projets ambitieux en réalité durable avec précision et savoir-faire."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg", alt: "Client 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un Devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander un Devis", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certifié ISO 9001",
|
||||
type: "text", text: "Certifié ISO 9001"},
|
||||
{
|
||||
type: "text-icon", text: "Acier Premium", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Acier Premium",
|
||||
icon: ShieldCheck,
|
||||
type: "text", text: "Livraison Rapide"},
|
||||
{
|
||||
type: "text-icon", text: "Ingénierie Avancée", icon: Compass,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Livraison Rapide",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ingénierie Avancée",
|
||||
icon: Compass,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise Locale",
|
||||
},
|
||||
type: "text", text: "Expertise Locale"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,35 +84,16 @@ export default function LandingPage() {
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="left"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "200+ Projets",
|
||||
subtitle: "Réalisés avec succès",
|
||||
category: "Qualité",
|
||||
value: "200+",
|
||||
},
|
||||
id: "1", title: "200+ Projets", subtitle: "Réalisés avec succès", category: "Qualité", value: "200+"},
|
||||
{
|
||||
id: "2",
|
||||
title: "15 Ans",
|
||||
subtitle: "D'expertise technique",
|
||||
category: "Expérience",
|
||||
value: "15+",
|
||||
},
|
||||
id: "2", title: "15 Ans", subtitle: "D'expertise technique", category: "Expérience", value: "15+"},
|
||||
{
|
||||
id: "3",
|
||||
title: "50+ Clients",
|
||||
subtitle: "Satisfaits et fidèles",
|
||||
category: "Confiance",
|
||||
value: "50+",
|
||||
},
|
||||
id: "3", title: "50+ Clients", subtitle: "Satisfaits et fidèles", category: "Confiance", value: "50+"},
|
||||
{
|
||||
id: "4",
|
||||
title: "100%",
|
||||
subtitle: "Conformité aux normes",
|
||||
category: "Sécurité",
|
||||
value: "100%",
|
||||
},
|
||||
id: "4", title: "100%", subtitle: "Conformité aux normes", category: "Sécurité", value: "100%"},
|
||||
]}
|
||||
title="Chiffres Clés"
|
||||
description="L'excellence prouvée par nos réalisations."
|
||||
@@ -156,41 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Charpente Métallique",
|
||||
description: "Conception et installation de structures robustes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg?_wi=1",
|
||||
imageAlt: "Charpente",
|
||||
},
|
||||
title: "Charpente Métallique", description: "Conception et installation de structures robustes.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Charpente"},
|
||||
{
|
||||
title: "Serrurerie Industrielle",
|
||||
description: "Pièces de précision pour vos installations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg?_wi=2",
|
||||
imageAlt: "Serrurerie",
|
||||
},
|
||||
title: "Serrurerie Industrielle", description: "Pièces de précision pour vos installations.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Serrurerie"},
|
||||
{
|
||||
title: "Bardage & Couverture",
|
||||
description: "Protection optimale pour vos bâtiments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg?_wi=3",
|
||||
imageAlt: "Bardage",
|
||||
},
|
||||
title: "Bardage & Couverture", description: "Protection optimale pour vos bâtiments.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Bardage"},
|
||||
{
|
||||
title: "Maintenance Industrielle",
|
||||
description: "Entretien préventif de vos sites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg?_wi=4",
|
||||
imageAlt: "Maintenance",
|
||||
},
|
||||
title: "Maintenance Industrielle", description: "Entretien préventif de vos sites.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Maintenance"},
|
||||
{
|
||||
title: "Escaliers & Garde-corps",
|
||||
description: "Design moderne et sécurité accrue.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg?_wi=5",
|
||||
imageAlt: "Escaliers",
|
||||
},
|
||||
title: "Escaliers & Garde-corps", description: "Design moderne et sécurité accrue.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Escaliers"},
|
||||
{
|
||||
title: "Étude de Projet",
|
||||
description: "Conseil et ingénierie sur mesure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg?_wi=6",
|
||||
imageAlt: "Ingénierie",
|
||||
},
|
||||
title: "Étude de Projet", description: "Conseil et ingénierie sur mesure.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Ingénierie"},
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Des solutions métalliques complètes pour tous vos besoins industriels et commerciaux."
|
||||
@@ -202,14 +130,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "À Propos de M'Sila Metal",
|
||||
},
|
||||
type: "text", content: "À Propos de M'Sila Metal"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg",
|
||||
alt: "Team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", alt: "Team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -217,48 +140,24 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hassan Ghirabi",
|
||||
handle: "@hassan",
|
||||
testimonial: "Travail impeccable et délais respectés.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg",
|
||||
},
|
||||
id: "1", name: "Hassan Ghirabi", handle: "@hassan", testimonial: "Travail impeccable et délais respectés.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mohamed Abou Ibrahim",
|
||||
handle: "@mohamed",
|
||||
testimonial: "Une expertise technique inégalée à M'Sila.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
},
|
||||
id: "2", name: "Mohamed Abou Ibrahim", handle: "@mohamed", testimonial: "Une expertise technique inégalée à M'Sila.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Haddab Abdelhak",
|
||||
handle: "@haddab",
|
||||
testimonial: "Qualité de finition exceptionnelle.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg",
|
||||
},
|
||||
id: "3", name: "Haddab Abdelhak", handle: "@haddab", testimonial: "Qualité de finition exceptionnelle.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client Service",
|
||||
handle: "@service",
|
||||
testimonial: "Partenaire de confiance pour nos projets industriels.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Client Service", handle: "@service", testimonial: "Partenaire de confiance pour nos projets industriels.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fatima Zahra",
|
||||
handle: "@fatima",
|
||||
testimonial: "Fiabilité remarquable et suivi excellent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Fatima Zahra", handle: "@fatima", testimonial: "Fiabilité remarquable et suivi excellent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Avis Clients"
|
||||
@@ -270,14 +169,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Prêt à démarrer votre projet ? Contactez-nous dès maintenant pour un devis personnalisé."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactez-nous",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contactez-nous", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user