Bob AI: Adjust hero section textbox sizing to match accommodation se

Merge version_8_1780494974164 into main

src/pages/HomePage/sections/About.tsx

@@ -1,18 +1,11 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "about" section.
-
 import React from 'react';
-import AboutText from '@/components/sections/about/AboutText';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 
-export default function AboutSection(): React.JSX.Element {
+export default function AboutSection() {
   return (
-    <div id="about" data-section="about">
-        <SectionErrorBoundary name="about">
-              <AboutText
-          title="Our Legacy of Hospitality"
-        />
-        </SectionErrorBoundary>
+    <section id="about" className="bg-background">
+      <div className="max-w-content-width mx-auto px-6 text-center">
+        {/* Text 'Our Legacy of Hospitality' removed as requested */}
       </div>
+    </section>
   );
-}
+}

src/pages/HomePage/sections/Hero.tsx

@@ -24,24 +24,28 @@ export default function HeroSection(): React.JSX.Element {
 
     const timer = setInterval(() => {
       setProgress((prev) => {
-        if (prev >= 100) {
-          setCurrentIndex((prevIndex) => (prevIndex + 1) % images.length);
-          return 0;
-        }
+        if (prev >= 100) return 100;
         return prev + step;
       });
     }, updateInterval);
 
     return () => clearInterval(timer);
-  }, [images.length]);
+  }, []);
+
+  useEffect(() => {
+    if (progress >= 100) {
+      setCurrentIndex((prevIndex) => (prevIndex + 1) % images.length);
+      setProgress(0);
+    }
+  }, [progress, images.length]);
 
   return (
     <div id="hero" data-webild-section="hero" className="w-full pt-32 pb-16 px-4 md:px-8 bg-background">
         <SectionErrorBoundary name="hero">
             <div className="container mx-auto max-w-6xl flex flex-col items-center text-center gap-12">
-                <div className="flex flex-col items-center gap-6 max-w-4xl">
+                <div className="flex flex-col items-center gap-6 max-w-3xl">
                     <Tag text="Welcome to Luxury" />
-                    <h1 className="text-5xl md:text-7xl font-bold text-foreground">
+                    <h1 className="text-4xl md:text-5xl font-bold text-foreground">
                         Experience Unparalleled Comfort & Elegance
                     </h1>
                     <p className="text-lg md:text-xl text-muted-foreground max-w-2xl">