Bob AI: [Block: tag-about|Tag About|/blocks/about/tagAbout...

src/app/page.tsx

@@ -12,6 +12,8 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Linkedin, Globe, Github } from "lucide-react";
+import TextAbout from '@/components/sections/about/TextAbout';
+import TagAbout from '@/components/sections/about/TagAbout';
 
 export default function LandingPage() {
   return (
@@ -58,7 +60,19 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="text_about" data-section="text_about">
+        <TextAbout
+          title="Why Choose IT Academy?"
+          buttons={[{ label: "Explore Courses", href: "#" }, { label: "Meet Our Team", href: "#" }]}
+          useInvertedBackground="[useInvertedBackground]"
+        />
+      </div>
+
+      <div id="tag_about" data-section="tag_about">
+        <TagAbout
+          title="About IT Academy"
+        />
+      </div>      <div id="about" data-section="about">
         <InlineImageSplitTextAbout
           heading={[
             { type: "text", content: "Transforming careers through" },