diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 453fec5..7dfb961 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -4,8 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
+import { MessageCircle } from 'lucide-react';
 
 export default function BlogPage() {
   return (
@@ -22,38 +23,39 @@ export default function BlogPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Courses", id: "/courses" },
-        { name: "Tools", id: "/tools" },
-        { name: "Blog", id: "/blog" },
-      ]}
-      brandName="GrowthLab"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Courses", id: "/courses" },
+              { name: "Tools", id: "/tools" },
+              { name: "Blog", id: "/blog" },
+            ]}
+            brandName="GrowthLab"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout useInvertedBackground={false} title="Marketing Insights" />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout useInvertedBackground={false} title="Marketing Insights" />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Read our latest articles"
-      description="Stay updated with industry trends."
-      testimonials={[
-        { id: "1", name: "Author A", quote: "Insights on marketing." },
-        { id: "2", name: "Author B", quote: "More trends covered." }
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Read our latest articles"
+            description="Stay updated with industry trends."
+            testimonials={[
+              { id: "1", name: "Author A", handle: "@author_a", testimonial: "Insights on marketing.", icon: MessageCircle },
+              { id: "2", name: "Author B", handle: "@author_b", testimonial: "More trends covered.", icon: MessageCircle }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal logoText="GrowthLab" columns={[{ title: "Platform", items: [{ label: "Courses", href: "/courses" }, { label: "Tools", href: "/tools" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }]} />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal logoText="GrowthLab" columns={[{ title: "Platform", items: [{ label: "Courses", href: "/courses" }, { label: "Tools", href: "/tools" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );