Bob AI: add FAQ section

src/app/page.tsx

@@ -8,6 +8,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Sparkles, BookOpen, Users, TrendingUp, Award, Target } from "lucide-react";
 import ContactForm from '@/components/form/ContactForm';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FaqBase from '@/components/sections/faq/FaqBase';
 
 export default function TechAcademyPage() {
   return (
@@ -110,6 +111,18 @@ export default function TechAcademyPage() {
           imageSrc="https://placehold.co/600x400"
         />
       </div>
+      <div id="faq_base" data-section="faq_base">
+        <FaqBase
+          faqs={[{ question: "What types of flowers does Jessica & Flowers offer?", answer: "Jessica & Flowers offers a wide variety of fresh flowers including roses, lilies, orchids, and more, catering to all your floral needs." }, { question: "How can I place an order for flowers?", answer: "You can place an order for flowers by visiting our website and selecting the desired bouquet or arrangement. We also offer a quick and easy checkout process." }]}
+          title="Floral FAQs"
+          description="Find answers to common questions about our floral services and offerings."
+          tag="Help"
+          buttons={[{ label: "View Services", href: "#" }, { label: "Contact Us", href: "#" }]}
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="smooth"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="https://img.b2bpic.net/free-vector/digital-particle-flowing-mesh-technology-background_1017-28408.jpg"