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 TeamCardTen from '@/components/sections/team/TeamCardTen';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import { ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
@@ -71,22 +71,24 @@ export default function LandingPage() {
         </div>
 
         <div id="team" data-section="team">
-          <TeamCardTen
+          <TeamCardOne
             title="Personnages"
+            description="Rencontrez ceux qui naviguent entre l'ombre et la couleur."
             tag="Les Visages de l'Ombre"
-            membersAnimation="slide-up"
+            animationType="slide-up"
-            memberVariant="card"
+            gridVariant="one-large-left-three-stacked-right"
+            carouselMode="buttons"
+            textboxLayout="split"
             useInvertedBackground={false}
-            className="glow-red-effect"
             members={[
-              { id: "1", name: "Elias // Le Traqueur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227944020-4e47b2f1.png" },
+              { 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", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227943620-fde09d35.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", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227944320-51cad73d.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", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227943733-445d7726.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", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227944056-508f2199.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", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227945647-ddca17c6.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", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227942397-c847a902.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", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLgh5meiyFFxdyU9YEOi16Nr6V/stylized-character-portrait-dystopian-ae-1775227952229-50568432.jpg" },
+              { 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" },
             ]}
           />
         </div>
@@ -94,9 +96,9 @@ export default function LandingPage() {
         <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: "#" }]}
           />
@@ -112,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>