Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-26 19:39:58 +00:00

View File

@@ -26,284 +26,129 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Properties",
id: "products",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Elite Estate"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Properties", id: "products" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" }
]}
brandName="Elite Estate"
button={{ text: "Inquire", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
title="Your Next Home Awaits"
description="Connecting you with premium real estate opportunities that define modern luxury living."
mediaItems={[
{
imageSrc: "https://pixabay.com/get/g4bb4eef3cbbfd31a222dc32a8b755eec934ac860781f7438d2e84293e480d19f5a1f9a36d9675e9fbe0d8b5e7f1981269d90ee98f2c02f7c4635543a62f78e5d_1280.jpg?_wi=1",
imageAlt: "Hero property",
},
{
imageSrc: "https://pixabay.com/get/gdcb5cbfa67d6cf7d5116d1384154f6c4047023dbc158726602bb43a5c6bb385eb5f419c22ad65d52aafcc5afcdfab0e5c0663c0892e2b7a75a62e04c978909ad_1280.jpg?_wi=1",
imageAlt: "Luxury interior",
},
{
imageSrc: "https://pixabay.com/get/gcd5c422ce0dafcecff616a884e2790d7e4ef302ca515331c0b3beb5494f7af005b2b34d568777493c12df1c54382058bfac7189bdc26522483c241921466732b_1280.jpg?_wi=1",
imageAlt: "Modern architecture",
},
{
imageSrc: "https://pixabay.com/get/g69e5839531ff272f7e84eab2e631175bfa5ad276eac6853d4a12396afc01e3d01bc2c0ceee7575bb1056f044619f6d3b81dc01c3991f4ef3809509746c2f8668_1280.jpg?_wi=1",
imageAlt: "Spacious villa",
},
{
imageSrc: "https://pixabay.com/get/g4bb4eef3cbbfd31a222dc32a8b755eec934ac860781f7438d2e84293e480d19f5a1f9a36d9675e9fbe0d8b5e7f1981269d90ee98f2c02f7c4635543a62f78e5d_1280.jpg?_wi=2",
imageAlt: "Home exterior",
},
{
imageSrc: "https://pixabay.com/get/gdcb5cbfa67d6cf7d5116d1384154f6c4047023dbc158726602bb43a5c6bb385eb5f419c22ad65d52aafcc5afcdfab0e5c0663c0892e2b7a75a62e04c978909ad_1280.jpg?_wi=2",
imageAlt: "Interior luxury",
},
]}
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Your Next Home Awaits"
description="Connecting you with premium real estate opportunities that define modern luxury living."
background={{ variant: "gradient-bars" }}
mediaItems={[
{ imageSrc: "https://pixabay.com/get/g4bb4eef3cbbfd31a222dc32a8b755eec934ac860781f7438d2e84293e480d19f5a1f9a36d9675e9fbe0d8b5e7f1981269d90ee98f2c02f7c4635543a62f78e5d_1280.jpg", imageAlt: "Hero property" },
{ imageSrc: "https://pixabay.com/get/gdcb5cbfa67d6cf7d5116d1384154f6c4047023dbc158726602bb43a5c6bb385eb5f419c22ad65d52aafcc5afcdfab0e5c0663c0892e2b7a75a62e04c978909ad_1280.jpg", imageAlt: "Luxury interior" },
{ imageSrc: "https://pixabay.com/get/gcd5c422ce0dafcecff616a884e2790d7e4ef302ca515331c0b3beb5494f7af005b2b34d568777493c12df1c54382058bfac7189bdc26522483c241921466732b_1280.jpg", imageAlt: "Modern architecture" },
{ imageSrc: "https://pixabay.com/get/g69e5839531ff272f7e84eab2e631175bfa5ad276eac6853d4a12396afc01e3d01bc2c0ceee7575bb1056f044619f6d3b81dc01c3991f4ef3809509746c2f8668_1280.jpg", imageAlt: "Spacious villa" },
{ imageSrc: "https://pixabay.com/get/g4bb4eef3cbbfd31a222dc32a8b755eec934ac860781f7438d2e84293e480d19f5a1f9a36d9675e9fbe0d8b5e7f1981269d90ee98f2c02f7c4635543a62f78e5d_1280.jpg", imageAlt: "Home exterior" },
{ imageSrc: "https://pixabay.com/get/gdcb5cbfa67d6cf7d5116d1384154f6c4047023dbc158726602bb43a5c6bb385eb5f419c22ad65d52aafcc5afcdfab0e5c0663c0892e2b7a75a62e04c978909ad_1280.jpg", imageAlt: "Interior luxury" }
]}
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Unmatched Expertise"
description="We are dedicated to providing personalized service and deep market insights to help you navigate the real estate landscape with confidence."
bulletPoints={[
{
title: "Market Insight",
description: "Up-to-date analysis of prime locations.",
},
{
title: "Client First",
description: "Your goals become our priority.",
},
{
title: "Expert Negotiation",
description: "Advocating for your best interests.",
},
]}
imageSrc="https://pixabay.com/get/g8ea553829f5c7f10c0850fd2c7d0215954d78b909397d0793374b6772146fb1d589fb7e700ad07d2156f3654af2c7e21241c4d9cf7c1446b0e56cfc767097a14_1280.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
title="Unmatched Expertise"
description="We are dedicated to providing personalized service and deep market insights to help you navigate the real estate landscape with confidence."
imageSrc="https://pixabay.com/get/g8ea553829f5c7f10c0850fd2c7d0215954d78b909397d0793374b6772146fb1d589fb7e700ad07d2156f3654af2c7e21241c4d9cf7c1446b0e56cfc767097a14_1280.jpg"
textboxLayout="split"
useInvertedBackground={false}
mediaAnimation="blur-reveal"
bulletPoints={[
{ title: "Market Insight", description: "Up-to-date analysis of prime locations." },
{ title: "Client First", description: "Your goals become our priority." },
{ title: "Expert Negotiation", description: "Advocating for your best interests." }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Modern Glass Mansion",
price: "$2,500,000",
variant: "4 Bed, 3 Bath",
imageSrc: "https://pixabay.com/get/gdcb5cbfa67d6cf7d5116d1384154f6c4047023dbc158726602bb43a5c6bb385eb5f419c22ad65d52aafcc5afcdfab0e5c0663c0892e2b7a75a62e04c978909ad_1280.jpg?_wi=3",
},
{
id: "2",
name: "Downtown Penthouse",
price: "$1,800,000",
variant: "2 Bed, 2 Bath",
imageSrc: "https://pixabay.com/get/gcd5c422ce0dafcecff616a884e2790d7e4ef302ca515331c0b3beb5494f7af005b2b34d568777493c12df1c54382058bfac7189bdc26522483c241921466732b_1280.jpg?_wi=2",
},
{
id: "3",
name: "Lakeside Villa",
price: "$3,200,000",
variant: "5 Bed, 4 Bath",
imageSrc: "https://pixabay.com/get/g69e5839531ff272f7e84eab2e631175bfa5ad276eac6853d4a12396afc01e3d01bc2c0ceee7575bb1056f044619f6d3b81dc01c3991f4ef3809509746c2f8668_1280.jpg?_wi=2",
},
{
id: "4",
name: "Contemporary Loft",
price: "$1,200,000",
variant: "1 Bed, 1 Bath",
imageSrc: "https://pixabay.com/get/gdcb5cbfa67d6cf7d5116d1384154f6c4047023dbc158726602bb43a5c6bb385eb5f419c22ad65d52aafcc5afcdfab0e5c0663c0892e2b7a75a62e04c978909ad_1280.jpg?_wi=4",
},
]}
title="Featured Listings"
description="Explore our curated collection of luxury properties."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
title="Featured Listings"
description="Explore our curated collection of luxury properties."
gridVariant="one-large-left-three-stacked-right"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
products={[
{ id: "1", name: "Modern Glass Mansion", price: "$2,500,000", variant: "4 Bed, 3 Bath", imageSrc: "https://pixabay.com/get/gdcb5cbfa67d6cf7d5116d1384154f6c4047023dbc158726602bb43a5c6bb385eb5f419c22ad65d52aafcc5afcdfab0e5c0663c0892e2b7a75a62e04c978909ad_1280.jpg" },
{ id: "2", name: "Downtown Penthouse", price: "$1,800,000", variant: "2 Bed, 2 Bath", imageSrc: "https://pixabay.com/get/gcd5c422ce0dafcecff616a884e2790d7e4ef302ca515331c0b3beb5494f7af005b2b34d568777493c12df1c54382058bfac7189bdc26522483c241921466732b_1280.jpg" },
{ id: "3", name: "Lakeside Villa", price: "$3,200,000", variant: "5 Bed, 4 Bath", imageSrc: "https://pixabay.com/get/g69e5839531ff272f7e84eab2e631175bfa5ad276eac6853d4a12396afc01e3d01bc2c0ceee7575bb1056f044619f6d3b81dc01c3991f4ef3809509746c2f8668_1280.jpg" },
{ id: "4", name: "Contemporary Loft", price: "$1,200,000", variant: "1 Bed, 1 Bath", imageSrc: "https://pixabay.com/get/gdcb5cbfa67d6cf7d5116d1384154f6c4047023dbc158726602bb43a5c6bb385eb5f419c22ad65d52aafcc5afcdfab0e5c0663c0892e2b7a75a62e04c978909ad_1280.jpg" }
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
members={[
{
id: "1",
name: "John Doe",
role: "Senior Consultant",
imageSrc: "https://pixabay.com/get/g274e972e413f9d7de9b8c7c53391e50d089c45684d55f8f78f79f7dae082b2760f7183d9d0fa144002364c5b0a55e43d240f9c0fb1418efda04c0989f7ce57dd_1280.jpg",
},
{
id: "2",
name: "Jane Smith",
role: "Luxury Specialist",
imageSrc: "https://pixabay.com/get/gbf7ac6091b9c3790dca88e0a98596313dc59d21292c76c2e7b4db69bfb517461cc6f25fc73ddd287a82692daf9c4b4a3b9d4e0bbe8469abc1bd714145f80cb87_1280.jpg",
},
{
id: "3",
name: "Mike Johnson",
role: "Investment Advisor",
imageSrc: "https://pixabay.com/get/g0d00dba739072cfcfcb4c3f06a9ad1ff39568088570a5427cf7cd75dd99cc3adc176fecf75798d94bcc6873d1b9e0c37355e92f577c7ab95ad91bdd7f02b014f_1280.jpg",
},
{
id: "4",
name: "Sarah Lee",
role: "Buyer's Advocate",
imageSrc: "https://pixabay.com/get/g22f284710be719663974a95e0678688337d925ba3944b0dde55fb2b650f4654608ef0c510f3412c3bfc4f70990a64568e072313c3f8cc47f93a247d2a9aca3d1_1280.jpg",
},
]}
title="Meet the Team"
description="Experienced professionals who are committed to your success."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
title="Meet the Team"
description="Experienced professionals who are committed to your success."
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
members={[
{ id: "1", name: "John Doe", role: "Senior Consultant", imageSrc: "https://pixabay.com/get/g274e972e413f9d7de9b8c7c53391e50d089c45684d55f8f78f79f7dae082b2760f7183d9d0fa144002364c5b0a55e43d240f9c0fb1418efda04c0989f7ce57dd_1280.jpg" },
{ id: "2", name: "Jane Smith", role: "Luxury Specialist", imageSrc: "https://pixabay.com/get/gbf7ac6091b9c3790dca88e0a98596313dc59d21292c76c2e7b4db69bfb517461cc6f25fc73ddd287a82692daf9c4b4a3b9d4e0bbe8469abc1bd714145f80cb87_1280.jpg" },
{ id: "3", name: "Mike Johnson", role: "Investment Advisor", imageSrc: "https://pixabay.com/get/g0d00dba739072cfcfcb4c3f06a9ad1ff39568088570a5427cf7cd75dd99cc3adc176fecf75798d94bcc6873d1b9e0c37355e92f577c7ab95ad91bdd7f02b014f_1280.jpg" },
{ id: "4", name: "Sarah Lee", role: "Buyer's Advocate", imageSrc: "https://pixabay.com/get/g22f284710be719663974a95e0678688337d925ba3944b0dde55fb2b650f4654608ef0c510f3412c3bfc4f70990a64568e072313c3f8cc47f93a247d2a9aca3d1_1280.jpg" }
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Wilson",
role: "CEO",
company: "Tech",
rating: 5,
imageSrc: "https://pixabay.com/get/g80ceacec543e511ab289d5bec9c587142bab7df73d09fd75cc937f20f27854f3a6858d408fc4ddc545e10d2d8e9317573269fa4772d0866f15c7d0ea00eeb50e_1280.jpg",
},
{
id: "2",
name: "David Chen",
role: "Founder",
company: "Labs",
rating: 5,
imageSrc: "https://pixabay.com/get/g31af78db84886b5ab890f10a8212eda44acab7bfa3dab46c7126a3c651376884aa0ab05fd7466d9c36ee2d7877bef65e58600e4b66f4cfb4bf5bef9b0f694670_1280.jpg",
},
{
id: "3",
name: "Elena Rodriguez",
role: "Creative",
company: "Studio",
rating: 5,
imageSrc: "https://pixabay.com/get/g0b57da9080e3d75d17f2da4d4794c0117aedf84c4ed438baaef7372c6e1ded44f5532095b7e442101937c6833f1dd823318b85f75b85091268a021c7c0b900e8_1280.jpg",
},
{
id: "4",
name: "Tom Baker",
role: "Director",
company: "Group",
rating: 5,
imageSrc: "https://pixabay.com/get/gabaf9490457cff77c93f97488c8100b0788df64416c1d647609d9c82a0864ca59394ddf7dc388fa141246f2dea12ca27b2f955f8f54bed40c24a816997c91153_1280.jpg",
},
]}
kpiItems={[
{
value: "500+",
label: "Homes Sold",
},
{
value: "15",
label: "Years Active",
},
{
value: "98%",
label: "Satisfaction Rate",
},
]}
title="Client Success"
description="Hear what our clients have to say about their experience."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSixteen
title="Client Success"
description="Hear what our clients have to say about their experience."
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
kpiItems={[
{ value: "500+", label: "Homes Sold" },
{ value: "15", label: "Years Active" },
{ value: "98%", label: "Satisfaction Rate" }
]}
testimonials={[
{ id: "1", name: "Sarah Wilson", role: "CEO", company: "Tech", rating: 5, imageSrc: "https://pixabay.com/get/g80ceacec543e511ab289d5bec9c587142bab7df73d09fd75cc937f20f27854f3a6858d408fc4ddc545e10d2d8e9317573269fa4772d0866f15c7d0ea00eeb50e_1280.jpg" },
{ id: "2", name: "David Chen", role: "Founder", company: "Labs", rating: 5, imageSrc: "https://pixabay.com/get/g31af78db84886b5ab890f10a8212eda44acab7bfa3dab46c7126a3c651376884aa0ab05fd7466d9c36ee2d7877bef65e58600e4b66f4cfb4bf5bef9b0f694670_1280.jpg" },
{ id: "3", name: "Elena Rodriguez", role: "Creative", company: "Studio", rating: 5, imageSrc: "https://pixabay.com/get/g0b57da9080e3d75d17f2da4d4794c0117aedf84c4ed438baaef7372c6e1ded44f5532095b7e442101937c6833f1dd823318b85f75b85091268a021c7c0b900e8_1280.jpg" },
{ id: "4", name: "Tom Baker", role: "Director", company: "Group", rating: 5, imageSrc: "https://pixabay.com/get/gabaf9490457cff77c93f97488c8100b0788df64416c1d647609d9c82a0864ca59394ddf7dc388fa141246f2dea12ca27b2f955f8f54bed40c24a816997c91153_1280.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Inquire Today"
title="Start Your Journey"
description="Have questions about our properties? Contact our team today and we'll be happy to assist you."
imageSrc="https://pixabay.com/get/g0a9126da6694d0181e6fb6a4b14666dcbc3fc637a5a15f9f5fdc9c3f322ab11fbba5589a8a5e8b2f582892a85b1743b9544dfd8d6af413dae894451d250284ec_1280.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Inquire Today"
title="Start Your Journey"
description="Have questions about our properties? Contact our team today and we'll be happy to assist you."
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
imageSrc="https://pixabay.com/get/g0a9126da6694d0181e6fb6a4b14666dcbc3fc637a5a15f9f5fdc9c3f322ab11fbba5589a8a5e8b2f582892a85b1743b9544dfd8d6af413dae894451d250284ec_1280.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://pixabay.com/get/gf48e36cc2f84b43f4122e7c3cdd9673b28a6efab22c3a3ad8bc7625c357e8ed27b20da65a2371f2d0053b63c3d0e653b_1280.jpg"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Team",
href: "#team",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Resources",
items: [
{
label: "Listings",
href: "#products",
},
{
label: "Blog",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="Elite Estate"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://pixabay.com/get/gf48e36cc2f84b43f4122e7c3cdd9673b28a6efab22c3a3ad8bc7625c357e8ed27b20da65a2371f2d0053b63c3d0e653b_1280.jpg"
logoText="Elite Estate"
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Team", href: "#team" }, { label: "Contact", href: "#contact" }] },
{ title: "Resources", items: [{ label: "Listings", href: "#products" }, { label: "Blog", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);