Bob AI: [Block: text-split-about|Text Split About|/blocks/...

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -10,6 +9,8 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Award, Code, Briefcase, Clock, Lightbulb, Mail } from 'lucide-react';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function HomePage() {
   return (
@@ -37,33 +38,27 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero_billboard_scroll" data-section="hero_billboard_scroll">
-        <HeroCarouselLogo
+        <HeroBillboardScroll
-          logoText="TechAcademy"
+          title="Hero Billboard Scroll"
-          description="Master in-demand IT skills with expert instructors, hands-on projects, and real-world industry experience"
+          description="Add your description here."
-          buttons={[
+          tag="Label"
-            { text: "Start Learning", href: "/courses" },
+          tagIcon="Check"
-            { text: "Explore Courses", href: "/courses" }
+          buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
-          ]}
+          imageSrc="https://placehold.co/600x400"
-          slides={[
+          background={{ variant: "plain" }}
-            {
+          containerClassName="relative z-10"
-              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",
-              imageAlt: "Coding and programming learning environment"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/html-css-collage-concept_23-2150061960.jpg",
-              imageAlt: "Web development and digital technology"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/working-code_1098-19858.jpg",
-              imageAlt: "Online learning and education platform"
-            }
-          ]}
-          autoplayDelay={5000}
-          showDimOverlay={true}
         />
       </div>
 
+      <div id="text_split_about" data-section="text_split_about">
+        <TextSplitAbout
+          title="Innovative Learning, Real-world Impact"
+          description={[{ title: "Learn with Flexibility", description: "Our online courses are designed to fit into your schedule, making it easier to advance your career without sacrificing your current commitments." }, { title: "Industry Expert Instructors", description: "Our instructors are industry leaders who bring real-world experience to the classroom, ensuring you receive the most relevant and up-to-date education." }]}
+          buttons={[{ label: "Explore Courses", href: "#" }, { label: "Meet Our Instructors", href: "#" }]}
+          useInvertedBackground="[useInvertedBackground]"
+        />
+      </div>
       <div id="about" data-section="about">
         <SplitAbout
           title="Empowering the Next Generation of Tech Professionals"
@@ -145,6 +140,7 @@ export default function HomePage() {
               }
             }
           ]}
+          textBoxTitleClassName="text-lg"
         />
       </div>
 
@@ -227,28 +223,27 @@ export default function HomePage() {
           metrics={[
             {
               id: "1",
-              value: "15,000+",
+              value: "7.5,000+",
               description: "Active Students"
             },
             {
               id: "2",
-              value: "98%",
+              value: "49%",
               description: "Course Completion Rate"
             },
             {
               id: "3",
-              value: "92%",
+              value: "46%",
               description: "Job Placement Rate"
             },
             {
               id: "4",
-              value: "50+",
+              value: "25+",
               description: "Expert Instructors"
             }
           ]}
         />
       </div>
-
       <div id="contact" data-section="contact">
         <ContactCenter
           tag="Newsletter"
@@ -261,7 +256,6 @@ export default function HomePage() {
           termsText="We respect your privacy. Unsubscribe at any time. No spam, ever."
         />
       </div>
-
       <FooterMedia
         imageSrc="https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010118.jpg"
         imageAlt="Technology and digital transformation"