Switch to version 2: modified src/app/layout.tsx

2026-03-06 15:15:05 +00:00
parent aea8666ff2
commit f7486f6cbd
1 changed files with 48 additions and 8 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,18 +1,57 @@
 import type { Metadata } from "next";
+import { Halant } from "next/font/google";
+import { Inter } from "next/font/google";
+import { Manrope } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import "./globals.css";
+import { ServiceWrapper } from "@/components/ServiceWrapper";
+import Tag from "@/tag/Tag";
+
+const halant = Halant({
+  variable: "--font-halant",  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+});
+
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
+});
+
+const manrope = Manrope({
+  variable: "--font-manrope",  subsets: ["latin"],
+});
+
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",  subsets: ["latin"],
+});

 export const metadata: Metadata = {
-  title: "Youth Center Sport Field",  description: "Experience world-class fitness in the heart of Addis Ababa"};
+  title: "Youth Center Sport Field | Fitness Gym in Addis Ababa",  description: "Premium fitness gym located at Comoros Street, Addis Ababa. Professional training, modern equipment, and community-focused fitness programs.",  keywords: "gym, fitness, Addis Ababa, Youth Center, training, sports field",  metadataBase: new URL("https://youth-center-sport-field.com"),
+  alternates: {
+    canonical: "https://youth-center-sport-field.com"},
+  openGraph: {
+    title: "Youth Center Sport Field | Transform Your Fitness",    description: "Premium fitness gym in Addis Ababa offering professional training and modern facilities",    url: "https://youth-center-sport-field.com",    siteName: "Youth Center Sport Field",    type: "website"},
+  twitter: {
+    card: "summary_large_image",    title: "Youth Center Sport Field | Fitness Gym",    description: "Join Ethiopia's premier fitness community in Addis Ababa"},
+  robots: {
+    index: true,
+    follow: true,
+  },
+};

 export default function RootLayout({
  children,
-}: {
+}: Readonly<{
  children: React.ReactNode;
-}) {
+}>) {
  return (
-    <html lang="en">
-      <body>
-        {children}
-      
+    <html lang="en" suppressHydrationWarning>
+      <ServiceWrapper>
+        <body
+          className={`${halant.variable} ${inter.variable} ${manrope.variable} ${dmSans.variable} antialiased`}
+        >
+          <Tag />
+          {children}
+        
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1380,6 +1419,7 @@ export default function RootLayout({
          }}
        />
      </body>
+      </ServiceWrapper>
    </html>
  );
-}
+}