Update src/app/page.tsx
This commit is contained in:
285
src/app/page.tsx
285
src/app/page.tsx
@@ -19,100 +19,55 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Listings", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Elite Estate"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Your Trusted Guide in Luxury Real Estate"
|
||||
description="Expert guidance for premium property acquisition, investment strategy, and comprehensive portfolio management in today's dynamic market."
|
||||
kpis={[
|
||||
{
|
||||
value: "$500M+",
|
||||
label: "Portfolio Managed",
|
||||
},
|
||||
{
|
||||
value: "15+ Yrs",
|
||||
label: "Industry Experience",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Successful Closings",
|
||||
},
|
||||
{ value: "$500M+", label: "Portfolio Managed" },
|
||||
{ value: "15+ Yrs", label: "Industry Experience" },
|
||||
{ value: "200+", label: "Successful Closings" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-business-woman-takes-selfie-her-cosy-office_197531-27982.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-from-home_23-2148916095.jpg",
|
||||
alt: "Consultant representative",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-woman-with-headset-using-computer_482257-120429.jpg",
|
||||
alt: "Client support",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-woman-holding-artwork_23-2148372150.jpg",
|
||||
alt: "Portfolio manager",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-chair-desk_23-2148820015.jpg",
|
||||
alt: "Strategic advisor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
alt: "Senior partner",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-working-from-home_23-2148916095.jpg", alt: "Consultant representative" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/asian-woman-with-headset-using-computer_482257-120429.jpg", alt: "Client support" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/creative-woman-holding-artwork_23-2148372150.jpg", alt: "Portfolio manager" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-chair-desk_23-2148820015.jpg", alt: "Strategic advisor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Senior partner" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ private clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Presence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Expertise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Focus",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Client First",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Proven Results",
|
||||
},
|
||||
{ type: "text", text: "Global Presence" },
|
||||
{ type: "text", text: "Market Expertise" },
|
||||
{ type: "text", text: "Luxury Focus" },
|
||||
{ type: "text", text: "Client First" },
|
||||
{ type: "text", text: "Proven Results" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,24 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: TrendingUp,
|
||||
title: "Client ROI",
|
||||
value: "12.5%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Globe,
|
||||
title: "Global Reach",
|
||||
value: "40+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Average Sale",
|
||||
value: "32 Days",
|
||||
},
|
||||
{ id: "m1", icon: TrendingUp, title: "Client ROI", value: "12.5%" },
|
||||
{ id: "m2", icon: Globe, title: "Global Reach", value: "40+" },
|
||||
{ id: "m3", icon: Clock, title: "Average Sale", value: "32 Days" }
|
||||
]}
|
||||
title="Market Performance"
|
||||
description="Tangible results driven by market foresight and dedication."
|
||||
@@ -163,48 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Horizon Penthouse",
|
||||
price: "$4.5M",
|
||||
variant: "Penthouse",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-gold-coast-skyline-waterfront-residential-neighborhood_1308-189598.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Suburban Estate",
|
||||
price: "$2.2M",
|
||||
variant: "Single Family",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-beautiful-wooden-house-with-decorations-windows-near-sea_181624-17764.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Contemporary Unit",
|
||||
price: "$1.8M",
|
||||
variant: "Apartment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Waterfront Villa",
|
||||
price: "$6.1M",
|
||||
variant: "Mansion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-hotel-sky-vintage-chairs_1203-6262.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chic City Loft",
|
||||
price: "$950K",
|
||||
variant: "Studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-wear-fashionable-snake-dress-sunglasses-pose-restaurant_627829-5449.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Georgian Home",
|
||||
price: "$3.4M",
|
||||
variant: "Single Family",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25330.jpg",
|
||||
},
|
||||
{ id: "p1", name: "The Horizon Penthouse", price: "$4.5M", variant: "Penthouse", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-gold-coast-skyline-waterfront-residential-neighborhood_1308-189598.jpg" },
|
||||
{ id: "p2", name: "Suburban Estate", price: "$2.2M", variant: "Single Family", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-beautiful-wooden-house-with-decorations-windows-near-sea_181624-17764.jpg" },
|
||||
{ id: "p3", name: "Urban Contemporary Unit", price: "$1.8M", variant: "Apartment", imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg" },
|
||||
{ id: "p4", name: "Waterfront Villa", price: "$6.1M", variant: "Mansion", imageSrc: "http://img.b2bpic.net/free-photo/swimming-hotel-sky-vintage-chairs_1203-6262.jpg" },
|
||||
{ id: "p5", name: "Chic City Loft", price: "$950K", variant: "Studio", imageSrc: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-wear-fashionable-snake-dress-sunglasses-pose-restaurant_627829-5449.jpg" },
|
||||
{ id: "p6", name: "Classic Georgian Home", price: "$3.4M", variant: "Single Family", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25330.jpg" }
|
||||
]}
|
||||
title="Premium Current Listings"
|
||||
description="Curated selections for the discerning buyer."
|
||||
@@ -217,60 +121,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Investor",
|
||||
company: "Global Assets",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164706.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "CEO",
|
||||
company: "Thorne Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Architect",
|
||||
company: "Studio E",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Chen",
|
||||
role: "Founder",
|
||||
company: "NextGen Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064844.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Martin",
|
||||
role: "CFO",
|
||||
company: "FinTech Partners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", role: "Investor", company: "Global Assets", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164706.jpg" },
|
||||
{ id: "2", name: "Marcus Thorne", role: "CEO", company: "Thorne Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Architect", company: "Studio E", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg" },
|
||||
{ id: "4", name: "James Chen", role: "Founder", company: "NextGen Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064844.jpg" },
|
||||
{ id: "5", name: "Sophie Martin", role: "CFO", company: "FinTech Partners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Referral Rate",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "5.0", label: "Average Rating" },
|
||||
{ value: "95%", label: "Referral Rate" },
|
||||
{ value: "100%", label: "Client Satisfaction" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why investors trust me with their property portfolio."
|
||||
@@ -282,21 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we begin the consultation?",
|
||||
content: "We start with a confidential discovery session to align your financial and residential goals.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What fees are involved?",
|
||||
content: "Our fee structure is transparent, typically based on a service retainer or final commission, customized to your specific needs.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you work with international buyers?",
|
||||
content: "Yes, we specialize in helping international investors navigate local real estate markets with ease.",
|
||||
},
|
||||
{ id: "q1", title: "How do we begin the consultation?", content: "We start with a confidential discovery session to align your financial and residential goals." },
|
||||
{ id: "q2", title: "What fees are involved?", content: "Our fee structure is transparent, typically based on a service retainer or final commission, customized to your specific needs." },
|
||||
{ id: "q3", title: "Do you work with international buyers?", content: "Yes, we specialize in helping international investors navigate local real estate markets with ease." }
|
||||
]}
|
||||
title="Consultation Queries"
|
||||
description="Common questions regarding our real estate advisory services."
|
||||
@@ -307,9 +155,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Talk"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Book a confidential strategy session to discuss your next property investment."
|
||||
@@ -319,34 +165,17 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Listings",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
{ items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Listings", href: "#products" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{ items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Elite Estate"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user