diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index fb94ae3..c376aca 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import BlogCardOne from "@/components/sections/blog/BlogCardOne";
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import BlogCardThree from "@/components/sections/blog/BlogCardThree";
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import { useBlogPosts } from "@/hooks/useBlogPosts";
@@ -45,20 +45,19 @@ export default function BlogPage() {
                     </div>
                 ) : (
                     <div id="blog" data-section="blog">
-                        <BlogCardOne
+                        <BlogCardThree
                             blogs={posts}
                             title="Latest Articles"
                             description="Discover insights, tips, and stories from the world of video production"
                             textboxLayout="default"
                             useInvertedBackground={false}
-                            carouselMode="buttons"
                             animationType="slide-up"
                         />
                     </div>
                 )}
 
                 <div id="footer" data-section="footer">
-                    <FooterSimple
+                    <FooterBaseCard
                         columns={[
                             {
                                 title: "Navigate",                                items: [
@@ -72,28 +71,19 @@ export default function BlogPage() {
                                 title: "Resources",                                items: [
                                     { label: "FAQ", href: "#faq" },
                                     { label: "Blog", href: "#" },
-                                    { label: "Case Studies", href: "#" },
-                                    { label: "Portfolio", href: "#portfolio" }
+                                    { label: "Case Studies", href: "#" }
                                 ]
                             },
                             {
                                 title: "Connect",                                items: [
                                     { label: "Contact Us", href: "#contact" },
                                     { label: "Instagram", href: "https://instagram.com" },
-                                    { label: "YouTube", href: "https://youtube.com" },
-                                    { label: "LinkedIn", href: "https://linkedin.com" }
-                                ]
-                            },
-                            {
-                                title: "Legal",                                items: [
-                                    { label: "Privacy Policy", href: "#" },
-                                    { label: "Terms of Service", href: "#" },
-                                    { label: "Cookie Policy", href: "#" }
+                                    { label: "YouTube", href: "https://youtube.com" }
                                 ]
                             }
                         ]}
-                        bottomLeftText="© 2025 Move and Movie. All rights reserved."
-                        bottomRightText="Crafted with passion and precision"
+                        logoText="Move and Movie"
+                        copyrightText="© 2025 Move and Movie. All rights reserved."
                     />
                 </div>
             </ReactLenis>