Bob AI: Can you add some more section to the site feels ki...

src/app/page.tsx

@@ -9,6 +9,7 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Sparkles, Award, Zap } from 'lucide-react';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 
 export default function HomePage() {
   return (
@@ -98,7 +99,18 @@ export default function HomePage() {
           mediaItems={[{ title: "AI-Powered Insights", description: "Unlock actionable insights with advanced analytics." }, { title: "Seamless Integration", description: "Effortlessly integrate AI into your existing systems." }]}
         />
       </div>
-      <FooterBaseCard
+
+      <div id="feature_card_eight" data-section="feature_card_eight">
+        <FeatureCardEight
+          features={[{ title: "Smart Automation", description: "Streamline your operations with intelligent automation tools." }, { title: "Advanced Analytics", description: "Gain deep insights with powerful AI-driven analytics solutions." }, { title: "Enhanced Customer Experience", description: "Boost customer satisfaction with personalized AI-driven interactions." }]}
+          title="Empower Your Team with AI"
+          description="Unlock new levels of productivity and efficiency with cutting-edge AI technology."
+          tag="AI Solutions"
+          buttons={[{ text: "Get Started", label: "Get Started", href: "#" }, { text: "Learn More", label: "Learn More", href: "#" }]}
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>      <FooterBaseCard
         logoText="AgentAI"
         copyrightText="© 2025 AgentAI Inc. All rights reserved."
         columns={[