Add image upload and edit functions

2025-12-20 16:34:50 +01:00
parent 96fa12993b
commit dfb6f7042a
72 changed files with 7413 additions and 81 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -1,3 +1,7 @@
+import Footer from "@/components/global/Footer";
+import Header from "@/components/global/Header";
+import { ThemeProvider } from "@/components/global/ThemeProvider";
+import { Toaster } from "@/components/ui/sonner";
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
@ -13,8 +17,8 @@ const geistMono = Geist_Mono({
 });

 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Gaertan Art Admin",
+  description: "Admin page for the gaertan.art website",
 };

 export default function RootLayout({
@ -23,11 +27,47 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
-        {children}
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="dark-violet"
+          themes={[
+            'light-zinc',
+            'light-red',
+            'light-rose',
+            'light-orange',
+            'light-green',
+            'light-blue',
+            'light-yellow',
+            'light-violet',
+            'dark-zinc',
+            'dark-red',
+            'dark-rose',
+            'dark-orange',
+            'dark-green',
+            'dark-blue',
+            'dark-yellow',
+            'dark-violet',
+          ]}
+          enableSystem
+          disableTransitionOnChange
+        >
+          <div className="flex flex-col min-h-screen min-w-screen">
+            <header className="sticky top-0 z-50 h-14 w-full border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60 px-4 py-2">
+              <Header />
+            </header>
+            <main className="container mx-auto px-4 py-8">
+              {children}
+            </main>
+            <footer className="mt-auto px-4 py-2 h-14 border-t bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60">
+              <Footer />
+            </footer>
+          </div>
+          <Toaster />
+        </ThemeProvider>
      </body>
    </html>
  );