Merge version_7 into main

Merge version_7 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 TeamCardOne from '@/components/sections/team/TeamCardOne';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import { ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
@@ -45,7 +45,7 @@ export default function LandingPage() {
             logoText="Structural Color // RED"
             description="Là où la lumière structure la réalité, le rouge définit la fin des temps."
             buttons={[
-              { text: "Découvrir l'univers", href: "#about" },
+              { text: "Plonger dans le rouge", href: "#about" },
               { text: "Précommander", href: "#contact" },
             ]}
             layoutOrder="default"
@@ -71,24 +71,21 @@ export default function LandingPage() {
         </div>
 
         <div id="team" data-section="team">
-          <TeamCardOne
+          <TeamCardTen
             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"
+            memberVariant="card"
+            membersAnimation="slide-up"
             useInvertedBackground={false}
             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" },
+              { 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: "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: "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: "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: "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: "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: "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: "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" },
             ]}
           />
         </div>
@@ -96,9 +93,9 @@ export default function LandingPage() {
         <div id="ecommerce" data-section="ecommerce">
           <ProductDetailCard
             layout="section"
-            name="Édition Collector 'Sang et Ombre' (Pre-order now - Limited supply)"
+            name="Édition Collector 'Sang et Ombre'"
             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. Seulement 500 exemplaires disponibles."
+            description="L'édition limitée incluant une couverture texturée, des illustrations exclusives et un accès anticipé à l'audio-livre immersif."
             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: "#" }]}
           />
@@ -113,8 +110,8 @@ export default function LandingPage() {
               { id: "f2", title: "Format disponible ?", content: "Version papier, ebook et livre audio immersif." },
             ]}
             ctaTitle="Structural Color // RED"
-            ctaDescription="Prêt à voir le monde en rouge ? Précommandez votre exemplaire et recevez un contenu bonus exclusif."
-            ctaButton={{ text: "Réserver mon édition limitée", href: "#" }}
+            ctaDescription="Prêt à voir le monde en rouge ? Précommandez votre exemplaire."
+            ctaButton={{ text: "Réserver mon édition", href: "#" }}
             ctaIcon={ArrowRight}
           />
         </div>