diff --git a/src/pages/HomePage/sections/Unit.tsx b/src/pages/HomePage/sections/Unit.tsx
index ae46eae..b8a8808 100644
--- a/src/pages/HomePage/sections/Unit.tsx
+++ b/src/pages/HomePage/sections/Unit.tsx
@@ -11,19 +11,11 @@ const items = [
     title: "Golf Island Luxury Land View Sea and Golf",
     description: "Yield 8% / Tahun",
     href: "#",
-    imageSrc: "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783068149447-if6m1jur.jpg"
-  },
-  {
-    title: "Golf Island Luxury Land View Sea and Golf",
-    description: "Yield 7.5% / Tahun",
-    href: "#",
-    imageSrc: "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783068149448-7yddeln2.jpg"
-  },
-  {
-    title: "Golf Island Luxury Land View Sea and Golf",
-    description: "Prime Location",
-    href: "#",
-    imageSrc: "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783068149449-yjivk24i.jpg"
+    images: [
+      "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783068149447-if6m1jur.jpg",
+      "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783068149448-7yddeln2.jpg",
+      "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783068149449-yjivk24i.jpg"
+    ]
   },
   {
     title: "Apartemen PIK 2",
@@ -69,21 +61,17 @@ interface FeaturesRevealCardsBentoProps {
 
 const UnitInline = () => {
   const gridClasses = [
-    "md:col-span-2",
-    "md:col-span-4",
+    "md:col-span-6",
+    "md:col-span-3",
+    "md:col-span-3",
     "md:col-span-3",
     "md:col-span-3",
-    "md:col-span-2",
-    "md:col-span-2",
-    "md:col-span-2",
   ];
 
   const staggerDelays = [
     0,
     0.1,
-    0,
-    0.1,
-    0,
+    0.2,
     0.1,
     0.2,
   ];
@@ -125,11 +113,23 @@ const UnitInline = () => {
             <ScrollReveal key={item.title} variant="fade" delay={staggerDelays[index]} className={cls("col-span-1 group", gridClasses[index])}>
               <a href={item.href} className="block relative overflow-hidden rounded">
                 <div className="h-80 xl:h-100 2xl:h-120 overflow-hidden">
-                  <ImageOrVideo
-                    imageSrc={item.imageSrc}
-                    videoSrc={item.videoSrc}
-                    className="rounded group-hover:scale-105 transition-transform duration-500"
-                  />
+                  {item.images ? (
+                    <div className="grid grid-cols-3 h-full w-full gap-1">
+                      {item.images.map((src, i) => (
+                        <ImageOrVideo
+                          key={i}
+                          imageSrc={src}
+                          className="rounded h-full w-full object-cover group-hover:scale-105 transition-transform duration-500"
+                        />
+                      ))}
+                    </div>
+                  ) : (
+                    <ImageOrVideo
+                      imageSrc={item.imageSrc}
+                      videoSrc={item.videoSrc}
+                      className="rounded h-full w-full object-cover group-hover:scale-105 transition-transform duration-500"
+                    />
+                  )}
                 </div>
                 <div className="absolute -inset-x-px -bottom-px h-2/5 backdrop-blur-xl mask-fade-top-overlay" aria-hidden="true" />
                 <div className="absolute inset-x-3 bottom-3 2xl:inset-x-4 2xl:bottom-4 z-10">