233 lines
10 KiB
TypeScript
233 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { CheckCircle, TrendingUp, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
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: "Listing", id: "listings"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="EliteEstate"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
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: "Konsultasi", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
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", 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", 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: "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"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
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,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/composition-tablet-with-home-automation-app_23-2149036813.jpg?_wi=1", imageAlt: "Smart home automation tablet"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/composition-tablet-with-home-automation-app_23-2149036813.jpg?_wi=2", imageAlt: "Smart home automation tablet"
|
|
},
|
|
],
|
|
},
|
|
{
|
|
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", imageAlt: "Financial analysis chart"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pollution-concept-with-town-full-smoke_23-2149094924.jpg?_wi=2", imageAlt: "Financial analysis chart"
|
|
},
|
|
],
|
|
},
|
|
{
|
|
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", imageAlt: "Digital contract signing"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-using-drawing-tablet_23-2147717361.jpg?_wi=2", imageAlt: "Digital contract signing"
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
title="Pengalaman Properti Tanpa Ribet"
|
|
description="Kami merancang ulang cara Anda menemukan dan memiliki properti dengan teknologi AI dan pendampingan ahli."
|
|
/>
|
|
</div>
|
|
|
|
<div id="listings" data-section="listings">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
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: "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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "500+", title: "Unit Terjual", items: ["Verified Properties", "Quality Assured", "Direct Ownership"]},
|
|
{
|
|
id: "m2", value: "98%", title: "Tingkat Kepuasan", items: ["Seamless Closing", "AI Matching", "Expert Support"]},
|
|
{
|
|
id: "m3", value: "12+", title: "Kota Operasional", items: ["Top Tier Regions", "High Growth Areas", "Strategic Locations"]},
|
|
]}
|
|
title="Track Record Kepercayaan"
|
|
description="Kami bangga telah membantu ratusan klien mencapai mimpi properti mereka dengan indikator kepercayaan yang terverifikasi."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
cardTitle="Apa Kata Klien Kami"
|
|
cardTag="Social Proof"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah A.", 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.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"},
|
|
{
|
|
id: "3", name: "Emily C.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
tag="Siap Memulai?"
|
|
title="Konsultasi Gratis Sekarang"
|
|
description="Tim ahli kami siap memberikan rekomendasi properti terbaik sesuai kebutuhan Anda. Masukkan email Anda untuk mulai berdiskusi."
|
|
inputPlaceholder="Alamat email Anda"
|
|
buttonText="Konsultasi Sekarang"
|
|
onSubmit={(email) => console.log(email)}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Perusahaan", items: [
|
|
{
|
|
label: "Tentang Kami", href: "#"},
|
|
{
|
|
label: "Karir", href: "#"},
|
|
{
|
|
label: "Pers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Layanan", items: [
|
|
{
|
|
label: "Beli Properti", href: "#listings"},
|
|
{
|
|
label: "Investasi", href: "#"},
|
|
{
|
|
label: "Konsultasi", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Syarat & Ketentuan", href: "#"},
|
|
{
|
|
label: "Privasi", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 EliteEstate. Semua hak dilindungi."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|