Bob AI: add gallery section with photos

src/app/page.tsx

@@ -15,6 +15,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import FooterBase from '@/components/sections/footer/FooterBase';
 import Faq1 from '@/components/sections/faq/Faq1';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 
 export default function TechAcademyPage() {
   return (
@@ -179,6 +180,16 @@ export default function TechAcademyPage() {
           useInvertedBackground="noInvert"
         />
       </div>
+      <div id="hero_billboard_gallery" data-section="hero_billboard_gallery">
+        <HeroBillboardGallery
+          title="Discover Floral Elegance"
+          description="Explore our exquisite floral arrangements that bring beauty and joy to any occasion."
+          background={{ variant: "plain" }}
+          tag="Hero"
+          buttons={[{ label: "Floral Packages", href: "#" }, { label: "Floral FAQs", href: "#" }]}
+          mediaItems={[{ title: "Wedding Bouquets", description: "Crafting perfect flowers for your special day." }, { title: "Event Decorations", description: "Enhance your event with our stunning floral displays." }]}
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="https://img.b2bpic.net/free-vector/digital-particle-flowing-mesh-technology-background_1017-28408.jpg"