src/app/page.tsx

@@ -9,7 +9,6 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import Link from "next/link";
 
 const navItems = [
   { name: "Home", id: "/" },
@@ -21,7 +20,18 @@ const navItems = [
 
 export default function Home() {
   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">
         <NavbarStyleCentered navItems={navItems} />
       </div>
@@ -49,7 +59,10 @@ export default function Home() {
         />
       </div>
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout heading={[{ type: "text", content: "Qui sommes-nous ?" }, { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg" }]} />
+        <InlineImageSplitTextAbout 
+            heading={[{ type: "text", content: "Qui sommes-nous ?" }, { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg" }]} 
+            useInvertedBackground={false}
+        />
       </div>
       <div id="footer" data-section="footer">
         <FooterMedia