diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3b5a7df..4e6c4a4 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,43 +1,20 @@
 import type { Metadata } from "next";
-import { Josefin_Sans } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 
-const josefinSans = Josefin_Sans({
-  variable: "--font-josefin-sans",  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Old Boy Domino Club - Join Our Community",  description: "Join Old Boy Domino Club, a thriving 38+ year community of domino enthusiasts. Experience classic gaming, tournaments, and lifelong friendships.",  keywords: "domino club, domino games, community gaming, tournaments, fellowship, classic games",  openGraph: {
-    title: "Old Boy Domino Club",    description: "Join our thriving community of domino enthusiasts since 1985",    siteName: "Old Boy Domino Club",    type: "website"
-  },
-  robots: {
-    index: true,
-    follow: true
-  }
-};
+  title: "Old Boy Domino Club",  description: "Join a thriving community of domino enthusiasts where tradition meets fellowship."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${josefinSans.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.className}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1290,7 +1267,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a76ada..0192836 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import HeroSplitKpi from '@/components/sections/metrics/HeroSplitKpi';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterCard from '@/components/sections/footer/FooterCard';
@@ -125,7 +125,7 @@ export default function LandingPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardSeven
+        <HeroSplitKpi
           title="By The Numbers"
           description="Our impact and growth over the decades"
           tag="Statistics"
@@ -153,7 +153,7 @@ export default function LandingPage() {
             }
           ]}
           animationType="slide-up"
-          textboxLayout="default"
+          textboxLayout="split"
           useInvertedBackground={true}
         />
       </div>
@@ -225,4 +225,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
