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 | Best Dental Clinic in Perambur, Chennai',
-  description: 'Looking for the best dentist in Perambur? The House of Dentistry offers painless dental treatments, implants, and routine care. Book your appointment today.',
+  title: 'The House of Dentistry - Perambur, Chennai',
+  description: 'Expert dental care in Perambur, Chennai. Painless treatments and specialized care for your family.',
   keywords: ["dentist in Perambur, dental clinic Chennai, root canal, teeth whitening, best dental care Perambur, painless dentistry"],
 };
 

src/app/page.tsx

@@ -2,6 +2,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 const navItems = [{ name: "Home", id: "/" }];
@@ -35,6 +40,56 @@ export default function Page() {
             enableKpiAnimation={true}
         />
       </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"
+            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" }
+            ]}
+        />
+      </div>
+      <div id="about" data-section="about">
+        <SplitAbout 
+            title="About Us"
+            description="Dedicated to providing quality dental care for your entire family."
+            textboxLayout="split"
+            bulletPoints={[{ title: "Experience", description: "10+ years of expertise" }, { title: "Care", description: "Painless treatments" }]}
+        />
+      </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwo 
+            title="Patient Reviews"
+            description="Hear from our happy patients."
+            animationType="blur-reveal"
+            textboxLayout="default"
+            testimonials={[{ id: "1", name: "John Doe", role: "Patient", testimonial: "Amazing experience!" }, { id: "2", name: "Jane Smith", role: "Patient", testimonial: "Very professional staff." }]}
+        />
+      </div>
+      <div id="process" data-section="process">
+        <MetricCardEleven 
+            title="Our Process"
+            description="How we treat our patients."
+            animationType="blur-reveal"
+            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" }]}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactText 
+            text="Book your appointment today!"
+            background={{ variant: "plain" }}
+        />
+      </div>
+      <div id="final-cta" data-section="final-cta">
+        <ContactText 
+            text="Ready for a healthy smile?"
+            background={{ variant: "plain" }}
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterBase 
             columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }] }]}