Merge version_5_1783181030069 into main

Merge version_5_1783181030069 into main

src/pages/HomePage/sections/About.tsx

@@ -10,13 +10,13 @@ export default function AboutSection(): React.JSX.Element {
     <div id="about" data-section="about">
         <SectionErrorBoundary name="about">
               <AboutTestimonial
-          tag="Tentang Kami"
-          quote="Tugas kami adalah meminimalkan risiko investasi Anda. Sebagai analis, kami mengedepankan data, tren, dan potensi masa depan properti di Pantai Indah Kapuk, bukan sekadar komisi."
-          author="Analyst Lead"
-          role="ERA Buana PIK"
-          textAnimation="fade"
-          imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-leaning-railing_23-2147956322.jpg"
-        />
+        tag="Tentang Kami"
+        quote="Tugas saya adalah meminimalkan risiko investasi Anda. Sebagai analis, saya mengedepankan data, tren, dan potensi masa depan properti di Pantai Indah Kapuk, bukan sekadar komisi."
+        author="Hendra (Manzz) — Property Analyst PIK, ERA Buana"
+        role="@pik.pik2.golfisland"
+        textAnimation="fade"
+        imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-leaning-railing_23-2147956322.jpg"
+      />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Contact.tsx

@@ -10,14 +10,13 @@ export default function ContactSection(): React.JSX.Element {
     <div id="contact" data-section="contact">
         <SectionErrorBoundary name="contact">
               <ContactCta
-          tag="Hubungi Kami"
-          text="Dapatkan analisis properti PIK secara gratis untuk keputusan investasi Anda."
-          primaryButton={{
-            text: "WhatsApp Sekarang",        href: "https://wa.me/628123456789"}}
-          secondaryButton={{
+        tag="Hubungi Kami"
+        text="Dapatkan analisis properti PIK secara gratis untuk keputusan investasi Anda."
+        primaryButton={{"href":"https://wa.me/6282116881699?text=Halo%20Pak%20Hendra,%20saya%20tertarik%20konsultasi%20properti%20PIK","text":"WhatsApp Sekarang"}}
+        secondaryButton={{
             text: "Jadwalkan Konsultasi",        href: "#contact-form"}}
-          textAnimation="fade-blur"
-        />
+        textAnimation="fade-blur"
+      />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Hero.tsx

@@ -10,27 +10,26 @@ export default function HeroSection(): React.JSX.Element {
     <div id="hero" data-section="hero">
         <SectionErrorBoundary name="hero">
               <HeroSplitVerticalMarqueeTall
-          tag="ERA Buana PIK"
-          title="Property Analyst-nya PIK"
-          description="Kami bukan sekadar agen. Kami adalah konsultan properti berbasis data yang memberikan analisis mendalam mengenai ROI, rental yield, dan tren pasar eksklusif di Pantai Indah Kapuk."
-          primaryButton={{
-            text: "Konsultasi via WhatsApp",        href: "https://wa.me/628123456789"}}
-          secondaryButton={{
+        tag="ERA Buana PIK"
+        title="Property Analyst-nya PIK"
+        description="Saya bukan sekadar agen. Saya adalah konsultan properti berbasis data yang memberikan analisis mendalam mengenai ROI, rental yield, dan tren pasar eksklusif di Pantai Indah Kapuk."
+        primaryButton={{"href":"https://wa.me/6282116881699?text=Halo%20Pak%20Hendra,%20saya%20tertarik%20konsultasi%20properti%20PIK","text":"Konsultasi via WhatsApp"}}
+        secondaryButton={{
             text: "Lihat Analisis Pasar",        href: "#insight"}}
-          leftItems={[
+        leftItems={[
             {
               imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-posing-outdoors_23-2149405907.jpg"},
             {
               imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-pool_23-2151974385.jpg"},
           ]}
-          rightItems={[
+        rightItems={[
             {
               imageSrc: "http://img.b2bpic.net/free-photo/stylish-scandinavian-living-room-with-design-mint-sofa-furnitures-mock-up-poster-map-plants-eleg_1258-152152.jpg"},
             {
               imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg"},
           ]}
-          textAnimation="fade-blur"
-        />
+        textAnimation="fade-blur"
+      />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Insight.tsx

@@ -10,15 +10,15 @@ export default function InsightSection(): React.JSX.Element {
     <div id="insight" data-section="insight">
         <SectionErrorBoundary name="insight">
               <BlogArticle
-          category="Market Insight"
-          title="Tren Properti PIK Tahun Ini"
-          excerpt="Analisis mendalam mengenai pergerakan harga properti di kawasan PIK 2 dan potensi investasi yang menjanjikan."
-          content="Kawasan Pantai Indah Kapuk terus menunjukkan ketahanan investasi yang luar biasa. Dengan pembangunan infrastruktur yang masif di PIK 2, permintaan akan hunian premium terus meningkat. Kami telah mengumpulkan data komprehensif mengenai pertumbuhan harga dalam 12 bulan terakhir."
-          imageSrc="http://img.b2bpic.net/free-photo/woman-working-with-papers_23-2147668819.jpg"
-          authorName="Property Analyst Team"
-          authorImageSrc="http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg"
-          date="2024-05-20"
-        />
+        category="Market Insight"
+        title="Analisis Harga PIK 2 Q2 2026: Naik atau Stagnan?"
+        excerpt="Analisis mendalam mengenai pergerakan harga properti di kawasan PIK 2 dan potensi investasi yang menjanjikan."
+        content="Kawasan Pantai Indah Kapuk terus menunjukkan ketahanan investasi yang luar biasa. Dengan pembangunan infrastruktur yang masif di PIK 2, permintaan akan hunian premium terus meningkat. Kami telah mengumpulkan data komprehensif mengenai pertumbuhan harga dalam 12 bulan terakhir."
+        imageSrc="http://img.b2bpic.net/free-photo/woman-working-with-papers_23-2147668819.jpg"
+        authorName="Hendra — Property Analyst PIK"
+        authorImageSrc="http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg"
+        date="2026-05-20"
+      />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Unit.tsx

@@ -11,19 +11,23 @@ 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"
+    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: "Golf Island Luxury Land View Sea and Golf",
-    description: "Yield 7.5% / Tahun",
+    title: "Elegant Homie Home PIK 1",
+    description: "Premium Living",
     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-1783069324979-6szh1ae2.jpg",
+      "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783069324980-v842er21.jpg",
+      "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783069324980-jhupzx4e.jpg",
+      "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783069324981-w13cg9rw.jpg",
+      "https://storage.googleapis.com/webild/users/user_3FvUPWGNNPPM6YThQS6Bj8ckkfW/uploaded-1783069324981-3ek0tysx.jpg"
+    ]
   },
   {
     title: "Apartemen PIK 2",
@@ -69,21 +73,19 @@ interface FeaturesRevealCardsBentoProps {
 
 const UnitInline = () => {
   const gridClasses = [
-    "md:col-span-2",
-    "md:col-span-4",
+    "md:col-span-6",
+    "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.3,
     0.1,
     0.2,
   ];
@@ -125,11 +127,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={cls("grid h-full w-full gap-1", item.images.length === 5 ? "grid-cols-5" : "grid-cols-3")}>
+                      {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">