bender/214350ef-5f29-4ae7-9ea3-96754d6f247e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3_1783068756893 into main #3

Merged
bender merged 1 commits from version_3_1783068756893 into main 2026-07-03 08:55:29 +00:00
Conversation 0 Commits 1 Files Changed 1 +26 -26
1 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/pages/HomePage/sections/Unit.tsx
View File

@@ -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">