Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboard
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
-import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import { ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
@@ -71,35 +71,34 @@ export default function LandingPage() {
         </div>
 
         <div id="team" data-section="team">
-          <TeamCardEleven
+          <TeamCardOne
+            title="Personnages"
+            description="Rencontrez ceux qui naviguent entre l'ombre et la couleur."
+            tag="Les Visages de l'Ombre"
             animationType="slide-up"
+            gridVariant="one-large-left-three-stacked-right"
+            carouselMode="buttons"
             textboxLayout="split"
             useInvertedBackground={false}
-            groups={[
-              {
-                id: "chars",                groupTitle: "Les Visages de l'Ombre",                members: [
-                  { id: "1", title: "Elias", subtitle: "Le Traqueur", detail: "La vérité est une fréquence qu'il n'entend plus.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227944020-4e47b2f1.png" },
-                  { id: "2", title: "Sora", subtitle: "La Spectrale", detail: "Elle vit entre les nuances de rouge.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227943620-fde09d35.png" },
-                  { id: "3", title: "Kael", subtitle: "Le Gardien", detail: "Il protège le secret que tout le monde cherche.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227944320-51cad73d.png" },
-                  { id: "4", title: "Lyra", subtitle: "L'Architecte", detail: "Elle reconstruit le monde à chaque seconde.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227943733-445d7726.png" },
-                  { id: "5", title: "Jaxon", subtitle: "Le Rebelle", detail: "Il ne croit plus aux couleurs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227944056-508f2199.png" },
-                  { id: "6", title: "Mira", subtitle: "La Chroniqueuse", detail: "Chaque mot écrit est une plaie ouverte.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227945647-ddca17c6.png" },
-                  { id: "7", title: "Vane", subtitle: "Le Silencieux", detail: "Son ombre en dit plus que ses actes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227942397-c847a902.png" },
-                  { id: "8", title: "Orion", subtitle: "Le Visionnaire", detail: "Il voit le rouge même dans le noir.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227952229-50568432.jpg" },
-                ]
-              }
+            members={[
+              { id: "1", name: "Elias // Le Traqueur", role: "Le survivant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227944020-4e47b2f1.png" },
+              { id: "2", name: "Sora // La Spectrale", role: "L'infiltrée", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227943620-fde09d35.png" },
+              { id: "3", name: "Kael // Le Gardien", role: "Le protecteur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227944320-51cad73d.png" },
+              { id: "4", name: "Lyra // L'Architecte", role: "La stratège", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227943733-445d7726.png" },
+              { id: "5", name: "Jaxon // Le Rebelle", role: "L'agitateur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227944056-508f2199.png" },
+              { id: "6", name: "Mira // La Chroniqueuse", role: "L'archiviste", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227945647-ddca17c6.png" },
+              { id: "7", name: "Vane // Le Silencieux", role: "L'ombre", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227942397-c847a902.png" },
+              { id: "8", name: "Orion // Le Visionnaire", role: "Le guide", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227952229-50568432.jpg" },
             ]}
-            title="Personnages"
-            description="Huit trajectoires brisées au sein d'une réalité sans issue."
           />
         </div>
 
         <div id="ecommerce" data-section="ecommerce">
           <ProductDetailCard
             layout="section"
-            name="Édition Collector 'Sang et Ombre'"
+            name="Édition Collector 'Sang et Ombre' (Pre-order now - Limited supply)"
             price="49.99€"
-            description="L'édition limitée incluant une couverture texturée, des illustrations exclusives et un accès anticipé à l'audio-livre immersif."
+            description="L'édition limitée incluant une couverture texturée, des illustrations exclusives et un accès anticipé à l'audio-livre immersif. Seulement 500 exemplaires disponibles."
             images={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/abstract-background-for-a-dystopian-book-1775227941243-0d772f68.png", alt: "Édition collector livre" }]}
             buttons={[{ text: "Ajouter au panier", href: "#" }]}
           />
@@ -115,7 +114,7 @@ export default function LandingPage() {
             ]}
             ctaTitle="Structural Color // RED"
             ctaDescription="Prêt à voir le monde en rouge ? Précommandez votre exemplaire et recevez un contenu bonus exclusif."
-            ctaButton={{ text: "Précommander maintenant", href: "#" }}
+            ctaButton={{ text: "Réserver mon édition limitée", href: "#" }}
             ctaIcon={ArrowRight}
           />
         </div>
@@ -132,4 +131,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}