Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -32,26 +32,11 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
             navItems={[
-        {
-          name: "Accueil",
-          id: "home",
-        },
-        {
-          name: "À Propos",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Produits",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+              { name: "Accueil", id: "home" },
+              { name: "À Propos", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Produits", id: "products" },
+              { name: "Contact", id: "contact" },
             ]}
             brandName="MCCMAROC"
           />
@@ -59,124 +44,24 @@ export default function LandingPage() {
 
         <div id="home" data-section="home">
           <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Excellence en Métrologie Industrielle au Maroc"
-      description="MCCMAROC vous accompagne avec des solutions de mesure de haute précision, étalonnage ISO 17025 et instruments de pointe pour vos besoins industriels."
-      testimonials={[
-        {
-          name: "Ahmed Mansouri",
-          handle: "@IndustrieMaroc",
-          testimonial: "Un service d'étalonnage rapide et conforme aux normes internationales.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213529.jpg",
-        },
-        {
-          name: "Sara Bennis",
-          handle: "@TechPrecision",
-          testimonial: "La meilleure expertise technique pour nos instruments Trimos au Maroc.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
-        },
-        {
-          name: "Yassine El Amri",
-          handle: "@AutoParts",
-          testimonial: "Partenaire indispensable pour la qualité de nos composants.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
-        },
-        {
-          name: "Fatima Zahra",
-          handle: "@AeroTech",
-          testimonial: "Réactivité et professionnalisme irréprochables.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
-        },
-        {
-          name: "Khalid Mansour",
-          handle: "@MedPharma",
-          testimonial: "Une expertise qui garantit la fiabilité totale de nos processus.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Demander un Devis",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/laboratory-3d-glassware_23-2151560643.jpg"
-      imageAlt="Laboratoire de métrologie MCCMAROC"
+            background={{ variant: "gradient-bars" }}
+            title="Excellence en Métrologie Industrielle"
+            description="Solutions de mesure, étalonnage ISO 17025 et instruments de haute précision pour l'industrie marocaine."
+            testimonials={[]}
+            imageSrc="http://img.b2bpic.net/free-photo/laboratory-3d-glassware_23-2151560643.jpg?_wi=1"
+            imageAlt="Laboratoire de métrologie"
             mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
-          alt: "Client Expert 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-entrepreneur-interacting-with-digital-ai-brain-symbolizing-platforms_482257-126296.jpg",
-          alt: "Client Expert 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg",
-          alt: "Client Expert 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/specialist-using-laptop-inspects-machinery-placing-solar-cells-conveyor-belts_482257-118115.jpg",
-          alt: "Client Expert 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",
-          alt: "Client Expert 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "ISO 17025",
-        },
-        {
-          type: "text",
-          text: "Expertise",
-        },
-        {
-          type: "text",
-          text: "Précision",
-        },
-        {
-          type: "text",
-          text: "Étalonnage",
-        },
-        {
-          type: "text",
-          text: "Maintenance",
-        },
-      ]}
           />
         </div>
 
         <div id="about" data-section="about">
           <AboutMetric
             useInvertedBackground={false}
-      title="Expertise Technique"
+            title="Notre Engagement Qualité"
             metrics={[
-        {
-          icon: CheckCircle,
-          label: "Instruments Étalonnés",
-          value: "1500+",
-        },
-        {
-          icon: Award,
-          label: "Conformité ISO 17025",
-          value: "Oui",
-        },
-        {
-          icon: Shield,
-          label: "Années d'Expérience",
-          value: "12+",
-        },
+              { icon: CheckCircle, label: "Instruments Étalonnés", value: "1500+" },
+              { icon: Award, label: "Conformité ISO 17025", value: "Certifié" },
+              { icon: Shield, label: "Expertise Technique", value: "12 Ans" },
             ]}
             metricsAnimation="slide-up"
           />
@@ -188,30 +73,12 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={true}
             features={[
-        {
-          id: "s1",
-          title: "Étalonnage Dimensionnel",
-          subtitle: "Conformité totale aux normes.",
-          category: "Services",
-          value: "Certifié",
-        },
-        {
-          id: "s2",
-          title: "Maintenance et Réparation",
-          subtitle: "Intervention rapide sur site.",
-          category: "Services",
-          value: "Réactif",
-        },
-        {
-          id: "s3",
-          title: "Conseil Technique",
-          subtitle: "Expertise pour vos choix d'outils.",
-          category: "Services",
-          value: "Personnalisé",
-        },
+              { id: "s1", title: "Étalonnage", subtitle: "Conformité aux normes", category: "Métrologie", value: "Précis" },
+              { id: "s2", title: "Maintenance", subtitle: "Intervention rapide", category: "Services", value: "Fiable" },
+              { id: "s3", title: "Conseil", subtitle: "Expertise sur mesure", category: "Services", value: "Expert" },
             ]}
-      title="Nos Services"
-      description="Nous offrons une gamme complète de services pour garantir la fiabilité de vos mesures."
+            title="Nos Services Industriels"
+            description="Des solutions techniques adaptées à vos exigences de production."
           />
         </div>
 
@@ -222,45 +89,12 @@ export default function LandingPage() {
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={false}
             products={[
-        {
-          id: "p1",
-          name: "Micromètre Digital Trimos",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4299.jpg",
-        },
-        {
-          id: "p2",
-          name: "Scanner Laser Sylvac",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65303.jpg",
-        },
-        {
-          id: "p3",
-          name: "Pied à Coulisse de Précision",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-items-frame_23-2148541559.jpg",
-        },
-        {
-          id: "p4",
-          name: "Bloc Étalon",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128435.jpg",
-        },
-        {
-          id: "p5",
-          name: "Comparateur Optique",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866637.jpg",
-        },
-        {
-          id: "p6",
-          name: "Niveau de Précision",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/tablet-architect-desk-with-tools-mock-up_23-2148269869.jpg",
-        },
+              { id: "p1", name: "Micromètres", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128435.jpg" },
+              { id: "p2", name: "Scanner Laser", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65303.jpg" },
+              { id: "p3", name: "Pieds à coulisse", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4299.jpg" },
             ]}
             title="Catalogue Instruments"
-      description="Découvrez notre sélection des meilleurs instruments de mesure mondiaux."
+            description="Équipement de métrologie de classe mondiale."
           />
         </div>
 
@@ -270,27 +104,12 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={true}
             metrics={[
-        {
-          id: "m1",
-          icon: Zap,
-          title: "Clients Satisfaits",
-          value: "300+",
-        },
-        {
-          id: "m2",
-          icon: Star,
-          title: "Projets Terminés",
-          value: "850",
-        },
-        {
-          id: "m3",
-          icon: Award,
-          title: "Normes Maîtriées",
-          value: "20+",
-        },
+              { id: "m1", icon: Zap, title: "Clients", value: "300+" },
+              { id: "m2", icon: Star, title: "Projets", value: "850+" },
+              { id: "m3", icon: Award, title: "Normes", value: "20+" },
             ]}
-      title="Impact Industriel"
-      description="Nous contribuons à la précision de vos processus industriels."
+            title="Chiffres Clés"
+            description="La preuve par l'impact."
           />
         </div>
 
@@ -299,64 +118,14 @@ export default function LandingPage() {
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Ahmed",
-          role: "Directrice",
-          company: "AutoMaroc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg",
-        },
-        {
-          id: "t2",
-          name: "Karim Idrissi",
-          role: "Ingénieur",
-          company: "TechIndustrie",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg",
-        },
-        {
-          id: "t3",
-          name: "Amal Ben",
-          role: "Chef Qualité",
-          company: "BioLabs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/technologist-protective-uniform-with-tablet-standing-by-metal-reservoir-food-processing-industry_342744-1191.jpg",
-        },
-        {
-          id: "t4",
-          name: "Omar Fassi",
-          role: "Manager",
-          company: "AeroPart",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/florist-with-tillandsia_1398-318.jpg",
-        },
-        {
-          id: "t5",
-          name: "Nadia Lahlou",
-          role: "Directrice",
-          company: "ConstruMaroc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/men-with-tablet-working-logistic_23-2148886826.jpg",
-        },
-      ]}
+            testimonials={[]}
             kpiItems={[
-        {
-          value: "100%",
-          label: "Satisfaction",
-        },
-        {
-          value: "98%",
-          label: "Conformité",
-        },
-        {
-          value: "24h",
-          label: "Réponse",
-        },
+              { value: "100%", label: "Satisfaction" },
+              { value: "98%", label: "Conformité" },
+              { value: "24h", label: "Réactivité" },
             ]}
-      title="Témoignages Clients"
-      description="Ils font confiance à MCCMAROC pour leurs besoins en métrologie."
+            title="Ils nous font confiance"
+            description="L'excellence au service de nos partenaires industriels."
           />
         </div>
 
@@ -364,84 +133,30 @@ export default function LandingPage() {
           <FaqSplitText
             useInvertedBackground={true}
             faqs={[
-        {
-          id: "f1",
-          title: "Quels instruments étalonnez-vous ?",
-          content: "Nous étalonnons les instruments dimensionnels, de pression et de température.",
-        },
-        {
-          id: "f2",
-          title: "Êtes-vous certifiés ISO 17025 ?",
-          content: "Oui, notre laboratoire respecte strictement les exigences de la norme ISO 17025.",
-        },
-        {
-          id: "f3",
-          title: "Comment demander un devis ?",
-          content: "Utilisez le panier de demande ou contactez-nous directement via le formulaire.",
-        },
+              { id: "f1", title: "Domaines d'étalonnage?", content: "Dimensionnel, pression, température." },
+              { id: "f2", title: "ISO 17025?", content: "Laboratoire accrédité." },
             ]}
-      sideTitle="Questions Fréquentes"
+            sideTitle="Support Technique"
             faqsAnimation="slide-up"
           />
         </div>
 
         <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+          <ContactSplit
             tag="Contact"
-      title="Besoin d'un devis ?"
-      description="Contactez nos experts dès aujourd'hui pour discuter de vos besoins en métrologie."
+            title="Discutons de vos besoins"
+            description="Obtenez votre devis personnalisé aujourd'hui."
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/laboratory-3d-glassware_23-2151560643.jpg?_wi=2"
           />
         </div>
 
         <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-ruler-blueprints_23-2147785569.jpg"
+          <FooterLogoReveal
             logoText="MCCMAROC"
-      columns={[
-        {
-          title: "Société",
-          items: [
-            {
-              label: "À Propos",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Catalogue",
-          items: [
-            {
-              label: "Instruments",
-              href: "#products",
-            },
-            {
-              label: "Devis",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Légal",
-          items: [
-            {
-              label: "Mentions Légales",
-              href: "#",
-            },
-            {
-              label: "Politique de Confidentialité",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+            leftLink={{ text: "Contact", href: "#contact" }}
+            rightLink={{ text: "Mentions Légales", href: "#" }}
           />
         </div>
       </ReactLenis>