bender/befcdb37-5e40-42e0-84c4-c3d4c4524d47
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

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

4 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
1053722886 Update src/app/page.tsx 2026-05-22 13:38:36 +00:00
bender
228b090125 Update src/app/page.tsx 2026-05-22 13:38:12 +00:00
bender
609c6d5d6f Update src/app/page.tsx 2026-05-22 13:37:45 +00:00
bender
8c438c8b47 Merge version_1 into main 
Merge version_1 into main
 2026-05-22 13:35:23 +00:00
1 changed files with 109 additions and 155 deletions
Expand all files Collapse all files

262
src/app/page.tsx
View File

@@ -2,16 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Clock, Globe, TrendingUp } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -28,158 +27,113 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Listings", id: "products" }, { name: "Listings", id: "products" },
{ name: "Testimonials", id: "testimonials" }, { name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
brandName="Elite Estate" brandName="Elite Estate"
button={{ text: "Get Started", href: "#contact" }} button={{ text: "Get Started", href: "#contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroBillboardTestimonial
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
title="Your Trusted Guide in Luxury Real Estate" 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." description="Expert guidance for premium property acquisition, investment strategy, and comprehensive portfolio management."
kpis={[ testimonials={[
{ value: "$500M+", label: "Portfolio Managed" }, { name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "The best guidance I've received for my portfolio.", rating: 5 },
{ value: "15+ Yrs", label: "Industry Experience" }, { name: "Marcus Thorne", handle: "@mthorne", testimonial: "Exceptional market intelligence and execution.", rating: 5 }
{ value: "200+", label: "Successful Closings" } ]}
]} imageSrc="http://img.b2bpic.net/free-photo/attractive-business-woman-takes-selfie-her-cosy-office_197531-27982.jpg"
enableKpiAnimation={true} />
imageSrc="http://img.b2bpic.net/free-photo/attractive-business-woman-takes-selfie-her-cosy-office_197531-27982.jpg" </div>
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" }
]}
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" }
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <TextSplitAbout
useInvertedBackground={false} title="A Visionary Approach to Property"
title="A Visionary Approach to Property" description={["With a keen eye for value and deep market intelligence, I help high-net-worth clients secure properties that align with their long-term financial and lifestyle goals."]}
description="With a keen eye for value and deep market intelligence, I help high-net-worth clients secure properties that align with their long-term financial and lifestyle goals." useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/content-business-partners-discussing-documents-outdoors_1262-12307.jpg" />
/> </div>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardThree <MetricCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} title="Market Performance"
metrics={[ description="Tangible results driven by market foresight."
{ id: "m1", icon: TrendingUp, title: "Client ROI", value: "12.5%" }, useInvertedBackground={false}
{ id: "m2", icon: Globe, title: "Global Reach", value: "40+" }, metrics={[
{ id: "m3", icon: Clock, title: "Average Sale", value: "32 Days" } { id: "1", value: "12.5%", title: "ROI", description: "Average annual yield", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-gold-coast-skyline-waterfront-residential-neighborhood_1308-189598.jpg?_wi=1" },
]} { id: "2", value: "40+", title: "Global Markets", description: "Investment coverage", imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg?_wi=1" }
title="Market Performance" ]}
description="Tangible results driven by market foresight and dedication." />
/> </div>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split" gridVariant="asymmetric-60-wide-40-narrow"
gridVariant="two-columns-alternating-heights" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
products={[ title="Premium Listings"
{ 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" }, description="Our curated collection of premier luxury properties."
{ 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" }, products={[
{ 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: "1", name: "The Horizon Penthouse", price: "$4.5M", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-gold-coast-skyline-waterfront-residential-neighborhood_1308-189598.jpg?_wi=2" },
{ 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: "2", name: "Waterfront Villa", price: "$6.1M", 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: "3", name: "City Escape", price: "$2.8M", imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg?_wi=2" }
{ 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" </div>
description="Curated selections for the discerning buyer."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen <TestimonialCardFive
animationType="slide-up" textboxLayout="split"
textboxLayout="split" title="Client Success"
useInvertedBackground={false} description="What clients say about our partnership."
testimonials={[ useInvertedBackground={false}
{ 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" }, testimonials={[
{ 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: "t1", name: "Sarah Jenkins", date: "Oct 2023", title: "Exceptional service", quote: "Truly the best in the market.", tag: "Investor", avatarSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164706.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" } </div>
]}
kpiItems={[
{ 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."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqBase <FaqDouble
textboxLayout="split" faqsAnimation="slide-up"
useInvertedBackground={false} textboxLayout="split"
faqs={[ title="FAQ"
{ id: "q1", title: "How do we begin the consultation?", content: "We start with a confidential discovery session to align your financial and residential goals." }, description="Frequently asked questions about luxury real estate services."
{ 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." }, useInvertedBackground={false}
{ id: "q3", title: "Do you work with international buyers?", content: "Yes, we specialize in helping international investors navigate local real estate markets with ease." } faqs={[
]} { id: "q1", title: "How to start?", content: "Consultation is free for new clients." }
title="Consultation Queries" ]}
description="Common questions regarding our real estate advisory services." />
faqsAnimation="slide-up" </div>
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCTA
useInvertedBackground={false} tag="Contact"
background={{ variant: "plain" }} title="Get in touch"
tag="Let's Talk" description="Schedule your private consultation today."
title="Ready to Start Your Journey?" buttons={[{ text: "Book Now", href: "#contact" }]}
description="Book a confidential strategy session to discuss your next property investment." background={{ variant: "sparkles-gradient" }}
/> useInvertedBackground={true}
</div> />
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoReveal
columns={[ logoText="Elite Estate"
{ items: [ leftLink={{ text: "Privacy", href: "#" }}
{ label: "About", href: "#about" }, rightLink={{ text: "Contact", href: "#contact" }}
{ label: "Listings", href: "#products" }, />
{ label: "Contact", href: "#contact" } </div>
]
},
{ items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Use", href: "#" }
]
}
]}
logoText="Elite Estate"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );