diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 077a130..35ab4a7 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,8 +11,8 @@ import { Cormorant_Garant } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Webild | Build Your Future',
-  description: 'Premium digital experiences built for scale.',
+  title: 'Webild - Innovative Solutions',
+  description: 'Professional business solutions tailored for growth.',
   openGraph: {
     "title": "[FK] | Raw Luxury Art Supplies",
     "description": "Professional art materials.",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0c58a45..20c6073 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Zap, Shield, Star, CheckCircle, ArrowRight } from 'lucide-react';
+import { Zap, Shield, Star, CheckCircle } from 'lucide-react';
 
 const navItems = [
   { name: 'Home', id: '/' },
@@ -18,64 +18,64 @@ const navItems = [
 
 export default function Page() {
   return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider>
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered navItems={navItems} brandName="Webild" />
+        <NavbarStyleCentered navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial 
-          title="Welcome to Webild"
-          description="The future of building digital experiences is here."
-          background={{ variant: "gradient-bars" }}
-          testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Incredible experience!", rating: 5 }]}
+          title="Build Your Future"
+          description="Innovative solutions for modern businesses."
+          background={{ variant: 'radial-gradient' }}
+          testimonials={[]}
         />
       </div>
       <div id="features" data-section="features">
         <FeatureHoverPattern
-          title="Core Features"
-          description="Powerful tools for your workflow."
-          animationType="slide-up"
-          useInvertedBackground={false}
-          textboxLayout="default"
+          title="Our Core Features"
+          description="We deliver excellence through proven methodologies."
           features={[
-            { icon: Zap, title: "Speed", description: "Lightning fast performance." },
-            { icon: Shield, title: "Security", description: "Top-tier safety standards." }
+            { icon: Zap, title: 'Speed', description: 'Fast deployment cycles.' },
+            { icon: Shield, title: 'Security', description: 'Enterprise-grade protection.' },
+            { icon: Star, title: 'Quality', description: 'Best in class standards.' }
           ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="products" data-section="products">
         <ProductCardTwo
           title="Our Products"
-          description="Check out our latest innovations."
+          description="Select from our curated list of professional tools."
+          products={[
+            { id: '1', brand: 'Brand A', name: 'Tool Alpha', price: '$99', rating: 5, reviewCount: '10', imageSrc: '/placeholder.jpg' },
+            { id: '2', brand: 'Brand B', name: 'Tool Beta', price: '$149', rating: 4, reviewCount: '25', imageSrc: '/placeholder.jpg' },
+            { id: '3', brand: 'Brand C', name: 'Tool Gamma', price: '$199', rating: 5, reviewCount: '50', imageSrc: '/placeholder.jpg' }
+          ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
-          products={[
-            { id: "p1", brand: "Brand A", name: "Product 1", price: "$99", rating: 4, reviewCount: "10", imageSrc: "/img1.jpg" },
-            { id: "p2", brand: "Brand B", name: "Product 2", price: "$199", rating: 5, reviewCount: "20", imageSrc: "/img2.jpg" },
-            { id: "p3", brand: "Brand C", name: "Product 3", price: "$299", rating: 4, reviewCount: "30", imageSrc: "/img3.jpg" }
-          ]}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
-          testimonial="Simply the best platform I have used!"
+          testimonial="The service provided was exceptional and exceeded our expectations."
           rating={5}
-          author="John Smith"
-          avatars={[{ src: "/a1.jpg", alt: "User" }]}
-          ratingAnimation="blur-reveal"
-          avatarsAnimation="blur-reveal"
+          author="Jane Doe"
+          avatars={[{ src: '/avatar.jpg', alt: 'Author' }]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactSplitForm
-          title="Get In Touch"
-          description="We'd love to hear from you."
+          title="Get in Touch"
+          description="We're here to help. Send us a message today."
           inputs={[
-            { name: "name", type: "text", placeholder: "Name" },
-            { name: "email", type: "email", placeholder: "Email" }
+            { name: 'name', type: 'text', placeholder: 'Full Name', required: true },
+            { name: 'email', type: 'email', placeholder: 'Email Address', required: true }
           ]}
           useInvertedBackground={false}
         />
@@ -83,7 +83,9 @@ export default function Page() {
       <div id="footer" data-section="footer">
         <FooterBaseCard
           logoText="Webild"
-          columns={[{ title: "Company", items: [{ label: "About", href: "/about" }] }]}
+          columns={[
+            { title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Contact', href: '/contact' }] }
+          ]}
         />
       </div>
     </ThemeProvider>