bender/55023117-c792-45e8-ab45-0b50696d2476
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

5 Commits
version_2 ... version_4

Author SHA1 Message Date
bender
acabcd07a9 Update src/app/page.tsx 2026-05-14 05:45:29 +00:00
bender
4c2780da54 Merge version_3 into main 
Merge version_3 into main
 2026-05-14 05:42:41 +00:00
bender
63c7d82a70 Update src/app/page.tsx 2026-05-14 05:42:38 +00:00
bender
e27688b6a8 Merge version_2 into main 
Merge version_2 into main
 2026-05-14 05:38:47 +00:00
bender
3e03f10379 Merge version_2 into main 
Merge version_2 into main
 2026-05-14 05:38:15 +00:00
1 changed files with 55 additions and 92 deletions
Expand all files Collapse all files

147
src/app/page.tsx
View File

@@ -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: "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">
<HeroSplitTestimonial
title="Investasi Properti Premium Global"
description="Wujudkan aset global keluarga dengan legalitas terjamin untuk WNI. Cari properti impian Anda di Malaysia sekarang."
imageSrc="http://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg"
imagePosition="right"
mediaAnimation="slide-up"
background={{ variant: "plain" }}
buttons={[
{ text: "Cari Properti", href: "#properti" }
]}
testimonials={[]}
/>
<div id="hero" data-section="hero" className="relative">
<div className="relative min-h-[85vh] flex items-center justify-center">
<div className="absolute inset-0">
<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" />
<div className="absolute inset-0 bg-black/60"></div>
</div>
<div className="relative z-10 w-full max-w-4xl px-4 text-center text-white">
<p className="text-sm font-bold uppercase tracking-widest mb-4 opacity-90">PELUANG INVESTASI PREMIUM</p>
<h1 className="text-5xl md:text-7xl font-bold mb-6">Investasi Properti di MALAYSIA.</h1>
<p className="text-lg md:text-xl opacity-90 mb-12">Wujudkan aset global keluarga dengan legalitas terjamin untuk WNI.</p>
<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: "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."
@@ -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: "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."
@@ -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: "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."
@@ -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: "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"
/>
@@ -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: "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"
/>
@@ -193,4 +156,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}