diff --git a/src/app/custom-order/page.tsx b/src/app/custom-order/page.tsx
index 24ecc26..02db309 100644
--- a/src/app/custom-order/page.tsx
+++ b/src/app/custom-order/page.tsx
@@ -41,7 +41,6 @@ export default function CustomOrderPage() {
           inputPlaceholder="Nom de votre projet ou personnage"
           buttonText="Envoyer ma Commande"
           termsText="En cliquant sur 'Envoyer ma Commande', vous confirmez avoir lu et accepté nos Termes et Conditions."
-          useInvertedBackground={false}
           ariaLabel="Formulaire de commande sur mesure"
         />
       </div>
@@ -66,7 +65,6 @@ export default function CustomOrderPage() {
           ]}
           faqsAnimation="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
           ariaLabel="Section des questions fréquentes"
         />
       </div>
@@ -84,7 +82,6 @@ export default function CustomOrderPage() {
           ]}
           showBorder={false}
           ariaLabel="À propos de PersonaCraft"
-          useInvertedBackground={false}
         />
       </div>
 
@@ -98,7 +95,6 @@ export default function CustomOrderPage() {
             text: "Conditions Générales",            href: "/terms"
           }}
           ariaLabel="Pied de page du site PersonaCraft"
-          useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2a12a65..8d4097a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,25 +1,23 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
+import FaqBase from "@/components/sections/faq/FaqBase";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import Link from "next/link";
-import { Sparkles, Zap } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Accueil", id: "home", href: "/" },
-    { name: "Boutique", id: "shop", href: "/shop" }
+    { name: "Home", id: "/", href: "/" },
+    { name: "Création Sur Mesure", id: "custom-order", href: "/custom-order" },
+    { name: "Abonnements", id: "pricing", href: "/pricing" }
   ];
 
