Updated hero section to use a carousel with image switching and a progress bar.

src/pages/HomePage.tsx

@@ -2,7 +2,7 @@ import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
 import ContactCta from '@/components/sections/contact/ContactCta';
 import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
 import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
-import HeroBrand from '@/components/sections/hero/HeroBrand';
+import HeroBrandCarousel from '@/components/sections/hero/HeroBrandCarousel';
 import ProductMediaCards from '@/components/sections/product/ProductMediaCards';
 import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
 import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards';
@@ -13,7 +13,7 @@ export default function HomePage() {
     <>
   <div id="home" data-section="home">
     <SectionErrorBoundary name="home">
-          <HeroBrand
+          <HeroBrandCarousel
       brand="Experience Unrivaled Luxury"
       description="Discover a sanctuary of elegance and comfort in the heart of the city, where every stay is a masterpiece of hospitality."
       primaryButton={{
@@ -24,7 +24,11 @@ export default function HomePage() {
         text: "Explore Rooms",
         href: "#rooms",
       }}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
+      items={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg" },
+        { imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg" },
+        { imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-room-with-modern-design_105762-1677.jpg" },
+      ]}
     />
     </SectionErrorBoundary>
   </div>