diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 73caa49..6af63f0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'The House of Dentistry - Perambur, Chennai',
-  description: 'Expert dental care in Perambur, Chennai. Painless treatments and specialized care for your family.',
+  title: 'Webild | Digital Innovation',
+  description: 'Premium digital solutions for growing businesses.',
   keywords: ["dentist in Perambur, dental clinic Chennai, root canal, teeth whitening, best dental care Perambur, painless dentistry"],
 };
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b692bbd..26273c8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,100 +8,44 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import { ArrowRight, Zap, CheckCircle, Shield, Globe } from 'lucide-react';
 
-const navItems = [{ name: "Home", id: "/" }];
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "About", id: "/about" },
+  { name: "Contact", id: "/contact" },
+  { name: "Services", id: "/services" }
+];
 
 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 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">
-        <NavbarLayoutFloatingInline 
-          navItems={navItems} 
-          button={{ text: "Book Now", href: "/" }} 
-        />
+        <NavbarLayoutFloatingInline navItems={navItems} brandName="Webild" button={{ text: "Get Started", href: "/contact" }} />
       </div>
       <div id="hero" data-section="hero">
-        <HeroSplitKpi 
-            title="The House of Dentistry" 
-            description="Expert dental care in Perambur, Chennai. Painless treatments and specialized care."
-            background={{ variant: 'plain' }}
-            kpis={[{ value: "10+", label: "Years Exp" }, { value: "5000+", label: "Happy Smiles" }, { value: "4.9/5", label: "Patient Rating" }]}
-            enableKpiAnimation={true}
-        />
+        <HeroSplitKpi title="Innovating for the Future" description="Building digital solutions that empower your growth with cutting-edge technology and design." background={{ variant: "canvas-reveal" }} kpis={[{ value: "100+", label: "Projects" }, { value: "50+", label: "Clients" }, { value: "98%", label: "Satisfaction" }]} enableKpiAnimation={true} imageSrc="https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=2070&auto=format&fit=crop" />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwentyNine 
-            title="Our Services"
-            description="Comprehensive dental care services."
-            gridVariant="uniform-all-items-equal"
-            animationType="blur-reveal"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            features={[
-                { title: "Root Canal", description: "Painless root canal treatment.", imageSrc: "/service1.jpg", titleIconSrc: "/icon1.svg", buttonText: "Learn More" },
-                { title: "Teeth Whitening", description: "Get a brighter smile.", imageSrc: "/service2.jpg", titleIconSrc: "/icon2.svg", buttonText: "Learn More" }
-            ]}
-        />
+        <FeatureCardTwentyNine title="Our Services" description="Comprehensive solutions tailored to your business needs." gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" features={[{ title: "Web Design", description: "Crafting beautiful and functional websites.", imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165?q=80&w=1964&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }, { title: "App Dev", description: "Building robust applications.", imageSrc: "https://images.unsplash.com/photo-1555774698-0b77e0d5fac6?q=80&w=2070&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }]} />
       </div>
       <div id="about" data-section="about">
-        <SplitAbout 
-            title="About Us"
-            description="Dedicated to providing quality dental care for your entire family."
-            textboxLayout="split"
-            useInvertedBackground={false}
-            bulletPoints={[{ title: "Experience", description: "10+ years of expertise" }, { title: "Care", description: "Painless treatments" }]}
-        />
+        <SplitAbout title="About Us" description="Dedicated to excellence in everything we do, our team works to deliver high-quality digital experiences." textboxLayout="default" bulletPoints={[{ title: "Innovation", description: "We embrace new ideas." }, { title: "Integrity", description: "Honest business practices." }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo 
-            title="Patient Reviews"
-            description="Hear from our happy patients."
-            animationType="blur-reveal"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            testimonials={[{ id: "1", name: "John Doe", role: "Patient", testimonial: "Amazing experience!" }, { id: "2", name: "Jane Smith", role: "Patient", testimonial: "Very professional staff." }]}
-        />
+        <TestimonialCardTwo title="What Our Clients Say" description="Hear from those we have worked with." animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Alice", role: "CEO", testimonial: "Fantastic work!" }, { id: "2", name: "Bob", role: "CTO", testimonial: "Professional and efficient." }]} />
       </div>
       <div id="process" data-section="process">
-        <MetricCardEleven 
-            title="Our Process"
-            description="How we treat our patients."
-            animationType="blur-reveal"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            metrics={[{ id: "1", value: "Step 1", title: "Consultation", description: "Initial assessment", imageSrc: "/proc1.jpg" }, { id: "2", value: "Step 2", title: "Treatment", description: "Expert dental care", imageSrc: "/proc2.jpg" }]}
-        />
+        <MetricCardEleven title="Our Process" description="How we turn ideas into reality." animationType="scale-rotate" metrics={[{ id: "1", value: "1", title: "Discovery", description: "Understanding your vision.", imageSrc: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop" }, { id: "2", value: "2", title: "Design", description: "Creating the blueprint.", imageSrc: "https://images.unsplash.com/photo-1586717791821-3f44a563daae?q=80&w=2070&auto=format&fit=crop" }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText 
-            text="Book your appointment today!"
-            background={{ variant: "plain" }}
-            useInvertedBackground={false}
-        />
+        <ContactText text="Ready to start your project? Let us build something amazing together." background={{ variant: "gradient-bars" }} />
       </div>
       <div id="final-cta" data-section="final-cta">
-        <ContactText 
-            text="Ready for a healthy smile?"
-            background={{ variant: "plain" }}
-            useInvertedBackground={false}
-        />
+        <ContactText text="Don't wait, contact us today!" background={{ variant: "rotated-rays-static" }} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBase 
-            columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }] }]}
-            logoText="The House of Dentistry"
-        />
+        <FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
       </div>
     </ThemeProvider>
   );