diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cf31dbd..ba6ea6c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,8 +1,11 @@
 import type { Metadata } from "next";
+import { Inter } from "next/font/google";
 import "./globals.css";
 
+const inter = Inter({ subsets: ["latin"] });
+
 export const metadata: Metadata = {
-  title: "Luminous Dental - Premium Dental Care",  description: "Experience exceptional dental care with cutting-edge technology and compassionate specialists at Luminous Dental."};
+  title: "Luminous Dental",  description: "Experience exceptional dental care with cutting-edge technology and compassionate specialists."};
 
 export default function RootLayout({
   children,
@@ -11,7 +14,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body>{children}
+      <body className={inter.className}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d5e7f20..4691a37 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
@@ -42,10 +42,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroSplitKpi
           title="Experience Exceptional Dental Care"
           description="Welcome to Luminous Dental, where cutting-edge technology meets compassionate care. Our team of internationally-trained specialists delivers personalized treatment plans in a serene, luxury environment designed for your comfort and wellbeing."
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "glowing-orb" }}
+          kpis={[
+            { value: "25+", label: "Years Excellence" },
+            { value: "10,000+", label: "Satisfied Patients" },
+            { value: "99.8%", label: "Patient Satisfaction" },
+          ]}
+          enableKpiAnimation={true}
           tag="Premium Dental Care"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -54,9 +60,16 @@ export default function LandingPage() {
             { text: "Learn More", href: "#about" },
           ]}
           buttonAnimation="slide-up"
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Patient 1" },
+            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Patient 2" },
+            { src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Patient 3" },
+          ]}
+          avatarText="10,000+ patients trust us"
           imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg"
           imageAlt="Luxurious dental office interior"
           mediaAnimation="slide-up"
+          imagePosition="right"
           containerClassName="min-h-screen"
           titleClassName="text-4xl md:text-5xl font-light"
           descriptionClassName="text-lg text-gray-700"