-  const footerLeftLink = { text: "Politique de Confidentialité", href: "/privacy" };
-  const footerRightLink = { text: "Conditions Générales", href: "/terms" };
-
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -51,7 +49,6 @@ export default function HomePage() {
           showDimOverlay={true}
           showBlur={true}
           ariaLabel="Section Hero de PersonaCraft"
-          useInvertedBackground={false}
         />
       </div>
 
@@ -61,12 +58,10 @@ export default function HomePage() {
           description={[
             "PersonaCraft est votre plateforme ultime pour l'inspiration et la création de personnages. Que vous soyez un écrivain, un MJ de JDR ou un artiste, nous donnons vie à vos visions avec des fiches détaillées, riches en histoire, traits et visuels uniques.",            "Notre catalogue regorge de personnages prêts à l'emploi, triés par genre et style. Pour une touche vraiment unique, notre service sur mesure combine l'expertise humaine et la puissance de l'IA pour créer le personnage exact dont vous rêvez, livré directement dans votre espace personnel."
           ]}
-          buttons={[
-            { text: "En savoir plus", href: "/about" }
-          ]}
+          buttons={[{ text: "En savoir plus", href: "/about" }]
+          }
           showBorder={false}
           ariaLabel="À propos de PersonaCraft"
-          useInvertedBackground={false}
         />
       </div>
 
@@ -75,18 +70,9 @@ export default function HomePage() {
           title="Vos Super-Pouvoirs Créatifs"
           description="Accédez à des outils et des ressources qui transforment votre processus de création de personnages."
           features={[
-            {
-              id: "1",              title: "Catalogue Riche",              author: "Découverte Instantanée",              description: "Parcourez des centaines de fiches de personnages pré-créées, avec des visuels et des histoires pour stimuler votre imagination.",              tags: ["Fantasy", "Sci-Fi", "Historique"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-sleek-dark-marketplace-icon-with-subtl-1774504974334-05e5260e.png?_wi=1",              imageAlt: "Icône de marché numérique"
-            },
-            {
-              id: "2",              title: "Personnages Sur Mesure",              author: "Création Unique",              description: "Décrivez le personnage de vos rêves et nos experts, assistés par l'IA, le matérialiseront selon vos spécifications exactes.",              tags: ["IA", "Personnalisation", "Exclusif"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/an-icon-depicting-a-person-sketching-or--1774504974573-d7712097.png?_wi=1",              imageAlt: "Icône de commande de personnage sur mesure"
-            },
-            {
-              id: "3",              title: "Abonnements Avantageux",              author: "Accès Illimité",              description: "Débloquez un accès gratuit à des fiches exclusives, des réductions sur les commandes sur mesure et bien plus encore.",              tags: ["Premium", "Économie", "Avantages"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-premium-subscription-icon-featuring-a--1774504974645-0103338b.png?_wi=1",              imageAlt: "Icône d'abonnement premium"
-            }
+            { id: "1", title: "Catalogue Riche", author: "Découverte Instantanée", description: "Parcourez des centaines de fiches de personnages pré-créées, avec des visuels et des histoires pour stimuler votre imagination.", tags: ["Fantasy", "Sci-Fi", "Historique"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-sleek-dark-marketplace-icon-with-subtl-1774504974334-05e5260e.png", imageAlt: "Icône de marché numérique" },
+            { id: "2", title: "Personnages Sur Mesure", author: "Création Unique", description: "Décrivez le personnage de vos rêves et nos experts, assistés par l'IA, le matérialiseront selon vos spécifications exactes.", tags: ["IA", "Personnalisation", "Exclusif"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/an-icon-depicting-a-person-sketching-or--1774504974573-d7712097.png", imageAlt: "Icône de commande de personnage sur mesure" },
+            { id: "3", title: "Abonnements Avantageux", author: "Accès Illimité", description: "Débloquez un accès gratuit à des fiches exclusives, des réductions sur les commandes sur mesure et bien plus encore.", tags: ["Premium", "Économie", "Avantages"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-premium-subscription-icon-featuring-a--1774504974645-0103338b.png", imageAlt: "Icône d'abonnement premium" }
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -95,32 +81,38 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Explorez Notre Catalogue de Personnages"
+          description="Des héros, des antagonistes, des PNJ... Trouvez l'inspiration instantanément pour vos prochaines aventures."
+          products={[
+            { id: "char-1", name: "Elara, la Lame Sylvestre", price: "9.99€", variant: "Fantasy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-digital-painting-of-a-fierce-fantasy-w-1774504975679-dc2ac079.png", imageAlt: "Elara, une guerrière elfe sylvestre" },
+            { id: "char-2", name: "Kael, l'Écho Numérique", price: "12.99€", variant: "Cyberpunk", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-sleek-cyberpunk-style-digital-painting-1774504976552-74919fa2.png", imageAlt: "Kael, un hacker cybernétique" },
+            { id: "char-3", name: "Professeur Chronos", price: "11.99€", variant: "Steampunk", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-detailed-digital-painting-of-a-whimsic-1774504975609-46690b0c.png", imageAlt: "Professeur Chronos, un inventeur steampunk" },
+            { id: "char-4", name: "Le Gardien des Brumes", price: "14.99€", variant: "Créature Mythique", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-majestic-digital-painting-of-a-mythica-1774504975861-500b6e7f.png", imageAlt: "Le Gardien des Brumes, une créature mythique" }
+          ]}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Section du catalogue de produits"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen
           title="Ce que disent nos Créateurs"
           description="Des retours enthousiastes de la communauté PersonaCraft qui donnent vie à leurs univers."
           testimonials={[
-            {
-              id: "1",              name: "Léa Dubois",              role: "Écrivaine Fantasy",              company: "Récits Enchantés",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-femal-1774504974877-8c960517.png?_wi=1",              imageAlt: "Avatar de Léa Dubois"
-            },
-            {
-              id: "2",              name: "Marc Chen",              role: "Maître de Jeu",              company: "Aventures Épiques",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-male--1774504975413-e43abb59.png?_wi=1",              imageAlt: "Avatar de Marc Chen"
-            },
-            {
-              id: "3",              name: "Samira Khan",              role: "Artiste Conceptuel",              company: "Visionnaires Créatifs",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-non-b-1774504974703-93f5f783.png?_wi=1",              imageAlt: "Avatar de Samira Khan"
-            },
-            {
-              id: "4",              name: "David Martin",              role: "Développeur de Jeux",              company: "Mondes Virtuels",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-femal-1774504976666-59a25a36.png?_wi=1",              imageAlt: "Avatar de David Martin"
-            }
+            { id: "1", name: "Léa Dubois", role: "Écrivaine Fantasy", company: "Récits Enchantés", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-femal-1774504974877-8c960517.png", imageAlt: "Avatar de Léa Dubois" },
+            { id: "2", name: "Marc Chen", role: "Maître de Jeu", company: "Aventures Épiques", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-male--1774504975413-e43abb59.png", imageAlt: "Avatar de Marc Chen" },
+            { id: "3", name: "Samira Khan", role: "Artiste Conceptuel", company: "Visionnaires Créatifs", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-non-b-1774504974703-93f5f783.png", imageAlt: "Avatar de Samira Khan" },
+            { id: "4", name: "David Martin", role: "Développeur de Jeux", company: "Mondes Virtuels", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-femal-1774504976666-59a25a36.png", imageAlt: "Avatar de David Martin" }
           ]}
           kpiItems={[
-            { id: "kpi-1", value: "500+", title: "Personnages Créés", description: "par notre communauté" },
-            { id: "kpi-2", value: "98%", title: "Satisfaction Client", description: "sur les commandes sur mesure" },
-            { id: "kpi-3", value: "100K+", title: "Histoires Inspirées", description: "par PersonaCraft" }
+            { value: "500+", title: "Personnages Créés", description: "par notre communauté" },
+            { value: "98%", title: "Satisfaction Client", description: "sur les commandes sur mesure" },
+            { value: "100K+", title: "Histoires Inspirées", description: "par PersonaCraft" }
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -129,61 +121,22 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="pricing" data-section="pricing">
-        <PricingCardTwo
-          title="Libérez Votre Créativité Illimitée"
-          description="Choisissez le plan qui correspond à vos ambitions de création de personnages et débloquez des avantages exclusifs."
-          plans={[
-            {
-              id: "decouverte",              badge: "Gratuit",              price: "0€",              subtitle: "Accès limité au catalogue",              features: [
-                "5 fiches gratuites par mois",                "Accès au catalogue standard",                "Option de commande sur mesure (tarif plein)",                "Support communautaire"
-              ],
-              buttons: [
-                { text: "Commencer Gratuitement", href: "/signup" }
-              ]
-            },
-            {
-              id: "createur",              badge: "Populaire",              badgeIcon: Sparkles,
-              price: "10€/mois",              subtitle: "Pour les créateurs passionnés",              features: [
-                "Accès gratuit à 100 fiches par mois",                "Accès illimité au catalogue standard",                "10% de réduction sur les commandes sur mesure",                "Support prioritaire",                "Accès à des fiches premium"
-              ],
-              buttons: [
-                { text: "Choisir le Plan Créateur", href: "/pricing" }
-              ]
-            },
-            {
-              id: "illimite",              badge: "Ultime",              badgeIcon: Zap,
-              price: "25€/mois",              subtitle: "Pour une liberté de création totale",              features: [
-                "Accès gratuit illimité aux fiches",                "Accès illimité au catalogue premium",                "25% de réduction sur les commandes sur mesure",                "Support dédié 24/7",                "Accès anticipé aux nouvelles fonctionnalités"
-              ],
-              buttons: [
-                { text: "Choisir le Plan Illimité", href: "/pricing" }
-              ]
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          ariaLabel="Section des plans tarifaires"
-        />
-      </div>
-
       <div id="faq" data-section="faq">
         <FaqBase
           title="Questions Fréquentes"
           description="Nous répondons à vos interrogations sur la création et l'achat de personnages."
           faqs={[
             {
-              id: "faq-1",              title: "Comment fonctionne la commande sur mesure ?",              content: "Vous remplissez un formulaire détaillé décrivant votre personnage (apparence, personnalité, histoire, univers). Nos experts, aidés par l'IA, créent ensuite une fiche et une image unique que nous vous livrons. Vous pouvez même ajouter des fichiers de référence."
+              id: "faq-1", title: "Comment fonctionne la commande sur mesure ?", content: "Vous remplissez un formulaire détaillé décrivant votre personnage (apparence, personnalité, histoire, univers). Nos experts, aidés par l'IA, créent ensuite une fiche et une image unique que nous vous livrons. Vous pouvez même ajouter des fichiers de référence."
             },
             {
-              id: "faq-2",              title: "Quels sont les délais de livraison pour un personnage sur mesure ?",              content: "La création de votre personnage nécessite une intervention humaine experte avec nos outils IA. Le délai de livraison estimé est de 48 à 72 heures."
+              id: "faq-2", title: "Quels sont les délais de livraison pour un personnage sur mesure ?", content: "La création de votre personnage nécessite une intervention humaine experte avec nos outils IA. Le délai de livraison estimé est de 48 à 72 heures."
             },
             {
-              id: "faq-3",              title: "Puis-je modifier ma commande sur mesure après l'avoir soumise ?",              content: "Une fois la commande passée, les modifications ne sont pas garanties. Nous vous invitons à nous contacter le plus rapidement possible en cas de besoin. Des frais supplémentaires peuvent s'appliquer selon la complexité des modifications."
+              id: "faq-3", title: "Puis-je modifier ma commande sur mesure après l'avoir soumise ?", content: "Une fois la commande passée, les modifications ne sont pas garanties. Nous vous invitons à nous contacter le plus rapidement possible en cas de besoin. Des frais supplémentaires peuvent s'appliquer selon la complexité des modifications."
             },
             {
-              id: "faq-4",              title: "Les fiches de personnages sont-elles exclusives ?",              content: "Les personnages achetés dans notre catalogue standard ne sont pas exclusifs. Pour une création totalement unique et exclusive, optez pour notre service de commande sur mesure."
+              id: "faq-4", title: "Les fiches de personnages sont-elles exclusives ?", content: "Les personnages achetés dans notre catalogue standard ne sont pas exclusifs. Pour une création totalement unique et exclusive, optez pour notre service de commande sur mesure."
             }
           ]}
           faqsAnimation="slide-up"
@@ -196,12 +149,15 @@ export default function HomePage() {
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="PersonaCraft"
-          leftLink={footerLeftLink}
-          rightLink={footerRightLink}
+          leftLink={{
+            text: "Politique de Confidentialité", href: "/privacy"
+          }}
+          rightLink={{
+            text: "Conditions Générales", href: "/terms"
+          }}
           ariaLabel="Pied de page du site PersonaCraft"
-          useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}