diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3811b14..a084f70 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,8 +11,8 @@ import { DM_Serif_Display, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Home | Webild',
-  description: 'Innovation at the speed of light.',
+  title: 'Home',
+  description: 'Welcome to our website',
 };
 
 const dmSerif = DM_Serif_Display({ variable: "--font-dm-serif", subsets: ["latin"], weight: ["400"] }); const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a14e76..e5e3de9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,7 +14,7 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
 export default function HomePage() {
   const navItems = [{ name: "Home", id: "/" }];
   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">
         <NavbarStyleApple navItems={navItems} />
       </div>
@@ -27,28 +27,28 @@ export default function HomePage() {
         />
       </div>
       <div id="trust" data-section="trust">
-        <SocialProofOne names={["TechCorp", "InnovateAI", "GlobalSystems"]} title="Trusted By Leaders" description="Partnering with industry pioneers." />
+        <SocialProofOne names={["TechCorp", "InnovateAI", "GlobalSystems"]} title="Trusted By Leaders" description="Partnering with industry pioneers." textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardMedia title="Our Services" description="We provide cutting edge digital services." features={[]} animationType="slide-up" />
+        <FeatureCardMedia title="Our Services" description="We provide cutting edge digital services." features={[{ id: "f1", title: "Design", description: "High quality", tag: "New" }, { id: "f2", title: "Code", description: "High quality", tag: "Dev" }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="work" data-section="work">
-        <ProductCardOne title="Our Portfolio" description="Showcasing our recent work." products={[]} gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" />
+        <ProductCardOne title="Our Portfolio" description="Showcasing our recent work." products={[{ id: "p1", name: "Product", price: "$10", imageSrc: "https://picsum.photos/seed/p1/400/400" }, { id: "p2", name: "Product", price: "$20", imageSrc: "https://picsum.photos/seed/p2/400/400" }, { id: "p3", name: "Product", price: "$30", imageSrc: "https://picsum.photos/seed/p3/400/400" }]} gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="process" data-section="process">
-        <MetricCardEleven title="Our Process" description="How we deliver excellence." metrics={[]} animationType="slide-up" />
+        <MetricCardEleven title="Our Process" description="How we deliver excellence." metrics={[{ id: "m1", value: "100%", title: "Success", description: "Proven track record", imageSrc: "https://picsum.photos/seed/m1/400/400" }, { id: "m2", value: "24/7", title: "Support", description: "Always available", imageSrc: "https://picsum.photos/seed/m2/400/400" }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo title="Client Voices" description="What our partners say about us." testimonials={[]} animationType="slide-up" textboxLayout="default" />
+        <TestimonialCardTwo title="Client Voices" description="What our partners say about us." testimonials={[{ id: "t1", name: "John", role: "CEO", testimonial: "Great work!" }, { id: "t2", name: "Jane", role: "CTO", testimonial: "Highly recommended." }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="faq" data-section="faq">
-        <FaqSplitMedia title="Questions?" description="Answers to common inquiries." faqs={[]} faqsAnimation="slide-up" textboxLayout="default" />
+        <FaqSplitMedia title="Questions?" description="Answers to common inquiries." faqs={[{ id: "q1", title: "What?", content: "Yes." }, { id: "q2", title: "Who?", content: "Us." }]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} mediaAnimation="slide-up" imageSrc="https://picsum.photos/seed/faq/400/400" />
       </div>
       <div id="cta" data-section="cta">
-        <ContactText text="Ready to start your journey?" background={{ variant: "plain" }} />
+        <ContactText text="Ready to start your journey?" background={{ variant: "plain" }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterSimple columns={[]} bottomLeftText="© 2024 TechCorp" bottomRightText="All rights reserved." />
+        <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024 TechCorp" bottomRightText="All rights reserved." />
       </div>
     </ThemeProvider>
   );