Polish homepage banners and add the Meshkee footer credit.

Keep slider and side banners from overlapping, restore rounded banner corners, and match the safeteb footer bar.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/Hero.tsx

@@ -37,23 +37,24 @@ export function Hero({ slider, beside }: Props) {
   const besideImages = padSlotImages(beside, 2).slice(0, 2);
 
   return (
-    <section className="mx-auto grid max-w-7xl gap-4 px-4 py-6 lg:grid-cols-[2fr_1fr]">
+    <section className="mx-auto grid max-w-7xl gap-4 px-4 py-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
       <h1 className="sr-only">{site.name}</h1>
-      <HeroSlider
-        images={slotImages(slider)}
-        aspectRatio={slider?.aspectRatio}
-        fallback={sliderFallback}
-        imageClassName="h-full min-h-[280px] w-full object-cover sm:min-h-[360px]"
-      />
+      <div className="min-h-[280px] min-w-0 sm:min-h-[360px]">
+        <HeroSlider
+          images={slotImages(slider)}
+          fallback={sliderFallback}
+          className="h-full w-full"
+        />
+      </div>
 
-      <div className="grid gap-4">
+      <div className="grid min-w-0 gap-4">
         {besideImages.map((image, index) => (
           <SlotBanner
             key={image?.id ?? besideFallbacks[index].src}
             image={image}
             fallback={besideFallbacks[index]}
-            aspectRatio={beside?.aspectRatio}
-            imageClassName="h-full min-h-[160px] w-full object-cover"
+            aspectRatio={beside?.aspectRatio ?? "74:41"}
+            className="h-full min-h-0"
           />
         ))}
       </div>