Bob AI: Can you add a section that showcases all of my wor...

src/app/page.tsx

@@ -11,6 +11,7 @@ import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Sparkles, Target, Heart, Brain, Palette, Rocket, Zap, Users, Award, BookOpen, Mail, Twitter, Linkedin, Instagram, Github, Compass, Pen, Share2, Facebook } from "lucide-react";
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 
 export default function LandingPage() {
   const handleContactSubmit = (email: string) => {
@@ -260,6 +261,19 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="blog_card_three" data-section="blog_card_three">
+        <BlogCardThree
+          blogs={[{ title: "The Power of Strategic Marketing", description: "Explore how strategic marketing can transform your business and drive growth." }, { title: "Innovative Services for Business Growth", description: "Discover our suite of services designed to deliver exceptional results for your business." }]}
+          carouselMode="auto"
+          animationType="none"
+          title="Marketing Insights and Strategies"
+          description="Stay ahead with our latest blogs on marketing trends and business growth strategies."
+          tag="Blog"
+          buttons={[{ label: "Read More", href: "#" }, { label: "Explore Services", href: "#" }]}
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterCard
           logoText="Webild"