Bob AI: remove white border from hero section image box

Merge version_15_1780495898454 into main

src/pages/HomePage/sections/Hero.tsx

@@ -40,12 +40,12 @@ export default function HeroSection(): React.JSX.Element {
   }, [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">
+    <div id="hero" data-webild-section="hero" className="w-full pt-32 pb-16 px-4 md:px-8">
         <SectionErrorBoundary name="hero">
             <div className="container mx-auto max-w-6xl flex flex-col items-center text-center">
                 <div className="flex flex-col items-center text-center gap-4 mb-16 max-w-3xl mx-auto">
                     <Tag text="Welcome to Luxury" />
-                    <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-b from-foreground to-foreground/70">
+                    <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight text-balance bg-clip-text text-transparent bg-gradient-to-b from-foreground to-muted-foreground pb-2">
                         Experience Unparalleled Comfort & Elegance
                     </h1>
                     <p className="text-lg text-muted-foreground">
@@ -57,7 +57,7 @@ export default function HeroSection(): React.JSX.Element {
                     </div>
                 </div>
                 
-                <div className="w-full rounded-3xl overflow-hidden shadow-2xl border border-border relative">
+                <div className="w-full rounded-3xl overflow-hidden shadow-2xl relative">
                     <div className="relative w-full h-[60vh]">
                         {images.map((src, index) => (
                             <div