Update src/app/blog/page.tsx

src/app/blog/page.tsx

@@ -1,14 +1,9 @@
 "use client";
 
-import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 
 export default function BlogPage() {
-    const { posts, isLoading } = useBlogPosts();
-
     return (
         <ThemeProvider
             defaultButtonVariant="expand-hover"
@@ -22,41 +17,23 @@ export default function BlogPage() {
             secondaryButtonStyle="layered"
             headingFontWeight="light"
         >
-            <ReactLenis root>
+            <div id="nav" data-section="nav">
                 <NavbarStyleApple
                     brandName="No song"
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "Hero", id: "hero-section" },
-                        { name: "About", id: "about-section" },
-                        { name: "Feature", id: "features-section" },
-                        { name: "Product", id: "products-section" },
-                        { name: "Testimonial", id: "testimonials-section" },
-                        { name: "Contact", id: "contact-section" },
-                        { name: "Footer", id: "footer-section" },
+                        { name: "Products", id: "/#products-section" },
+                        { name: "About", id: "/#about-section" },
+                        { name: "Contact", id: "/#contact-section" },
                     ]}
                 />
-
-                {isLoading ? (
-                    <div className="w-content-width mx-auto py-20 text-center">
-                        <p className="text-foreground">Loading posts...</p>
-                    </div>
-                ) : (
-                    <div id="blog" data-section="blog">
-                        <BlogCardThree
-                            blogs={posts}
-                            title="Featured Articles"
-                            description="Explore our latest insights"
-                            animationType="slide-up"
-                            textboxLayout="default"
-                            useInvertedBackground={false}
-                            carouselMode="buttons"
-                        />
-                    </div>
-                )}
-
-                {/* No footer is rendered as per the empty FOOTER_INFO and FOOTER_PROPS_SCHEMA */}
-            </ReactLenis>
+            </div>
+            <main className="flex flex-col items-center justify-center min-h-screen py-20 px-4">
+                <div className="text-center">
+                    <h1 className="text-4xl font-bold">Blog</h1>
+                    <p className="mt-4 text-lg text-foreground/80">Our latest articles and news will be posted here. Stay tuned!</p>
+                </div>
+            </main>
         </ThemeProvider>
     );
-}
+}