diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7d0f6d4..913f645 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,7 @@ const navItems = [
 
 export default function Page() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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">
         <NavbarStyleApple navItems={navItems} brandName="Webild" />
       </div>
@@ -31,10 +31,11 @@ export default function Page() {
           description="Next-generation digital experiences"
           background={{ variant: "animated-grid" }}
           mediaItems={[
-            { imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe", imageAlt: "Abstract art" },
-            { imageSrc: "https://images.unsplash.com/photo-1614850523459-c2f4c699c52e", imageAlt: "Digital art" },
-            { imageSrc: "https://images.unsplash.com/photo-1620121692029-d088224ddc74", imageAlt: "Tech art" }
+            { imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" },
+            { imageSrc: "https://images.unsplash.com/photo-1614850523459-c2f4c699c52e" },
+            { imageSrc: "https://images.unsplash.com/photo-1620121692029-d088224ddc74" }
           ]}
+          mediaAnimation="blur-reveal"
         />
       </div>
       <div id="about" data-section="about">
@@ -61,6 +62,12 @@ export default function Page() {
           textboxLayout="default"
           useInvertedBackground={false}
           title="Portfolio"
+          description="Our selected creative work."
+          products={[
+            { id: "p1", name: "Web Design", price: "$500", variant: "Standard", imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" },
+            { id: "p2", name: "Logo Design", price: "$200", variant: "Premium", imageSrc: "https://images.unsplash.com/photo-1614850523459-c2f4c699c52e" },
+            { id: "p3", name: "Full Stack", price: "$1000", variant: "Enterprise", imageSrc: "https://images.unsplash.com/photo-1620121692029-d088224ddc74" }
+          ]}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -69,6 +76,7 @@ export default function Page() {
           animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
+          description="What our clients say about us."
           testimonials={[
             { id: "1", name: "Alex", handle: "@alex", testimonial: "Excellent work!", icon: Globe },
             { id: "2", name: "Sam", handle: "@sam", testimonial: "Highly recommended.", icon: Star }
@@ -79,7 +87,8 @@ export default function Page() {
         <MetricCardEleven 
           title="Our Process"
           animationType="blur-reveal"
-          textboxLayout="default"
+          description="Efficient workflow for top results."
+          useInvertedBackground={false}
           metrics={[
             { id: "1", value: "100%", title: "Quality", description: "Guaranteed", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71" },
             { id: "2", value: "24/7", title: "Support", description: "Always here", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71" }
@@ -90,6 +99,7 @@ export default function Page() {
         <FaqSplitText 
           faqsAnimation="blur-reveal"
           sideTitle="Questions"
+          useInvertedBackground={false}
           faqs={[
             { id: "1", title: "What do you do?", content: "Everything digital." },
             { id: "2", title: "How to contact?", content: "Via the form below." }
@@ -102,6 +112,7 @@ export default function Page() {
           title="Get in touch"
           description="Let us build something great together."
           useInvertedBackground={false}
+          background={{ variant: "plain" }}
         />
       </div>
       <div id="footer" data-section="footer">