tambahannnya

2025-02-15 21:56:18 +08:00
parent 00355814bc
commit 2115af8126
84 changed files with 2189 additions and 320 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,32 +1,60 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+// Import styles of packages that you've installed.
+// All packages except `@mantine/hooks` require styles imports
+import "@mantine/carousel/styles.css";
+import "@mantine/core/styles.css";
+import "animate.css";
 import "./globals.css";

-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
+import LoadDataFirstClient from "@/com/LoadDataFirstClient";
+import {
+  ColorSchemeScript,
+  MantineProvider,
+  createTheme,
+  mantineHtmlProps,
+} from "@mantine/core";
+import { MainLayout } from "../com/MainLayout";
+import { ViewTransitions } from "next-view-transitions";
+import { WebVitals } from "./_com/WebVitals";

-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
-export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+export const metadata = {
+  title: "desa darmasaba",
+  description: "Desa Darmasaba Kabupaten Badung",
 };

+const theme = createTheme({
+  fontFamily:
+    "San Francisco, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
+  fontFamilyMonospace:
+    "SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
+  headings: { fontFamily: "San Francisco, sans-serif" },
+});
+
 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en">
-      <body className={`${geistSans.variable} ${geistMono.variable}`}>
-        {children}
-      </body>
-    </html>
+    <ViewTransitions>
+      <html lang="en" {...mantineHtmlProps}>
+        <head>
+          <ColorSchemeScript />
+          <link
+            rel="icon"
+            href="/assets/images/darmasaba-icon.png"
+            sizes="any"
+          />
+        </head>
+        <body>
+          <MantineProvider theme={theme}>
+            <MainLayout>
+              <WebVitals />
+              {children}
+            </MainLayout>
+          </MantineProvider>
+        </body>
+        <LoadDataFirstClient />
+      </html>
+    </ViewTransitions>
  );
 }