Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
@@ -30,43 +30,27 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Accueil", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "À propos", id: "about" },
-        {
+        { name: "Services", id: "features" },
-          name: "About",          id: "about"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Portfolio",          id: "products"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
-      brandName="Caisson Bois"
+      brandName="Caisson Bois Maroc"
-      button={{
+      button={{ text: "Demander un devis", href: "#contact" }}
-        text: "Demander un devis",        href: "#contact"
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
-      logoText="Caisson Bois"
+      logoText="Caisson Bois Maroc"
-      description="Artisanat de précision en bois massif. Créations sur-mesure pour votre intérieur."
+      description="Partenaire B2B de référence au Maroc pour le commerce et la transformation industrielle du bois."
       buttons={[
-        {
+        { text: "Explorer nos services", href: "#features" },
-          text: "Voir nos projets",          href: "#products"},
       ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/carpentry-workshop-man-using-electric-hand-saw-wooden-planks_1163-3119.jpg?_wi=1", imageAlt: "Découpe bois industriel" },
-          imageSrc: "http://img.b2bpic.net/free-photo/carpentry-workshop-man-using-electric-hand-saw-wooden-planks_1163-3119.jpg",          imageAlt: "Bespoke furniture work"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-wooden-product-machine_169016-5436.jpg", imageAlt: "Transformation bois B2B" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451076.jpg", imageAlt: "Production artisanale et industrielle" },
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185396.jpg",          imageAlt: "Workshop interior"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451076.jpg",          imageAlt: "Finishing process"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-wooden-product-machine_169016-5436.jpg",          imageAlt: "Wood texture detail"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185403.jpg",          imageAlt: "Custom desk project"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-engraving_23-2149286548.jpg",          imageAlt: "Artisan joinery"},
       ]}
     />
   </div>
@@ -74,28 +58,25 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
-      title="L'Art du Travail du Bois"
+      title="Expertise Bois pour Professionnels"
-      description="Chez Caisson Bois, nous transformons des essences de bois nobles en pièces uniques. Chaque création raconte une histoire d'artisanat, de durabilité et d'esthétique intemporelle."
+      description="Caisson Bois Maroc accompagne les professionnels avec des solutions sur-mesure : découpe industrielle précise, logistique de commande, et gestion complète de projets bois de grande envergure."
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-natural-wooden-texture_23-2149091266.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-assortment_23-2148732419.jpg"
-      imageAlt="Wood detail"
+      imageAlt="Atelier de transformation bois"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
       useInvertedBackground={false}
-      title="Pourquoi Choisir Caisson Bois?"
+      title="Services B2B Dédiés"
-      description="L'excellence artisanale au service de vos projets de mobilier sur-mesure."
+      description="Nous optimisons votre chaîne d'approvisionnement avec des services adaptés aux exigences des entreprises marocaines."
       accordionItems={[
-        {
+        { id: "f1", title: "Découpe Sur-Mesure", content: "Équipements de pointe pour une précision millimétrée adaptée à vos besoins spécifiques." },
-          id: "f1",          title: "Artisanat Expert",          content: "Nous privilégions des techniques traditionnelles de menuiserie pour garantir solidité et finesse."},
+        { id: "f2", title: "Gestion des Commandes", content: "Suivi rigoureux de vos stocks et délais pour garantir une continuité de vos opérations." },
-        {
+        { id: "f3", title: "Support Client Expert", content: "Un accompagnement dédié pour conseiller et optimiser vos achats de bois professionnel." },
-          id: "f2",          title: "Design Sur-Mesure",          content: "Chaque projet est conçu en collaboration avec vous, selon vos besoins et votre style."},
-        {
-          id: "f3",          title: "Matériaux Durables",          content: "Nous sélectionnons rigoureusement nos bois pour leur beauté et leur gestion écologique."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-assortment_23-2148732419.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-natural-wooden-texture_23-2149091266.jpg"
-      imageAlt="Craft tools"
+      imageAlt="Services bois B2B"
       mediaAnimation="slide-up"
     />
   </div>
@@ -107,36 +88,24 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Panneaux Massifs", price: "Sur demande", variant: "Essences locales", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg" },
-          id: "p1",          name: "Table de salle à manger",          price: "1200€",          variant: "Chêne massif",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg"},
+        { id: "p2", name: "Bois de Charpente", price: "Sur demande", variant: "Traitement haute densité", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885672.jpg" },
-        {
+        { id: "p3", name: "Transformation sur mesure", price: "Sur demande", variant: "Découpe industrielle", imageSrc: "http://img.b2bpic.net/free-photo/carpentry-workshop-man-using-electric-hand-saw-wooden-planks_1163-3119.jpg?_wi=2" },
-          id: "p2",          name: "Bibliothèque murale",          price: "850€",          variant: "Noyer",          imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pots-with-house-plants-home-decor-detail_169016-20194.jpg"},
-        {
-          id: "p3",          name: "Table de chevet",          price: "250€",          variant: "Frêne",          imageSrc: "http://img.b2bpic.net/free-photo/fluffy-cotton-plant-vase-used-interior-decor_23-2151104689.jpg"},
-        {
-          id: "p4",          name: "Console d'entrée",          price: "450€",          variant: "Chêne",          imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885672.jpg"},
-        {
-          id: "p5",          name: "Bureau design",          price: "950€",          variant: "Hêtre",          imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155603.jpg"},
-        {
-          id: "p6",          name: "Casier à vin décoratif",          price: "300€",          variant: "Noyer",          imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life_23-2147821138.jpg"},
       ]}
-      title="Nos Créations"
+      title="Notre Catalogue Professionnel"
-      description="Découvrez notre gamme de mobilier artisanal et design."
+      description="Une gamme complète de bois traités et façonnés pour tous vos projets de construction et d'aménagement."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       useInvertedBackground={false}
-      title="Chiffres Clés"
+      title="Notre Engagement"
-      tag="Expérience"
+      tag="Performance"
       metrics={[
-        {
+        { id: "m1", value: "100%", description: "Qualité certifiée" },
-          id: "m1",          value: "15+",          description: "Années d'expérience"},
+        { id: "m2", value: "24/48h", description: "Réponse aux demandes" },
-        {
+        { id: "m3", value: "B2B", description: "Expertise partenaires" },
-          id: "m2",          value: "500+",          description: "Projets réalisés"},
-        {
-          id: "m3",          value: "100%",          description: "Bois certifié"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -149,35 +118,22 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Entreprise de Construction", role: "Partenaire", company: "Secteur Public", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-workers-working-internet-store-office_259150-60587.jpg" },
-          id: "t1",          name: "Marie L.",          role: "Architecte",          company: "Client",          rating: 5,
+        { id: "t2", name: "Atelier d'Architecture", role: "Partenaire", company: "Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-near-bookshelf-looking-camera_23-2147797429.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-young-man-with-table-happy-expression_1194-4608.jpg"},
-        {
-          id: "t2",          name: "Pierre D.",          role: "Directeur",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-workers-working-internet-store-office_259150-60587.jpg"},
-        {
-          id: "t3",          name: "Sophie M.",          role: "Designer",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg"},
-        {
-          id: "t4",          name: "Julien B.",          role: "Entrepreneur",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15634.jpg"},
-        {
-          id: "t5",          name: "Camille R.",          role: "Client",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-near-bookshelf-looking-camera_23-2147797429.jpg"},
       ]}
-      title="Témoignages Clients"
+      title="Ils nous font confiance"
-      description="La satisfaction de nos clients est notre meilleure publicité."
+      description="La fiabilité au service de nos partenaires professionnels."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       tag="Contact"
-      title="Besoin d'un devis ou d'informations ?"
+      title="Parlons de vos besoins professionnels"
-      description="Caisson Bois Maroc est à votre écoute pour concrétiser vos projets de menuiserie. Contactez-nous pour toute demande."
+      description="Contactez Caisson Bois Maroc pour obtenir un devis personnalisé ou discuter de vos besoins en transformation de bois et support commercial."
       buttons={[
-        { text: "Nous appeler: +212 600 000 000", href: "tel:+212600000000" },
+        { text: "Nous appeler: +212 500 000 000", href: "tel:+212500000000" },
-        { text: "Envoyer un mail", href: "mailto:contact@caissonbois.ma" }
+        { text: "Envoyer une demande B2B", href: "mailto:commercial@caissonbois.ma" }
       ]}
       background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
@@ -185,24 +141,12 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
       logoText="Caisson Bois Maroc"
-      copyrightText="© 2025 | Caisson Bois Maroc. Tous droits réservés."
+      copyrightText="© 2025 | Caisson Bois Maroc B2B. Tous droits réservés."
       columns={[
-        {
+        { title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
-          title: "Navigation",          items: [
+        { title: "Services", items: [{ label: "Découpe sur-mesure", href: "#features" }, { label: "Support Opérationnel", href: "#features" }] }
-            { label: "Accueil", href: "#hero" },
-            { label: "À propos", href: "#about" },
-            { label: "Portfolio", href: "#products" },
-            { label: "Contact", href: "#contact" }
-          ]
-        },
-        {
-          title: "Informations",          items: [
-            { label: "Siège Social: Casablanca, Maroc", href: "#" },
-            { label: "Horaires: Lun-Ven, 09h-18h", href: "#" }
-          ]
-        }
       ]}
     />
   </div>