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>
   );
diff --git a/src/app/tools/page.tsx b/src/app/tools/page.tsx
index cb48c58..828cf00 100644
--- a/src/app/tools/page.tsx
+++ b/src/app/tools/page.tsx
@@ -2,10 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureBento from '@/components/sections/feature/FeatureBento';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TextAbout from '@/components/sections/about/TextAbout';
+import { Zap, Award, Shield, MessageCircle } from 'lucide-react';
 
 export default function ToolsPage() {
   return (
@@ -22,39 +23,40 @@ export default function ToolsPage() {
         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 Tools" />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout useInvertedBackground={false} title="Marketing Tools" />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Utility Suite"
-      description="Boost your productivity."
-      features={[
-        { title: "Tool 1", description: "Description 1" },
-        { title: "Tool 2", description: "Description 2" }
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Utility Suite"
+            description="Boost your productivity."
+            features={[
+              { title: "Tool 1", description: "Description 1", buttonIcon: Zap },
+              { title: "Tool 2", description: "Description 2", buttonIcon: Award },
+              { title: "Tool 3", description: "Description 3", buttonIcon: Shield },
+              { title: "Tool 4", description: "Description 4", buttonIcon: 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>
   );