1 files changed, 52 insertions, 0 deletions
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
new file mode 100644
index 0000000..c9e7dee
--- /dev/null
+++ b/src/app/(main)/layout.tsx
@@ -0,0 +1,52 @@
+import { createMetadata } from '@/lib/metadata';
+import type { Viewport } from 'next';
+import { Geist, Geist_Mono } from 'next/font/google';
+import type { ReactNode } from 'react';
+import '@/styles/globals.css';
+import 'katex/dist/katex.css';
+import { baseUrl } from '@/lib/constants';
+import { Body } from '@/app/(main)/layout.client';
+import { description as homeDescription } from '@/app/(main)/layout.config';
+import { Provider } from '@/app/(main)/provider';
+
+const geistSans = Geist({
+  variable: '--font-geist-sans',
+  subsets: ['latin'],
+});
+
+const geistMono = Geist_Mono({
+  variable: '--font-geist-mono',
+  subsets: ['latin'],
+});
+
+export const metadata = createMetadata({
+  title: {
+    template: '%s | Blog',
+    default: 'Blog',
+  },
+  description: homeDescription,
+  metadataBase: baseUrl,
+});
+
+export const viewport: Viewport = {
+  themeColor: [
+    { media: '(prefers-color-scheme: dark)', color: '#0A0A0A' },
+    { media: '(prefers-color-scheme: light)', color: '#fff' },
+  ],
+};
+
+const RootLayout = ({ children }: { children: ReactNode }) => {
+  return (
+    <html
+      lang='en'
+      className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      suppressHydrationWarning
+    >
+      <Body>
+        <Provider>{children}</Provider>
+      </Body>
+    </html>
+  );
+};
+
+export default RootLayout;