Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -29,176 +29,50 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Tipe Properti",
-          id: "properti",
-        },
-        {
-          name: "Layanan",
-          id: "layanan",
-        },
-        {
-          name: "Developer",
-          id: "developer",
-        },
-        {
-          name: "About Us",
-          id: "about",
-        },
-        {
-          name: "Blog",
-          id: "blog",
-        },
+        { name: "Tipe Properti", id: "properti" },
+        { name: "Layanan", id: "layanan" },
+        { name: "Developer", id: "developer" },
+        { name: "About Us", id: "about" },
+        { name: "Blog", id: "blog" },
       ]}
-      button={{
-        text: "Hubungi Kami",
-        href: "#contact",
-      }}
+      button={{ text: "Hubungi Kami", href: "#contact" }}
       brandName="Linktown International"
     />
   </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="MALAYSIA"
-      description="Investasi Properti Premium. Wujudkan aset global keluarga dengan legalitas terjamin untuk WNI."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-building-cityscape_23-2151899155.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fututistic-cityscape_116348-92.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-skyscrapers-office-buildings_23-2148836740.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-corporate-skyscrapers-city_107420-95720.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394922.jpg",
-          imageAlt: "Cityscape View",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/three-white-blue-buildings-blue-sky_181624-6685.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/greyscale-shot-beautiful-brutalist-architectural-structure_181624-5104.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cityscape_1127-4141.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/grey-concrete-building-daytime_250224-255.jpg",
-          imageAlt: "Cityscape View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-urban-city-tall-buildings-skyscrapers-from-window_181624-8134.jpg",
-          imageAlt: "Cityscape View",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Cari Properti",
-          href: "#properti",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/japanese-buildings-bottom-view_23-2148722975.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/grayscale-shot-lake-middle-city-buildings-cloudy-sky_181624-17493.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/aerial-beautiful-shot-city-buildings-sunlight_181624-44768.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149366987.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Dipercaya oleh lebih dari 500+ investor Indonesia"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Kepemilikan Sah",
-        },
-        {
-          type: "text",
-          text: "Proses Legal Transparan",
-        },
-        {
-          type: "text",
-          text: "Yield Investasi Tinggi",
-        },
-        {
-          type: "text",
-          text: "Layanan Konsultasi 24/7",
-        },
-        {
-          type: "text",
-          text: "Aset Global Premium",
-        },
-      ]}
+  <div id="hero" data-section="hero" className="relative">
+      <HeroCentered
+      title="Linktown International: Your Global Property Partner"
+      description="Wujudkan aset global keluarga dengan legalitas terjamin untuk WNI. Cari properti impian Anda di Malaysia sekarang."
+      background={{ variant: "plain" }}
+      avatars={[]}
+      className="min-h-[60vh] flex items-center"
     />
+    <div className="absolute -bottom-16 left-1/2 -translate-x-1/2 w-full max-w-4xl px-4 z-20">
+      <div className="bg-white p-6 rounded-2xl shadow-xl border border-gray-100 flex flex-col gap-4">
+        <div className="flex gap-2 border-b border-gray-100 pb-4">
+          <button className="px-6 py-2 bg-blue-900 text-white rounded-full font-medium">Jual</button>
+          <button className="px-6 py-2 text-gray-600 font-medium hover:text-blue-900">Sewa</button>
+        </div>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <input type="text" placeholder="Lokasi Properti" className="p-3 border rounded-lg bg-gray-50" />
+            <input type="text" placeholder="Tipe Properti" className="p-3 border rounded-lg bg-gray-50" />
+            <button className="p-3 bg-blue-900 text-white rounded-lg font-semibold hover:bg-blue-800 transition">Cari Properti</button>
+        </div>
+      </div>
+    </div>
   </div>
 
-  <div id="properti" data-section="properti">
+  <div id="properti" data-section="properti" className="pt-24">
       <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "The Horizon Suites, Penang",
