diff --git a/src/components/public/BlogPageClient.tsx b/src/components/public/BlogPageClient.tsx
new file mode 100644
index 0000000..4331427
--- /dev/null
+++ b/src/components/public/BlogPageClient.tsx
@@ -0,0 +1,13 @@
+'use client'
+import PublicLayout from '@/components/public/PublicLayout'
+import BlogListPage from '@/components/public/BlogListPage'
+
+export default function BlogPageClient() {
+  return (
+    <PublicLayout>
+      <main id="main-content" aria-label="Blog posts list">
+        <BlogListPage />
+      </main>
+    </PublicLayout>
+  )
+}