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

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 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 (
@@ -53,32 +53,6 @@ export default function HomePage() {
       />
       </div>
 
-      <div id="features" data-section="features">
-        <FeatureCardThree
-          title="Powerful Features Built for Enterprise Scale"
-          description="Everything you need to deploy, manage, and optimize intelligent agents across your organization"
-          tag="Capabilities"
-          features={[
-            {
-              id: "01",              title: "Autonomous Agent Design",              description: "Build sophisticated AI agents that operate independently, make intelligent decisions, and learn from interactions without constant human intervention",              imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-technology-landing-page_23-2150369305.jpg",              imageAlt: "ai agent design technology interface"
-            },
-            {
-              id: "02",              title: "Real-Time Analytics & Monitoring",              description: "Track agent performance, decision accuracy, and business impact through comprehensive dashboards with real-time insights and predictive analytics",              imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",              imageAlt: "analytics monitoring real-time dashboard data"
-            },
-            {
-              id: "03",              title: "Multi-Agent Orchestration",              description: "Coordinate multiple AI agents seamlessly to handle complex workflows, ensuring optimal resource allocation and synchronized execution across systems",              imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595844.jpg",              imageAlt: "orchestration coordination workflow automation system"
-            },
-            {
-              id: "04",              title: "Enterprise Security & Compliance",              description: "Bank-level encryption, role-based access control, audit trails, and compliance frameworks ensuring your AI operations meet the strictest regulatory requirements",              imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-with-padlock_1134-121.jpg",              imageAlt: "security protection encryption compliance enterprise"
-            }
-          ]}
-          textboxLayout="default"
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          useInvertedBackground="invertDefault"
-        />
-      </div>
-
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwelve
           testimonials={[
@@ -125,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={[