Bob AI: Add a testimonials section with 3 customer quotes

src/app/page.tsx

@@ -8,6 +8,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { BookOpen, Mail } from "lucide-react";
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 
 export default function BlogPage() {
   return (
@@ -136,6 +137,62 @@ export default function BlogPage() {
         />
       </div>
 
+
+      <div id="testimonial" data-section="testimonial">
+        <TestimonialCardTwo
+            testimonials={[
+                {
+                    id: "1",
+                    name: "Sarah Johnson",
+                    role: "Blogger",
+                    testimonial: "BlogHub has transformed my blogging journey. The platform is intuitive and the support is amazing!",
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Sarah Johnson, Blogger"
+                },
+                {
+                    id: "2",
+                    name: "Mike Thompson",
+                    role: "Content Creator",
+                    testimonial: "I've never seen a platform that makes content creation so easy. BlogHub is a game-changer!",
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Mike Thompson, Content Creator"
+                },
+                {
+                    id: "3",
+                    name: "Lily White",
+                    role: "Freelance Writer",
+                    testimonial: "The community on BlogHub is fantastic. It's a great place to connect with other writers and share ideas.",
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Lily White, Freelance Writer"
+                }
+            ]}
+            carouselMode="buttons"
+            animationType="slide"
+            title="What Our Users Say"
+            description="Discover why thousands of bloggers and content creators love BlogHub."
+            tag="Testimonials"
+            buttons={[
+                { label: "Read More", href: "#testimonials", dataWebildId: "cta_btn_1" }
+            ]}
+            textboxLayout="left"
+            useInvertedBackground="never"
+            ariaLabel="Testimonials Section"
+            className="mb-10"
+            containerClassName="max-w-6xl mx-auto"
+            cardClassName="bg-white rounded-lg shadow-md p-6"
+            textBoxTitleClassName="text-3xl font-bold mb-4"
+            textBoxDescriptionClassName="text-gray-600 mb-6"
+            textBoxTagClassName="text-sm bg-blue-100 text-blue-800 px-2 py-1 rounded-full mb-4"
+            textBoxButtonContainerClassName="mt-6"
+            textBoxButtonClassName="bg-blue-500 text-white px-4 py-2 rounded-full hover:bg-blue-600"
+            textBoxButtonTextClassName="font-semibold"
+            imageWrapperClassName="rounded-full overflow-hidden w-16 h-16 mb-4"
+            imageClassName="object-cover w-full h-full"
+            nameClassName="text-xl font-semibold mb-1"
+            roleClassName="text-gray-500"
+            testimonialClassName="text-gray-700"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="BlogHub"