added

components/hero-page/Hero.jsx

@@ -67,7 +67,7 @@ const Hero = ({ data }) => {
   ];
 
   return (
-    <div className="relative w-full h-[55vh] bg-background">
+    <div className="relative w-full h-[45vh] bg-background">
       <Carousel
         plugins={[plugin.current]}
         className="w-full h-full"
@@ -77,12 +77,12 @@ const Hero = ({ data }) => {
         <CarouselContent>
           {heroData.map((item, index) => (
             <CarouselItem key={index}>
-              <div className="relative w-full h-[65vh] overflow-hidden">
+              <div className="relative w-full h-[45vh] overflow-hidden">
                 <Image
                   src={item.src || "/placeholder.svg"}
                   alt={`Slide ${index + 1}`}
                   fill
-                  className="object-cover brightness-75"
+                  className="object-fill brightness-75"
                   priority={index === 0}
                 />
               </div>