Bob AI: add an about section

src/app/page.tsx

@@ -15,6 +15,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Sparkles, BookOpen, Users, TrendingUp, Award, Target } from "lucide-react";
 import HeroBillboard1 from '@/components/sections/hero/HeroBillboard1';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 
 export default function TechAcademyPage() {
   return (
@@ -314,6 +315,18 @@ export default function TechAcademyPage() {
           useInvertedBackground="noInvert"
         />
       </div>
+      <div id="split_about" data-section="split_about">
+        <SplitAbout
+          title="Our Vision"
+          description="At TechMasters, we are dedicated to fostering a community of innovative thinkers and skilled professionals."
+          tag="Mission"
+          buttons={[{ label: "Learn More", href: "#" }, { label: "Contact Us", href: "#" }]}
+          imageSrc="https://placehold.co/600x400"
+          imagePosition="left"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="https://img.b2bpic.net/free-vector/digital-particle-flowing-mesh-technology-background_1017-28408.jpg"