Create the layout of the public website

app/[slug]/site/layout.tsx

@@ -0,0 +1,41 @@
+/* Copyright (C) 2024-2025 LibreWeddingPlanner contributors*/
+
+import SideNav from '@/app/ui/dashboard/sidenav';
+import Image from 'next/image';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="flex h-screen flex-col">
+      <div className="w-full h-72 relative">
+        <Image
+          src="/header.png"
+          alt="Header"
+          fill
+          style={{ objectFit: 'cover', objectPosition: 'center', zIndex: 0 }}
+          priority
+        />
+      </div>
+      <div className="flex-grow flex items-center justify-center p-24 bg-[#e1d5c7] relative">
+        <div className="absolute left-1/2 top-24 z-10 -translate-x-1/2 -translate-y-1/2 flex justify-center w-full pointer-events-none">
+          <Image
+            src="/stamp.png"
+            alt="Stamp"
+            width={120}
+            height={120}
+            className="object-contain"
+            priority
+          />
+        </div>
+
+        <div className="max-w-4xl w-full h-full bg-[#f9f9f7] shadow-lg">
+            <div
+              className="max-w-4xl m-6 px-6 py-24 border-2 border-[#d3d3d1] rounded-xl text-[#958971] flex justify-center"
+              style={{ height: 'calc(100% - 3rem)' }}
+            >
+              {children}
+            </div>
+        </div>
+      </div>
+    </div>
+  );
+}

app/[slug]/site/page.tsx

@@ -0,0 +1,11 @@
+/* Copyright (C) 2024-2025 LibreWeddingPlanner contributors*/
+
+'use client'
+
+
+export default function Page() {
+
+  return (
+    "Helloworld"
+  );
+}