Merge version_4 into main

Merge version_4 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 HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+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,51 +29,57 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Tipe Properti", id: "properti" },
-          name: "Tipe Properti",          id: "properti"},
+        { name: "Layanan", id: "layanan" },
-        {
+        { name: "Developer", id: "developer" },
-          name: "Layanan",          id: "layanan"},
+        { name: "About Us", id: "about" },
-        {
+        { name: "Blog", id: "blog" },
-          name: "Developer",          id: "developer"},
-        {
-          name: "About Us",          id: "about"},
-        {
-          name: "Blog",          id: "blog"},
       ]}
-      button={{
+      button={{ text: "Hubungi Kami", href: "#contact" }}
-        text: "Hubungi Kami",        href: "#contact"}}
       brandName="Linktown International"
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="relative">
-      <HeroSplitTestimonial
+      <div className="relative min-h-[85vh] flex items-center justify-center">
-      title="Investasi Properti Premium Global"
+        <div className="absolute inset-0">
-      description="Wujudkan aset global keluarga dengan legalitas terjamin untuk WNI. Cari properti impian Anda di Malaysia sekarang."
+            <img src="https://img.b2bpic.net/free-photo/luxury-penthouse-view-kuala-lumpur-dusk_1268-24531.jpg" alt="Kuala Lumpur Penthouse" className="w-full h-full object-cover" />
-      imageSrc="http://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg"
+            <div className="absolute inset-0 bg-black/60"></div>
-      imagePosition="right"
+        </div>
-      mediaAnimation="slide-up"
+        <div className="relative z-10 w-full max-w-4xl px-4 text-center text-white">
-      background={{ variant: "plain" }}
+            <p className="text-sm font-bold uppercase tracking-widest mb-4 opacity-90">PELUANG INVESTASI PREMIUM</p>
-      buttons={[
+            <h1 className="text-5xl md:text-7xl font-bold mb-6">Investasi Properti di MALAYSIA.</h1>
-        { text: "Cari Properti", href: "#properti" }
+            <p className="text-lg md:text-xl opacity-90 mb-12">Wujudkan aset global keluarga dengan legalitas terjamin untuk WNI.</p>
-      ]}
+            
-      testimonials={[]}
+            <div className="bg-white p-6 rounded-2xl shadow-xl flex flex-col gap-4 text-left">
-    />
+              <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">
+                  <select className="p-3 border rounded-lg bg-gray-50 text-gray-700">
+                      <option>Tipe Properti</option>
+                      <option>Apartemen</option>
+                      <option>Kondominium</option>
+                  </select>
+                  <input type="text" placeholder="Lokasi / Proyek" className="p-3 border rounded-lg bg-gray-50 text-gray-700" />
+                  <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>
 
-  <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: "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: "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."
@@ -87,12 +93,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: "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: "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."
@@ -104,7 +107,8 @@ 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>
 
@@ -115,12 +119,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: "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: "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."
@@ -133,15 +134,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: "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: "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"
     />
@@ -150,42 +145,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: "Kantor Pusat",          items: [
+        { 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: "#" }] },
-              label: "Ruko Aralia, Bekasi",              href: "#"},
+        { title: "Lokasi", items: [{ label: "Jakarta", href: "#" }, { label: "Bandung", href: "#" }, { label: "Surabaya", 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"
     />
@@ -193,4 +156,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}