Update src/app/blog/page.tsx

src/app/blog/page.tsx

@@ -1,10 +1,9 @@
 "use client";
 
-import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
@@ -22,7 +21,6 @@ export default function BlogPage() {
             secondaryButtonStyle="layered"
             headingFontWeight="light"
         >
-            <ReactLenis root>
             <div id="nav" data-section="nav">
                 <NavbarStyleCentered
                     navItems={[
@@ -41,19 +39,24 @@ export default function BlogPage() {
                 </div>
             ) : (
                 <div id="blog" data-section="blog">
-                            <BlogCardTwo
-                                posts={posts}
+                    <FeatureCardTwentyFour
+                        features={posts.map(post => ({
+                            id: post.id,
+                            title: post.title,
+                            author: post.author || 'Dring Together',
+                            description: post.excerpt,
+                            tags: post.tags || [],
+                            imageSrc: post.image,
+                            imageAlt: post.title,
+                        }))}
                         title="Latest Articles"
                         description="Insights and updates from our team"
                         animationType="slide-up"
                         textboxLayout="default"
                         useInvertedBackground={false}
-                                carouselMode="buttons"
                     />
                 </div>
             )}
-
-            </ReactLenis>
         </ThemeProvider>
     );
 }