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

src/app/page.tsx

@@ -3,12 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-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 (
@@ -38,53 +39,18 @@ export default function HomePage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
+      <HeroSplit
-          logoText="AGENTAI"
+      title="Unlock the Power of AI"
-          description="Intelligent automation platform empowering enterprises to scale operations with AI-driven agents that learn, adapt, and deliver measurable ROI"
+      description="Transform your operations with cutting-edge AI solutions designed for enterprise scale."
-          buttons={[
+      background={{ variant: "plain" }}
-            { text: "Start Free Trial", href: "/contact" },
+      tag="Feature"
-            { text: "Watch Demo", href: "https://www.youtube.com" }
+      buttons={[
-          ]}
+      { text: "Start Free Trial", href: "/contact" },
-          slides={[
+      { text: "Watch Demo", href: "https://www.youtube.com" }
-            {
+      ]}
-              imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",              imageAlt: "Advanced AI automation technology interface"
+      imageSrc="https://placehold.co/600x400"
-            },
+      imagePosition="left"
-            {
+      />
-              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-template-infographic-dashboard_23-2148378206.jpg",              imageAlt: "Enterprise AI dashboard with analytics"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",              imageAlt: "Intelligent workflow automation system"
-            }
-          ]}
-          autoplayDelay={5000}
-          showDimOverlay={true}
-        />
-      </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">
@@ -123,7 +89,28 @@ export default function HomePage() {
         />
       </div>
 
-      <FooterBaseCard
+      <div id="hero_billboard_carousel" data-section="hero_billboard_carousel">
+        <HeroBillboardCarousel
+          title="Transform Your Business with AI"
+          description="Discover how AgentAI can optimize your operations and drive growth."
+          background={{ variant: "plain" }}
+          tag="Feature"
+          buttons={[{ text: "Get Started", label: "Get Started", href: "#" }, { text: "Learn More", label: "Learn More", href: "#" }]}
+          mediaItems={[{ title: "AI-Powered Insights", description: "Unlock actionable insights with advanced analytics." }, { title: "Seamless Integration", description: "Effortlessly integrate AI into your existing systems." }]}
+        />
+      </div>
+
+      <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={[