Bob AI: Add 5 red heart elements (❤️ or SVG hearts) above the FAQ se

src/app/page.tsx

@@ -183,6 +183,14 @@ export default function LandingPage() {
         />
       </div>
 
+      <div className="flex justify-center gap-4 py-8">
+        <span className="text-4xl">❤️</span>
+        <span className="text-4xl">❤️</span>
+        <span className="text-4xl">❤️</span>
+        <span className="text-4xl">❤️</span>
+        <span className="text-4xl">❤️</span>
+      </div>
+
       <div id="faq-section" data-section="faq-section">
         <FaqBase
           title="Frequently Asked Questions"

src/components/sections/hero/HeroBillboard.tsx

@@ -9,6 +9,7 @@ import { useButtonAnimation } from "@/components/hooks/useButtonAnimation";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig, ButtonAnimationType } from "@/types/button";
 import type { Avatar } from "@/components/shared/AvatarGroup";
+import { useRef, useEffect } from "react";
 
 type HeroBillboardBackgroundProps = Extract<
   HeroBackgroundVariantProps,
@@ -67,9 +68,13 @@ interface HeroBillboardProps {
   marqueeImageClassName?: string;
   marqueeTextClassName?: string;
   marqueeIconClassName?: string;
+  backgroundVideoSrc?: string;
+  backgroundVideoFallbackSrc?: string;
 }
 
 const HeroBillboard = ({
+  backgroundVideoSrc,
+  backgroundVideoFallbackSrc = "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
   title,
   description,
   background,