diff --git a/src/app/(public)/layout.tsx b/src/app/(public)/layout.tsx
new file mode 100644
index 0000000..53921df
--- /dev/null
+++ b/src/app/(public)/layout.tsx
@@ -0,0 +1,36 @@
+import Link from "next/link"
+import { ReactNode } from "react"
+
+export default function PublicLayout({
+    children
+}: {
+    children: ReactNode
+}) {
+    return (
+        <>
+            <nav className="bg-white shadow-sm border-b">
+                <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                    <div className="flex justify-between items-center h-16">
+                        <div className="flex-shrink-0">
+                            <Link href="/">
+                                <h1 className="text-xl font-bold text-gray-900 hover:text-gray-700 transition-colors cursor-pointer">
+                                    Linker
+                                </h1>
+                            </Link>
+                        </div>
+
+                        <div>
+                            <button className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors">
+                                Sign In
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </nav>
+
+            <main>
+                {children}
+            </main>
+        </>
+    )
+}
diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
new file mode 100644
index 0000000..f58460e
--- /dev/null
+++ b/src/app/(public)/page.tsx
@@ -0,0 +1,14 @@
+export default function HomePage() {
+    return (
+        <div className="min-h-screen flex items-center justify-center bg-background">
+            <div className="text-center space-y-4">
+                <h1 className="text-4xl font-bold text-foreground">
+                    Linker
+                </h1>
+                <p className="text-lg text-muted-foreground max-w-md">
+                    Transform long URLs into short, shareable links. Perfect for social media, emails, and anywhere you need clean, manageable links.
+                </p>
+            </div>
+        </div>
+    )
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c9d1e3d..8bce620 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,18 +1,16 @@
-import type { Metadata } from "next"
 import { ReactNode } from "react"
 import "./globals.css"
 
-export const metadata: Metadata = {
-    title: "Linker",
-    description: "A simple link shortener"
-}
-
 export default function RootLayout({
     children
-}: Readonly<{ children: ReactNode }>) {
+}: {
+    children: ReactNode
+}) {
     return (
         <html lang="en" suppressHydrationWarning>
-            <body className="antialiased">{children}</body>
+            <body className="antialiased">
+                {children}
+            </body>
         </html>
     )
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
deleted file mode 100644
index c5d9129..0000000
--- a/src/app/page.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function HomePage() {
-    return "Hello, World!"
-}