-          price: "MYR 1.800.000",
-          variant: "Setara IDR 6.2 Miliar",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp-wood-decor-loft-style_105762-2259.jpg",
-        },
-        {
-          id: "2",
-          name: "Pavilion Embassy, KL",
-          price: "MYR 2.200.000",
-          variant: "Setara IDR 7.6 Miliar",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-swimming-pool-resort_1339-7054.jpg",
-        },
-        {
-          id: "3",
-          name: "Core Residence, TRX",
-          price: "MYR 2.500.000",
-          variant: "Setara IDR 8.6 Miliar",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896796.jpg",
-        },
+        { id: "1", name: "The Horizon Suites, Penang", price: "MYR 1.800.000", variant: "Setara IDR 6.2 Miliar", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp-wood-decor-loft-style_105762-2259.jpg" },
+        { id: "2", name: "Pavilion Embassy, KL", price: "MYR 2.200.000", variant: "Setara IDR 7.6 Miliar", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-swimming-pool-resort_1339-7054.jpg" },
+        { id: "3", name: "Core Residence, TRX", price: "MYR 2.500.000", variant: "Setara IDR 8.6 Miliar", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896796.jpg" },
       ]}
       title="Temukan Koleksi Properti Global Pilihan Anda"
       description="Portofolio hunian eksklusif dengan potensi yield tinggi."
@@ -212,21 +86,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Tempat Tinggal Pendidikan",
-          description: "Hunian strategis dekat universitas internasional terkemuka.",
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-teenager-reading-near-boyfriend_23-2147864127.jpg",
-        },
-        {
-          title: "Rumah Liburan Keluarga",
-          description: "Aset liburan eksklusif di destinasi favorit dunia.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-positive-smiling-woman-summer-flying-dress-natural-day-light-villa-terrace-enjoying-beautiful-vacation-outdoor-sofa-with-pillows-tropical_343596-1131.jpg",
-        },
-        {
-          title: "Passive Income",
-          description: "Lindung nilai aset dengan potensi pendapatan sewa mata uang asing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-abstract-gradient-green-layers-paper_23-2148793009.jpg",
-        },
+        { title: "Tempat Tinggal Pendidikan", description: "Hunian strategis dekat universitas internasional terkemuka.", imageSrc: "http://img.b2bpic.net/free-photo/charming-teenager-reading-near-boyfriend_23-2147864127.jpg" },
+        { title: "Rumah Liburan Keluarga", description: "Aset liburan eksklusif di destinasi favorit dunia.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-positive-smiling-woman-summer-flying-dress-natural-day-light-villa-terrace-enjoying-beautiful-vacation-outdoor-sofa-with-pillows-tropical_343596-1131.jpg" },
+        { title: "Passive Income", description: "Lindung nilai aset dengan potensi pendapatan sewa mata uang asing.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-abstract-gradient-green-layers-paper_23-2148793009.jpg" },
       ]}
       title="Manfaat Strategis Investasi Properti Global"
       description="Mengapa memilih Linktown untuk portofolio properti luar negeri Anda."
@@ -238,9 +100,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Syarat Kepemilikan WNI di Luar Negeri"
       description={[
-        "Cukup Paspor Indonesia dan dokumen identitas dasar untuk memulai proses pembelian.",
-        "Kami memastikan seluruh tahapan legalitas berjalan secara transparan dan aman.",
-        "Tim kami akan memandu Anda melalui setiap regulasi properti di negara tujuan.",
+        "Cukup Paspor Indonesia dan dokumen identitas dasar untuk memulai proses pembelian.",        "Kami memastikan seluruh tahapan legalitas berjalan secara transparan dan aman.",        "Tim kami akan memandu Anda melalui setiap regulasi properti di negara tujuan."
       ]}
     />
   </div>
@@ -252,21 +112,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          value: "01",
-          description: "Pilih Unit Terbaik: Virtual Tour interaktif oleh spesialis.",
-        },
-        {
-          id: "2",
-          value: "02",
-          description: "Proses Legalitas: Penyusunan SPA dan pengurusan dokumen hukum.",
-        },
-        {
-          id: "3",
-          value: "03",
-          description: "Serah Terima Kunci: Penyerahan aset dan manajemen properti.",
-        },
+        { id: "1", value: "01", description: "Pilih Unit Terbaik: Virtual Tour interaktif oleh spesialis." },
+        { id: "2", value: "02", description: "Proses Legalitas: Penyusunan SPA dan pengurusan dokumen hukum." },
+        { id: "3", value: "03", description: "Serah Terima Kunci: Penyerahan aset dan manajemen properti." },
       ]}
       title="Layanan Konsultatif Kami: Bantu Urus Semuanya"
       description="Proses transparan dari awal hingga serah terima aset."
@@ -279,24 +127,9 @@ export default function LandingPage() {
       title="Hubungi Kami"
       description="Konsultasi eksklusif mengenai kepemilikan properti luar negeri. Isi formulir di bawah ini untuk memulai."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Nama Lengkap",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Anda",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Nomor WhatsApp",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Nama Lengkap", required: true },
+        { name: "email", type: "email", placeholder: "Email Anda", required: true },
+        { name: "phone", type: "tel", placeholder: "Nomor WhatsApp", required: true },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/blurred-background-receptionist-working_1203-994.jpg"
     />
@@ -305,66 +138,10 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Kantor Pusat",
-          items: [
-            {
-              label: "Ruko Aralia, Bekasi",
-              href: "#",
-            },
-            {
-              label: "082172727291",
-              href: "tel:082172727291",
-            },
-          ],
-        },
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Portfolio",
-              href: "#properti",
-            },
-            {
-              label: "Blog",
-              href: "#blog",
-            },
-          ],
-        },
-        {
-          title: "Service",
-          items: [
-            {
-              label: "Kredit KPR",
-              href: "#",
-            },
-            {
-              label: "Privasi",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Lokasi",
-          items: [
-            {
-              label: "Jakarta",
-              href: "#",
-            },
-            {
-              label: "Bandung",
-              href: "#",
-            },
-            {
-              label: "Surabaya",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Kantor Pusat", items: [{ label: "Ruko Aralia, Bekasi", href: "#" }, { label: "082172727291", href: "tel:082172727291" }] },
+        { title: "Menu", items: [{ label: "About Us", href: "#about" }, { label: "Portfolio", href: "#properti" }, { label: "Blog", href: "#blog" }] },
+        { title: "Service", items: [{ label: "Kredit KPR", href: "#" }, { label: "Privasi", href: "#" }] },
+        { title: "Lokasi", items: [{ label: "Jakarta", href: "#" }, { label: "Bandung", href: "#" }, { label: "Surabaya", href: "#" }] },
       ]}
       logoText="Linktown International"
     />
@@ -372,4 +149,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}