Update src/app/page.tsx

Merge version_11 into main

src/app/page.tsx

@@ -6,13 +6,14 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import { Sparkles, Star } from "lucide-react";
 
 export default function LandingPage() {
@@ -41,6 +42,8 @@ export default function LandingPage() {
           name: "Services",          id: "#services"},
         {
           name: "Produits",          id: "#products"},
+        {
+          name: "Équipe",          id: "#team"},
         {
           name: "Tarifs",          id: "#pricing"},
         {
@@ -57,9 +60,9 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroBillboardScroll
       title="Donnez Vie à Vos Idées avec une Qualité d'Impression Inégalée"
-      description="De l'idée à la réalité, nous donnons vie à vos projets avec une qualité et un savoir-faire inégalés. Obtenez des résultats exceptionnels, à chaque fois."
+      description="Nous transformons vos visions créatives en réalités tangibles grâce à des techniques d'impression de pointe et un engagement inébranlable envers l'excellence. Chaque projet est une œuvre d'art, méticuleusement conçue et exécutée pour captiver votre public et laisser une impression durable."
       tag="Impression sur Mesure"
       buttons={[
         {
@@ -67,32 +70,30 @@ export default function LandingPage() {
         {
           text: "Demander un Devis",          href: "#contact"},
       ]}
-      mediaItems={[
+      imageSrc="http://img.b2bpic.net/free-photo/high-angle-paint-cans-with-paint_23-2148591312.jpg"
-        {
+      imageAlt="Atelier d'impression moderne"
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-paint-cans-with-paint_23-2148591312.jpg",          imageAlt: "Atelier d'impression moderne"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",          imageAlt: "Businesswoman in meeting"},
-      ]}
-      mediaAnimation="slide-up"
       background={{
         variant: "plain"}}
-      rating={5}
-      ratingText="Basé sur +100 avis 5 étoiles"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextSplitAbout
+      <MetricSplitMediaAbout
       useInvertedBackground={true}
       title="À Propos de Notre Imprimerie"
-      description={[
+      description="Depuis plus de 20 ans, Maison d'Imprimeur est le leader de l'impression sur mesure. Nous combinons tradition et innovation pour des résultats exceptionnels. Notre équipe d'experts est dédiée à la réalisation de vos visions, avec un service client personnalisé et une attention méticuleuse aux détails. Nous nous engageons à offrir des solutions d'impression écologiques et durables."
-        "Depuis plus de 20 ans, Maison d'Imprimeur est le leader de l'impression sur mesure. Nous combinons tradition et innovation pour des résultats exceptionnels.",        "Notre équipe d'experts est dédiée à la réalisation de vos visions, avec un service client personnalisé et une attention méticuleuse aux détails. Nous nous engageons à offrir des solutions d'impression écologiques et durables."]}
+      metrics={[
-      buttons={[
         {
-          text: "Notre Histoire",          href: "#"},
+          value: "20+",          title: "Années d'Expérience"},
         {
-          text: "Nos Valeurs",          href: "#"},
+          value: "10K+",          title: "Projets Réalisés"},
+        {
+          value: "98%",          title: "Satisfaction Client"},
       ]}
+      mediaAnimation="slide-up"
+      metricsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/industrial-printing-machine_23-2151675276.jpg"
+      imageAlt="Machine d'impression industrielle"
     />
   </div>
 
@@ -118,30 +119,49 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardFour
+      <ProductCardThree
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
         {
-          id: "p-1",          name: "Cartes de Visite Premium",          price: "À partir de 29€",          variant: "Mat ou Brillant",          imageSrc: "http://img.b2bpic.net/free-psd/opulence-business-card-template-design_23-2152016131.jpg"},
+          id: "p-1",          name: "Cartes de Visite Premium",          price: "À partir de 29€",          imageSrc: "http://img.b2bpic.net/free-psd/opulence-business-card-template-design_23-2152016131.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-2",          name: "Flyers Publicitaires",          price: "À partir de 49€",          variant: "Format A5, A6",          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-blurs-heaps-different-bright-dry-colors_23-2148016427.jpg"},
+          id: "p-2",          name: "Flyers Publicitaires",          price: "À partir de 49€",          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-blurs-heaps-different-bright-dry-colors_23-2148016427.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-3",          name: "Brochures Pliantes",          price: "À partir de 89€",          variant: "2 ou 3 volets",          imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-brochure-blue-tones_23-2147599337.jpg"},
+          id: "p-3",          name: "Brochures Pliantes",          price: "À partir de 89€",          imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-brochure-blue-tones_23-2147599337.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-4",          name: "Affiches Grand Format",          price: "À partir de 129€",          variant: "A2, A1, B1",          imageSrc: "http://img.b2bpic.net/free-photo/blank-white-advertisement-panel-city_23-2147845889.jpg"},
+          id: "p-4",          name: "Affiches Grand Format",          price: "À partir de 129€",          imageSrc: "http://img.b2bpic.net/free-photo/blank-white-advertisement-panel-city_23-2147845889.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-5",          name: "Bannières et Roll-ups",          price: "À partir de 149€",          variant: "Diverses tailles",          imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template-design_23-2151405481.jpg"},
+          id: "p-5",          name: "Bannières et Roll-ups",          price: "À partir de 149€",          imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template-design_23-2151405481.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-6",          name: "Emballages Personnalisés",          price: "Sur devis",          variant: "Carton, Kraft",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-preparing-cyber-monday-package_23-2148675033.jpg"},
+          id: "p-6",          name: "Emballages Personnalisés",          price: "Sur devis",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-preparing-cyber-monday-package_23-2148675033.jpg",          priceButtonProps: { text: "Demander un Devis", href: "#contact" }},
       ]}
       title="Explorez Notre Gamme de Produits Imprimés"
       description="Des cartes de visite élégantes aux brochures percutantes, trouvez le support idéal pour communiquer votre message."
     />
   </div>
 
+  <div id="team" data-section="team">
+      <TeamCardSix
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
+      title="Rencontrez Notre Équipe d'Experts"
+      description="Une équipe passionnée et dévouée à l'excellence de vos projets d'impression."
+      members={[
+        {
+          id: "m-1",          name: "Marc Dubois",          role: "Directeur Général",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-touching-chin-looking-front_176474-32530.jpg"},
+        {
+          id: "m-2",          name: "Sophie Martin",          role: "Directrice Artistique",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-pink-blouse-eyeglasses_176474-14283.jpg"},
+        {
+          id: "m-3",          name: "David Laurent",          role: "Chef de Production",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-glasses-casual-t-shirt_176474-14986.jpg"},
+      ]}
+    />
+  </div>
+
   <div id="pricing" data-section="pricing">
       <PricingCardTwo
       animationType="slide-up"
@@ -281,7 +301,8 @@ export default function LandingPage() {
             {
               label: "Produits",              href: "#products"},
             {
-              label: "Témoignages",              href: "#testimonials-section"},
+            "label": "Témoignages",              "href": "#testimonials-section"
+            },
             {
               label: "FAQ",              href: "#faq"},
           ],