Open the leather banner to the full viewport on scroll and align homepage frames.

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

src/lib/map-home-slots.ts

@@ -102,15 +102,10 @@ export function mapHomeSlots(
   const heroItems = slotItems(items, "hero-slider", "home.hero");
   const heroSlides: HeroSlideData[] =
     heroItems.length > 0
-      ? heroItems.map((item, i) => ({
+      ? heroItems.map((item) => ({
           id: item.id,
           image: item.imageUrl || "/images/home/banners/hero.jpg",
-          imagePosition:
-            i === 0
-              ? "object-[center_20%]"
-              : i === 1
-                ? "object-[center_40%]"
-                : "object-[center_55%]",
+          imagePosition: "object-[center_top]",
           title: item.nameFa || item.nameEn || "مانا کالکشن",
           subtitle: item.nameEn || item.subtext || "",
           cta: {