Update src/app/blog/page.tsx

src/app/blog/page.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from "react";
 import ReactLenis from "lenis/react";
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -54,7 +54,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {
@@ -111,7 +112,7 @@ export default function BlogPage() {
                             <p className="text-foreground">Loading posts...</p>
                         </div>
                     ) : (
-                        <BlogCardThree
+                        <BlogCardOne
                             blogs={posts}
                             title="Coffee Chronicles"
                             description="Discover the stories behind our finest blends and brewing techniques"
@@ -161,4 +162,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -1261,4 +1261,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -218,4 +218,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}