From 7a36b692c63a26e1a165ee7fdbd40a1b3f15f1ec Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 02:53:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 190 +++++++++++------------------------------------
 1 file changed, 43 insertions(+), 147 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2585857..a79ddc9 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1