Bob AI: add a pricing section

src/app/page.tsx

@@ -14,6 +14,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 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';
 
 export default function TechAcademyPage() {
   return (
@@ -301,6 +302,18 @@ export default function TechAcademyPage() {
           background={{ variant: "plain" }}
         />
       </div>
+      <div id="pricing_card_one" data-section="pricing_card_one">
+        <PricingCardOne
+          carouselMode="auto"
+          animationType="none"
+          title="TechMasters Pricing Plans"
+          description="Choose the plan that best suits your tech learning journey."
+          tag="Plans"
+          buttons={[{ label: "Basic", href: "#basic-plan" }, { label: "Pro", href: "#pro-plan" }]}
+          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"