Update src/app/page.tsx

Merge version_5 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 TeamCardTen from '@/components/sections/team/TeamCardTen';
 import { ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
@@ -71,26 +71,22 @@ export default function LandingPage() {
         </div>
 
         <div id="team" data-section="team">
-          <TeamCardEleven
-            animationType="slide-up"
-            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" },
-                ]
-              }
-            ]}
+          <TeamCardTen
             title="Personnages"
-            description="Huit trajectoires brisées au sein d'une réalité sans issue."
+            tag="Les Visages de l'Ombre"
+            memberVariant="card"
+            membersAnimation="slide-up"
+            useInvertedBackground={false}
+            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: "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>
 
@@ -114,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: "Précommander maintenant", href: "#" }}
+            ctaDescription="Prêt à voir le monde en rouge ? Précommandez votre exemplaire."
+            ctaButton={{ text: "Réserver mon édition", href: "#" }}
             ctaIcon={ArrowRight}
           />
         </div>