diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 1c94159..24df14f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -9,15 +9,16 @@ export default function AboutPage() {
     const navItems = [{ name: "Accueil", id: "/" }, { name: "Fonctionnalités", id: "/fonctionnalites" }, { name: "Tarifs", id: "/tarifs" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }, { name: "Blog", id: "/blog" }, { name: "Mentions Légales", id: "/legal" }, { name: "À propos", id: "/about" }, { name: "Équipe", id: "/team" }];
 
     return (
-        <ThemeProvider>
+        <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
             <div id="nav" data-section="nav"><NavbarStyleFullscreen navItems={navItems} brandName="FacturPro" button={{ text: "Essayer gratuitement", href: "/contact" }} /></div>
             <div id="about" data-section="about">
                 <MetricSplitMediaAbout
                     title="Notre Mission"
                     description="Simplifier radicalement la mise en conformité des entreprises françaises face aux enjeux de la dématérialisation."
-                    metrics={[{ value: "1.2k+", title: "Entreprises accompagnées" }, { value: "500k+", title: "Factures traitées" }, { value: "99%", title: "Taux de satisfaction" }]}
+                    metrics={[{ id: "1", value: "1.2k+", title: "Entreprises accompagnées", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f03cm" }, { id: "2", value: "500k+", title: "Factures traitées", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f03cm" }, { id: "3", value: "99%", title: "Taux de satisfaction", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f03cm" }]}
                     useInvertedBackground={false}
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f03cm"
+                    animationType="slide-up"
+                    textboxLayout="default"
                 />
             </div>
             <div id="footer" data-section="footer"><FooterBaseCard logoText="FacturPro" columns={[{ title: "Produit", items: [{ label: "Fonctionnalités", href: "/fonctionnalites" }, { label: "Tarifs", href: "/tarifs" }] }, { title: "Légal", items: [{ label: "Mentions légales", href: "/legal" }, { label: "CGU", href: "/legal" }] }, { title: "Ressources", items: [{ label: "Blog", href: "/blog" }] }, { title: "Contact", items: [{ label: "Support", href: "/contact" }] }]} /></div>
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 8e34719..f2db685 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import BlogCardOne from "@/components/sections/blog/BlogCardOne";
+import BlogCardThree from "@/components/sections/blog/BlogCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -10,14 +10,15 @@ export default function BlogPage() {
     const navItems = [{ name: "Accueil", id: "/" }, { name: "Fonctionnalités", id: "/fonctionnalites" }, { name: "Tarifs", id: "/tarifs" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }, { name: "Blog", id: "/blog" }, { name: "Mentions Légales", id: "/legal" }, { name: "À propos", id: "/about" }, { name: "Équipe", id: "/team" }];
 
     return (
-        <ThemeProvider>
+        <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
             <div id="nav" data-section="nav"><NavbarStyleFullscreen navItems={navItems} brandName="FacturPro" button={{ text: "Essayer gratuitement", href: "/contact" }} /></div>
             <div id="blog" data-section="blog">
-                <BlogCardOne
+                <BlogCardThree
                     title="Ressources & Actualités"
                     description="Découvrez nos guides pratiques sur la réforme de la facturation électronique 2026."
                     animationType="slide-up"
                     useInvertedBackground={false}
+                    textboxLayout="default"
                     blogs={[
                         { id: "1", category: "Guide", title: "Comprendre la réforme 2026", excerpt: "Tout savoir sur les nouvelles obligations légales pour votre PME.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f03cm", authorName: "Jean Dupont", authorAvatar: "", date: "12 Mai 2025" },
                         { id: "2", category: "Technique", title: "Factur-X : Le standard expliqué", excerpt: "Pourquoi ce format hybride est la clé de votre conformité.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f03cm", authorName: "Sarah Martin", authorAvatar: "", date: "05 Mai 2025" }
@@ -25,7 +26,14 @@ export default function BlogPage() {
                 />
             </div>
             <div id="contact" data-section="contact">
-                <ContactCTA tag="Besoin d'aide ?" title="Des questions sur nos ressources ?" description="Nos experts sont là pour vous accompagner dans votre mise en conformité." buttons={[{ text: "Contactez-nous", href: "/contact" }]} />
+                <ContactCTA 
+                    tag="Besoin d'aide ?" 
+                    title="Des questions sur nos ressources ?" 
+                    description="Nos experts sont là pour vous accompagner dans votre mise en conformité." 
+                    buttons={[{ text: "Contactez-nous", href: "/contact" }]} 
+                    background={{ variant: "plain" }}
+                    useInvertedBackground={false}
+                />
             </div>
             <div id="footer" data-section="footer"><FooterBaseCard logoText="FacturPro" columns={[{ title: "Produit", items: [{ label: "Fonctionnalités", href: "/fonctionnalites" }, { label: "Tarifs", href: "/tarifs" }] }, { title: "Légal", items: [{ label: "Mentions légales", href: "/legal" }, { label: "CGU", href: "/legal" }] }, { title: "Ressources", items: [{ label: "Blog", href: "/blog" }] }, { title: "Contact", items: [{ label: "Support", href: "/contact" }] }]} /></div>
         </ThemeProvider>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index a72ce6d..c2af05b 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -9,7 +9,7 @@ export default function ContactPage() {
     const navItems = [{ name: "Accueil", id: "/" }, { name: "Fonctionnalités", id: "/fonctionnalites" }, { name: "Tarifs", id: "/tarifs" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }, { name: "Blog", id: "/blog" }, { name: "Mentions Légales", id: "/legal" }, { name: "À propos", id: "/about" }, { name: "Équipe", id: "/team" }];
 
     return (
-        <ThemeProvider>
+        <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
             <div id="nav" data-section="nav"><NavbarStyleFullscreen navItems={navItems} brandName="FacturPro" button={{ text: "Essayer gratuitement", href: "/contact" }} /></div>
             <div id="contact" data-section="contact">
                 <ContactSplit
@@ -17,6 +17,8 @@ export default function ContactPage() {
                     title="Besoin d'assistance ?"
                     description="Notre équipe support est disponible du lundi au vendredi de 9h à 18h pour répondre à toutes vos questions concernant FacturPro."
                     imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f03cm"
+                    background={{ variant: "plain" }}
+                    useInvertedBackground={false}
                 />
             </div>
             <div id="footer" data-section="footer"><FooterBaseCard logoText="FacturPro" columns={[{ title: "Produit", items: [{ label: "Fonctionnalités", href: "/fonctionnalites" }, { label: "Tarifs", href: "/tarifs" }] }, { title: "Légal", items: [{ label: "Mentions légales", href: "/legal" }, { label: "CGU", href: "/legal" }] }, { title: "Ressources", items: [{ label: "Blog", href: "/blog" }] }, { title: "Contact", items: [{ label: "Support", href: "/contact" }] }]} /></div>