Bob AI: Can you switch the hero section to look like somet...

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -12,6 +11,7 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Sparkles, Target, TrendingUp, Zap, Handshake, BarChart3, Briefcase, Award, Users, Quote, Phone } from "lucide-react";
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 
 export default function LandingPage() {
   return (
@@ -42,39 +42,18 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel
+      <HeroSplit
-          title="Strategic Marketing That Drives Real Growth"
+      title="Strategic Marketing That Drives Real Growth"
-          description="We combine creative excellence with data-driven strategy to transform your brand and maximize ROI. From concept to execution, we deliver measurable results."
+      description="We combine creative excellence with data-driven strategy to transform your brand and maximize ROI. From concept to execution, we deliver measurable results."
-          tag="Award-Winning Agency"
+      background={{ variant: "plain" }}
-          tagIcon={Sparkles}
+      tag="Award-Winning Agency"
-          buttons={[
+      buttons={[
-            { text: "Start Your Project", href: "contact" },
+      { text: "Start Your Project", href: "contact" },
-            { text: "View Our Work", href: "case-studies" }
+      { text: "View Our Work", href: "case-studies" }
-          ]}
+      ]}
-          background={{ variant: "plain" }}
+      imageSrc="https://placehold.co/600x400"
-          carouselItems={[
+      imagePosition="left"
-            {
+      />
-              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/black-male-team-leader-business-meeting-office_1268-21425.jpg",              imageAlt: "Marketing strategy collaboration"
-            },
-            {
-              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg",              imageAlt: "Digital marketing analytics"
-            },
-            {
-              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15504.jpg",              imageAlt: "Creative brainstorming session"
-            },
-            {
-              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/business-people-teamwork_23-2148827002.jpg",              imageAlt: "Social media content creation"
-            },
-            {
-              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/young-coworkers-sharing-concepts-together_329181-19755.jpg",              imageAlt: "Brand identity design"
-            },
-            {
-              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg",              imageAlt: "Performance metrics and growth"
-            }
-          ]}
-          autoPlay={true}
-          autoPlayInterval={4000}
-        />
       </div>
 
       <div id="about" data-section="about">