Bob AI: add about section after hero

src/app/page.tsx

@@ -15,6 +15,7 @@ import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import Hero4 from '@/components/sections/hero/Hero4';
 import Testimonials1 from '@/components/sections/testimonial/Testimonials1';
 import FaqBase from '@/components/sections/faq/FaqBase';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 
 export default function TechAcademyPage() {
   return (
@@ -150,7 +151,19 @@ export default function TechAcademyPage() {
       background={{ variant: "plain" }}
       />
       </div>
-      <div id="testimonials_1" data-section="testimonials_1">
+
+      <div id="split_about" data-section="split_about">
+        <SplitAbout
+          title="Our Story"
+          description="Discover how Hello World has been empowering individuals through technology and community."
+          tag="About"
+          buttons={[{ label: "Learn More", href: "#" }, { label: "Contact Us", href: "#" }]}
+          imageSrc="https://placehold.co/600x400"
+          imagePosition="left"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>      <div id="testimonials_1" data-section="testimonials_1">
         <Testimonials1
           title="Student Success Stories"
         />