Bob AI: fix build errors (attempt 1)

Merge version_2_1780415167973 into main

src/pages/HomePage/sections/Hero.tsx

@@ -2,46 +2,41 @@
 // file as the canonical source for the "hero" section.
 
 import React from 'react';
-import HeroBillboardCreator from '@/components/sections/hero/HeroBillboardCreator';
+import Button from '@/components/ui/Button';
+import Tag from '@/components/ui/Tag';
+import ImageOrVideo from '@/components/ui/ImageOrVideo';
+import ScrollReveal from '@/components/ui/ScrollReveal';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 
 export default function HeroSection(): React.JSX.Element {
   return (
-    <div id="hero" data-section="hero">
+    <div id="hero" data-webild-section="hero" className="relative min-h-[80vh] flex items-center justify-center overflow-hidden">
-        <SectionErrorBoundary name="hero">
+      <SectionErrorBoundary name="hero">
-              <HeroBillboardCreator
+        <div className="absolute inset-0 z-0">
-          tag="Your Ultimate Escape"
+          <ImageOrVideo 
-          title="Experience Unrivaled Luxury at The Grand Hotel"
+            imageSrc="https://images.unsplash.com/photo-1542314831-c6a4d14d8c85?auto=format&fit=crop&q=80" 
-          titleHighlight="Unrivaled Luxury"
+            className="w-full h-full object-cover"
-          description="Discover a world of refined elegance, impeccable service, and breathtaking amenities designed for an unforgettable stay. Your perfect getaway begins here."
+          />
-          primaryButton={{
+          <div className="absolute inset-0 bg-black/60" />
-            text: "Book Your Stay",
+        </div>
-            href: "#contact",
+        
-          }}
+        <div className="relative z-10 container mx-auto px-4 text-center">
-          note="Voted #1 Luxury Hotel 5 Years in a Row by Global Travel Magazine"
+          <ScrollReveal variant="slide-up">
-          videos={[
+            <Tag text="Your Ultimate Escape" className="mb-6 mx-auto bg-black/50 text-white border-white/20" />
-            {
+            <h1 className="text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight">
-              videoSrc: "asset://hero-video-1",
+              Experience Unrivaled Luxury<br />
-              name: "Luxury Stays",
+              <span className="text-primary-cta">at The Grand Hotel</span>
-              followers: "5000+ Guest Reviews",
+            </h1>
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-huge-bouquet-made-hydrangeas-standing-table-large-luxurious-room_627829-8201.jpg",
+            <p className="text-lg md:text-xl text-white/90 max-w-content-width mx-auto">
-            },
+              Discover a world of refined elegance, impeccable service, and breathtaking amenities designed for an unforgettable stay. Your perfect getaway begins here.
-            {
+            </p>
-              videoSrc: "asset://hero-video-2",
+            <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
-              name: "Gourmet Dining",
+              <Button text="Book Your Stay" variant="primary" href="#contact" className="px-8 py-4 text-lg" />
-              followers: "Michelin Star Rated",
+              <Button text="Explore Rooms" variant="secondary" href="#rooms" className="px-8 py-4 text-lg text-white border-white/20" />
-              imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-29870.jpg",
+            </div>
-            },
+          </ScrollReveal>
-            {
+        </div>
-              videoSrc: "asset://hero-video-3",
+      </SectionErrorBoundary>
-              name: "Spa & Wellness",
+    </div>
-              followers: "Award-Winning Services",
-              imageSrc: "http://img.b2bpic.net/free-photo/towels-interior-spa-complex_169016-22506.jpg",
-            },
-          ]}
-          badgeText="5-Star Excellence"
-        />
-        </SectionErrorBoundary>
-      </div>
   );
-}
+}