diff --git a/src/components/public/PublicLayout.tsx b/src/components/public/PublicLayout.tsx
new file mode 100644
index 0000000..720bd12
--- /dev/null
+++ b/src/components/public/PublicLayout.tsx
@@ -0,0 +1,21 @@
+'use client'
+
+import React from 'react'
+import PublicHeader from './PublicHeader'
+import PublicFooter from './PublicFooter'
+
+interface PublicLayoutProps {
+  children: React.ReactNode
+}
+
+export default function PublicLayout({ children }: PublicLayoutProps) {
+  return (
+    <div className="flex min-h-screen flex-col bg-surface">
+      <PublicHeader />
+      <main id="main-content" className="flex-1" tabIndex={-1}>
+        {children}
+      </main>
+      <PublicFooter />
+    </div>
+  )
+}