Merge version_1 into main #2
238
src/app/page.tsx
238
src/app/page.tsx
@@ -18,27 +18,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Listing",
|
||||
id: "listings",
|
||||
},
|
||||
name: "Listing", id: "listings"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EliteEstate"
|
||||
/>
|
||||
@@ -47,53 +46,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Temukan Hunian Impian, Mulai Langkah Investasi Anda."
|
||||
description="Portofolio properti eksklusif dengan kurasi kurator berpengalaman. Pengalaman digital yang mulus, cepat, dan transparan dari awal hingga serah terima."
|
||||
tag="Luxury Living Partner"
|
||||
buttons={[
|
||||
{
|
||||
text: "Cari Properti",
|
||||
href: "#listings",
|
||||
},
|
||||
text: "Cari Properti", href: "#listings"},
|
||||
{
|
||||
text: "Konsultasi",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Konsultasi", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912551.jpg?_wi=1",
|
||||
imageAlt: "Sunset villa",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912551.jpg", imageAlt: "Sunset villa"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-anime-style_23-2151176289.jpg?_wi=1",
|
||||
imageAlt: "City skyline view",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-anime-style_23-2151176289.jpg", imageAlt: "City skyline view"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160110.jpg?_wi=1",
|
||||
imageAlt: "Minimalist bedroom",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160110.jpg", imageAlt: "Minimalist bedroom"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-working-financial-analysis-while-standing-with-laptop_482257-79485.jpg",
|
||||
imageAlt: "Modern office",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/manager-working-financial-analysis-while-standing-with-laptop_482257-79485.jpg", imageAlt: "Modern office"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg",
|
||||
imageAlt: "Luxury kitchen",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg", imageAlt: "Luxury kitchen"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150757.jpg",
|
||||
imageAlt: "Modern pool",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150757.jpg", imageAlt: "Modern pool"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,49 +81,37 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Property Matchmaker",
|
||||
description: "Temukan properti yang paling sesuai dengan profil risiko dan gaya hidup Anda dalam hitungan detik.",
|
||||
icon: Zap,
|
||||
title: "AI Property Matchmaker", description: "Temukan properti yang paling sesuai dengan profil risiko dan gaya hidup Anda dalam hitungan detik.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-tablet-with-home-automation-app_23-2149036813.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-tablet-with-home-automation-app_23-2149036813.jpg", imageAlt: "Smart home automation tablet"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-tablet-with-home-automation-app_23-2149036813.jpg?_wi=2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-tablet-with-home-automation-app_23-2149036813.jpg", imageAlt: "Smart home automation tablet"
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912551.jpg?_wi=2",
|
||||
imageAlt: "luxury modern house sunset exterior",
|
||||
},
|
||||
{
|
||||
title: "Investment Insights",
|
||||
description: "Analisis data historis dan prediksi pertumbuhan nilai properti secara real-time.",
|
||||
icon: TrendingUp,
|
||||
title: "Investment Insights", description: "Analisis data historis dan prediksi pertumbuhan nilai properti secara real-time.", icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pollution-concept-with-town-full-smoke_23-2149094924.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pollution-concept-with-town-full-smoke_23-2149094924.jpg", imageAlt: "Financial analysis chart"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pollution-concept-with-town-full-smoke_23-2149094924.jpg?_wi=2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pollution-concept-with-town-full-smoke_23-2149094924.jpg", imageAlt: "Financial analysis chart"
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-anime-style_23-2151176289.jpg?_wi=2",
|
||||
imageAlt: "luxury apartment living room city view",
|
||||
},
|
||||
{
|
||||
title: "Seamless Closing",
|
||||
description: "Proses hukum dan dokumen yang terintegrasi secara digital, aman, dan transparan.",
|
||||
icon: CheckCircle,
|
||||
title: "Seamless Closing", description: "Proses hukum dan dokumen yang terintegrasi secara digital, aman, dan transparan.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-using-drawing-tablet_23-2147717361.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-using-drawing-tablet_23-2147717361.jpg", imageAlt: "Digital contract signing"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-using-drawing-tablet_23-2147717361.jpg?_wi=2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-using-drawing-tablet_23-2147717361.jpg", imageAlt: "Digital contract signing"
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160110.jpg?_wi=2",
|
||||
imageAlt: "minimalist modern bedroom interior",
|
||||
},
|
||||
]}
|
||||
title="Pengalaman Properti Tanpa Ribet"
|
||||
@@ -163,41 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Luxury Villa",
|
||||
price: "Rp 3.2 Miliar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organ-hall-chisinau-moldova_1268-18336.jpg",
|
||||
},
|
||||
id: "1", name: "Modern Luxury Villa", price: "Rp 3.2 Miliar", imageSrc: "http://img.b2bpic.net/free-photo/organ-hall-chisinau-moldova_1268-18336.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Urban Condominium",
|
||||
price: "Rp 1.5 Miliar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-modern-skyscrapers-office-buildings_23-2148836756.jpg",
|
||||
},
|
||||
id: "2", name: "Urban Condominium", price: "Rp 1.5 Miliar", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-modern-skyscrapers-office-buildings_23-2148836756.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Minimalist House",
|
||||
price: "Rp 2.1 Miliar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954766.jpg",
|
||||
},
|
||||
id: "3", name: "Minimalist House", price: "Rp 2.1 Miliar", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954766.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "City Loft Suite",
|
||||
price: "Rp 2.8 Miliar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245246.jpg",
|
||||
},
|
||||
id: "4", name: "City Loft Suite", price: "Rp 2.8 Miliar", imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245246.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luxury Townhouse",
|
||||
price: "Rp 1.9 Miliar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-apartment-building-with-green-roof_23-2151990802.jpg",
|
||||
},
|
||||
id: "5", name: "Luxury Townhouse", price: "Rp 1.9 Miliar", imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-apartment-building-with-green-roof_23-2151990802.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Premium Duplex",
|
||||
price: "Rp 2.5 Miliar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-house-with-wooden-pieces_23-2148931503.jpg",
|
||||
},
|
||||
id: "6", name: "Premium Duplex", price: "Rp 2.5 Miliar", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-house-with-wooden-pieces_23-2148931503.jpg"},
|
||||
]}
|
||||
title="Pilihan Properti Eksklusif"
|
||||
description="Daftar properti pilihan yang telah melewati seleksi ketat untuk nilai investasi jangka panjang terbaik."
|
||||
@@ -212,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Unit Terjual",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Unit Terjual"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Tingkat Kepuasan",
|
||||
},
|
||||
id: "m2", value: "98%", description: "Tingkat Kepuasan"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12+",
|
||||
description: "Kota Operasional",
|
||||
},
|
||||
id: "m3", value: "12+", description: "Kota Operasional"},
|
||||
]}
|
||||
title="Track Record Kepercayaan"
|
||||
description="Kami bangga telah membantu ratusan klien mencapai mimpi properti mereka sejak hari pertama."
|
||||
@@ -239,45 +170,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah A.",
|
||||
handle: "@sarah.a",
|
||||
testimonial: "Prosesnya sangat transparan dan sangat membantu untuk pemula seperti saya.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah A.", handle: "@sarah.a", testimonial: "Prosesnya sangat transparan dan sangat membantu untuk pemula seperti saya.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
handle: "@michael.b",
|
||||
testimonial: "Unit yang didapatkan jauh melampaui ekspektasi. Sangat profesional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
|
||||
},
|
||||
id: "2", name: "Michael B.", handle: "@michael.b", testimonial: "Unit yang didapatkan jauh melampaui ekspektasi. Sangat profesional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily C.",
|
||||
handle: "@emily.c",
|
||||
testimonial: "Investasi pertama saya terasa mudah berkat bimbingan tim ahli.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
|
||||
},
|
||||
id: "3", name: "Emily C.", handle: "@emily.c", testimonial: "Investasi pertama saya terasa mudah berkat bimbingan tim ahli.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David D.",
|
||||
handle: "@david.d",
|
||||
testimonial: "Platform yang sangat modern dan cepat dalam merespons pertanyaan.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-looking-away_23-2148452688.jpg",
|
||||
},
|
||||
id: "4", name: "David D.", handle: "@david.d", testimonial: "Platform yang sangat modern dan cepat dalam merespons pertanyaan.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-looking-away_23-2148452688.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica E.",
|
||||
handle: "@jessica.e",
|
||||
testimonial: "Sangat direkomendasikan untuk siapa saja yang ingin beli rumah pertama.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica E.", handle: "@jessica.e", testimonial: "Sangat direkomendasikan untuk siapa saja yang ingin beli rumah pertama.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Apa Kata Klien Kami"
|
||||
@@ -289,16 +195,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Siap Memulai?"
|
||||
title="Konsultasi Gratis Sekarang"
|
||||
description="Tim ahli kami siap memberikan rekomendasi properti terbaik sesuai kebutuhan Anda. Tidak ada komitmen, hanya data."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Sekarang",
|
||||
href: "https://wa.me/628123456789",
|
||||
},
|
||||
text: "WhatsApp Sekarang", href: "https://wa.me/628123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -307,50 +210,31 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Perusahaan",
|
||||
items: [
|
||||
title: "Perusahaan", items: [
|
||||
{
|
||||
label: "Tentang Kami",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tentang Kami", href: "#"},
|
||||
{
|
||||
label: "Karir",
|
||||
href: "#",
|
||||
},
|
||||
label: "Karir", href: "#"},
|
||||
{
|
||||
label: "Pers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Layanan",
|
||||
items: [
|
||||
title: "Layanan", items: [
|
||||
{
|
||||
label: "Beli Properti",
|
||||
href: "#listings",
|
||||
},
|
||||
label: "Beli Properti", href: "#listings"},
|
||||
{
|
||||
label: "Investasi",
|
||||
href: "#",
|
||||
},
|
||||
label: "Investasi", href: "#"},
|
||||
{
|
||||
label: "Konsultasi",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Konsultasi", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Syarat & Ketentuan",
|
||||
href: "#",
|
||||
},
|
||||
label: "Syarat & Ketentuan", href: "#"},
|
||||
{
|
||||
label: "Privasi",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privasi", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user