Refactor site hero and localized branding UI

2026-03-08 05:13:10 +01:00
parent 9edb162148
commit 2bda611a3b
35 changed files with 682 additions and 234 deletions
@@ -1,11 +1,76 @@
 import type { Metadata } from "next";
 import { unstable_noStore as noStore } from "next/cache";
+import localFont from "next/font/local";
 import { getLocale } from "next-intl/server";
 import { ThemeProvider } from "@/components/theme-provider";
 import { buildAppMetadata } from "@/lib/metadata";
 import { getDirection } from "@/lib/locale";
 import "./globals.css";

+const museo = localFont({
+  src: [
+    {
+      path: "./fonts/MuseoSansRounded100.woff2",
+      weight: "100",
+      style: "normal",
+    },
+    {
+      path: "./fonts/MuseoSansRounded300.woff2",
+      weight: "300",
+      style: "normal",
+    },
+    {
+      path: "./fonts/MuseoSansRounded500.woff2",
+      weight: "500",
+      style: "normal",
+    },
+    {
+      path: "./fonts/MuseoSansRounded700.woff2",
+      weight: "700",
+      style: "normal",
+    },
+    {
+      path: "./fonts/MuseoSansRounded900.woff2",
+      weight: "900",
+      style: "normal",
+    },
+    {
+      path: "./fonts/MuseoSansRounded1000.woff2",
+      weight: "1000",
+      style: "normal",
+    },
+  ],
+  variable: "--font-museo",
+  display: "swap",
+});
+
+const dubai = localFont({
+  src: [
+    {
+      path: "./fonts/Dubai-Light.woff2",
+      weight: "300",
+      style: "normal",
+    },
+    {
+      path: "./fonts/Dubai-Regular.woff2",
+      weight: "400",
+      style: "normal",
+    },
+    {
+      path: "./fonts/Dubai-Medium.woff2",
+      weight: "500",
+      style: "normal",
+    },
+    {
+      path: "./fonts/Dubai-Bold.woff2",
+      weight: "700",
+      style: "normal",
+    },
+  ],
+  variable: "--font-dubai",
+  display: "swap",
+});
+
 export const dynamic = "force-dynamic";
 export const revalidate = 0;

@@ -26,7 +91,7 @@ export default async function RootLayout({

  return (
    <html lang={locale} dir={getDirection(locale)} suppressHydrationWarning>
-      <body>
+      <body className={`${museo.variable} ${dubai.variable}`}>
        <ThemeProvider>{children}</ThemeProvider>
      </body>
    </html>