diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 4c74547..8353ff0 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import BlogCardOne from "@/components/sections/blog/BlogCardOne";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { useBlogPosts } from "@/hooks/useBlogPosts";
@@ -37,9 +36,15 @@ export default function BlogPage() {
             {isLoading ? (
               <div className="text-center text-gray-600">Loading blog posts...</div>
             ) : posts && posts.length > 0 ? (
-              <BlogCardOne
-                posts={posts}
-              />
+              <div className="grid gap-8">
+                {posts.map((post) => (
+                  <article key={post.id} className="bg-white rounded-lg shadow-md p-6">
+                    <h2 className="text-2xl font-bold text-gray-900 mb-2">{post.title}</h2>
+                    <p className="text-sm text-gray-600 mb-4">{post.date}</p>
+                    <p className="text-gray-700">{post.excerpt}</p>
+                  </article>
+                ))}
+              </div>
             ) : (
               <div className="text-center text-gray-600">No blog posts available yet.</div>
             )}