Bob AI: add a joking section with all our WORST products

src/app/page.tsx

@@ -243,6 +243,10 @@ export default function LandingPage() {
         <HeroBillboard title="Explore the Latest iPhone Models!" description="Discover the newest features and innovations in the iPhone lineup." background={{ variant: "downward-rays-animated" }} buttons={[{ label: "Shop iPhones", href: "/iphone" }]} marqueeItems={[{ label: "iPhone 14 Pro", href: "#" }, { label: "iPhone 14", href: "#" }, { label: "iPhone SE", href: "#" }, { label: "iPhone 13", href: "#" }]} marqueeSpeed={50} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" imageAlt="Latest iPhone Models" />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroBillboard title="Welcome to the Worst Products Hall of Shame!" description="Featuring our most cringe-worthy inventions. These are the products we're not proud of." background={{ variant: "downward-rays-animated" }} buttons={[{ label: "Shop Our Best Products", href: "/products" }]} marqueeItems={[{ label: "The FlopPhone", href: "#" }, { label: "Screenless Screen", href: "#" }, { label: "Battery Drain 3000", href: "#" }, { label: "Keyboardless Keyboard", href: "#" }]} marqueeSpeed={50} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" imageAlt="Worst Products" />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterCard
           logoText="iPhone"