Merge version_1 into main #1
366
src/app/page.tsx
366
src/app/page.tsx
@@ -27,257 +27,135 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "properties",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elite Realty"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Properties", id: "properties" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Realty"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Find Your Dream Property"
|
||||
description="Elite Realty offers an exclusive collection of luxury homes and investment properties. Your journey to your perfect home begins here."
|
||||
tag="Trusted Agency"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Listings",
|
||||
href: "#properties",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://pixabay.com/get/gc87f45e2a2605bed438542bb3a3aabb0767adc62f75e09b99d366228c0799767065132d4ac3a78bec67da7ba36848e606c2a68245557723aed7f98d11450cc1b_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://pixabay.com/get/gbec0c4ca574351708271c814f68e3e43b9eabf721ec49ac0816ff43e46e2c76f3f4fe7e18a453d500629e5cc6bee0f6fe353750040fdf8903e1ecc178a36432c_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://pixabay.com/get/ge5383dfbad1f111349154de8e9bccfb62173301a82992865767db497f393d3e9622d8abc19b252f0a19810351828379c59de3a8e0422df7617ca8e9940579f93_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://pixabay.com/get/gdf452b7db0160bef81decb20ce09e718f79c96a306991869ac368e4d4e1a9bbbb685a55f010e877e724f40431c55e5cc0c540011d87e684eeb86e2d85d41de8f_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://pixabay.com/get/gfb6f9c9365232241b82f913b897df93ce12885c2050f878ea0fa950056906ff51f14a299fe3e11b3be40f5c5388fc65420fcb7d202ded3810b8192c481f1dddc_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://pixabay.com/get/geac6060fa4d36399a4a5c864e205c4f6d60aa2845a4179f397040fb489c427fc753572e64eb4a01093ac16ea7dbc3c2cfc0fc5e3f0a747803b1718d299564ce3_1280.jpg",
|
||||
},
|
||||
]}
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Find Your Dream Property"
|
||||
description="Elite Realty offers an exclusive collection of luxury homes and investment properties. Your journey to your perfect home begins here."
|
||||
tag="Trusted Agency"
|
||||
buttons={[
|
||||
{ text: "View Listings", href: "#properties" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://pixabay.com/get/gc87f45e2a2605bed438542bb3a3aabb0767adc62f75e09b99d366228c0799767065132d4ac3a78bec67da7ba36848e606c2a68245557723aed7f98d11450cc1b_1280.jpg" },
|
||||
{ id: "2", imageSrc: "https://pixabay.com/get/gbec0c4ca574351708271c814f68e3e43b9eabf721ec49ac0816ff43e46e2c76f3f4fe7e18a453d500629e5cc6bee0f6fe353750040fdf8903e1ecc178a36432c_1280.jpg" },
|
||||
{ id: "3", imageSrc: "https://pixabay.com/get/ge5383dfbad1f111349154de8e9bccfb62173301a82992865767db497f393d3e9622d8abc19b252f0a19810351828379c59de3a8e0422df7617ca8e9940579f93_1280.jpg" },
|
||||
{ id: "4", imageSrc: "https://pixabay.com/get/gdf452b7db0160bef81decb20ce09e718f79c96a306991869ac368e4d4e1a9bbbb685a55f010e877e724f40431c55e5cc0c540011d87e684eeb86e2d85d41de8f_1280.jpg" },
|
||||
{ id: "5", imageSrc: "https://pixabay.com/get/gfb6f9c9365232241b82f913b897df93ce12885c2050f878ea0fa950056906ff51f14a299fe3e11b3be40f5c5388fc65420fcb7d202ded3810b8192c481f1dddc_1280.jpg" },
|
||||
{ id: "6", imageSrc: "https://pixabay.com/get/geac6060fa4d36399a4a5c864e205c4f6d60aa2845a4179f397040fb489c427fc753572e64eb4a01093ac16ea7dbc3c2cfc0fc5e3f0a747803b1718d299564ce3_1280.jpg" },
|
||||
]}
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Expertise"
|
||||
title="Decades of Market Excellence"
|
||||
description="Elite Realty has been the cornerstone of premium property transactions for over 25 years. We bridge the gap between discerning buyers and extraordinary homes."
|
||||
subdescription="Our team of dedicated agents combines local market intelligence with global marketing reach to ensure every property transaction is seamless, secure, and successful."
|
||||
icon={Shield}
|
||||
imageSrc="https://pixabay.com/get/g18075b4e39fd314a83886d8a847eb0314721dc6ca304e679a4f1227ef39e9ef9b7a3e40d2620673767683143c288469ce1359c7806afc4c1a71a2826c77989d6_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Award}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Expertise"
|
||||
title="Decades of Market Excellence"
|
||||
description="Elite Realty has been the cornerstone of premium property transactions for over 25 years. We bridge the gap between discerning buyers and extraordinary homes."
|
||||
subdescription="Our team of dedicated agents combines local market intelligence with global marketing reach to ensure every property transaction is seamless, secure, and successful."
|
||||
icon={Shield}
|
||||
imageSrc="https://pixabay.com/get/g18075b4e39fd314a83886d8a847eb0314721dc6ca304e679a4f1227ef39e9ef9b7a3e40d2620673767683143c288469ce1359c7806afc4c1a71a2826c77989d6_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Award}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="properties" data-section="properties">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Skyline Luxury Condo",
|
||||
price: "$1.2M",
|
||||
imageSrc: "https://pixabay.com/get/gbc7d0b69b2bfd015681437f48d871f40bf5f20ea45cbeabee9a95f28f387eadec036228bc459505cc1319be907291260ca56c5a45e834b504edd8f9e3227b05f_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Suburban Haven",
|
||||
price: "$850K",
|
||||
imageSrc: "https://pixabay.com/get/g1e50521d15038a70ec7a36817774e930e325998c9967899f4227d5457d7ae2159997b6f23fd4ecfabbc4d7e46779b993ef96a71dcba8fba2a477e454dd88b0c9_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Waterfront Estate",
|
||||
price: "$3.5M",
|
||||
imageSrc: "https://pixabay.com/get/gaf88b6d087b899bb4158d03fc4e41262e03d30f768421e57a85380e3692e791b475a8b198ebf9406b8feeab9b29bd25e70ce50144faa22f74da48febc77e12de_1280.jpg",
|
||||
},
|
||||
]}
|
||||
title="Exclusive Property Listings"
|
||||
description="Discover your next home from our hand-picked selection of luxury estates and modern living spaces."
|
||||
tag="Featured Homes"
|
||||
tagIcon={Home}
|
||||
/>
|
||||
</div>
|
||||
<div id="properties" data-section="properties">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Skyline Luxury Condo", price: "$1.2M", imageSrc: "https://pixabay.com/get/gbc7d0b69b2bfd015681437f48d871f40bf5f20ea45cbeabee9a95f28f387eadec036228bc459505cc1319be907291260ca56c5a45e834b504edd8f9e3227b05f_1280.jpg" },
|
||||
{ id: "p2", name: "Modern Suburban Haven", price: "$850K", imageSrc: "https://pixabay.com/get/g1e50521d15038a70ec7a36817774e930e325998c9967899f4227d5457d7ae2159997b6f23fd4ecfabbc4d7e46779b993ef96a71dcba8fba2a477e454dd88b0c9_1280.jpg" },
|
||||
{ id: "p3", name: "Waterfront Estate", price: "$3.5M", imageSrc: "https://pixabay.com/get/gaf88b6d087b899bb4158d03fc4e41262e03d30f768421e57a85380e3692e791b475a8b198ebf9406b8feeab9b29bd25e70ce50144faa22f74da48febc77e12de_1280.jpg" },
|
||||
]}
|
||||
title="Exclusive Property Listings"
|
||||
description="Discover your next home from our hand-picked selection of luxury estates and modern living spaces."
|
||||
tag="Featured Homes"
|
||||
tagIcon={Home}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Properties Sold",
|
||||
description: "Completed transactions across major markets.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Based on post-transaction feedback ratings.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$1B+",
|
||||
title: "Volume Managed",
|
||||
description: "Total asset value successfully transacted.",
|
||||
},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers speak louder than promises. We deliver results that matter to our clients."
|
||||
tag="Our Track Record"
|
||||
tagIcon={TrendingUp}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", title: "Properties Sold", description: "Completed transactions across major markets." },
|
||||
{ id: "m2", value: "98%", title: "Client Satisfaction", description: "Based on post-transaction feedback ratings." },
|
||||
{ id: "m3", value: "$1B+", title: "Volume Managed", description: "Total asset value successfully transacted." },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers speak louder than promises. We deliver results that matter to our clients."
|
||||
tag="Our Track Record"
|
||||
tagIcon={TrendingUp}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Buyer",
|
||||
company: "Tech Executive",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/ga3fc37b2507426e884e1f8d5409b76088ad048464df182508c0ddbf6317f26663eb7fc5e20ddb7a801a9f3a7e60c69d84084c78b5410d591d02ded1409c717db_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Seller",
|
||||
company: "Entrepreneur",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g3a8f4b9f0d2441fc2d859944b9cc7a0fa18bce67ed9b02efb22f8846f7347fee3a3439134288c7c789a965b3f31f25dd33a779c2a42700c1c326fe983a498f8d_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
role: "Buyer",
|
||||
company: "Designer",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/ge5fd3ded197845200fc77334f4756a34459eddf830e5ed08e166b641af29959a1a32c362e6feeca87d224c980689cb4b47affc694352bda59f5f0c01f6f7eaeb_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Ross",
|
||||
role: "Seller",
|
||||
company: "Architect",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gf8d577fc6ca72680d986116f1cd856d0657835faa41b0883780ca742b333482dc7124a48aa812d1436fa0a28812f357e5c4433f88e620f3e08c11ed6c2cf91a4_1280.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the people who trusted us with their most important investments."
|
||||
tag="Client Stories"
|
||||
tagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "Buyer", company: "Tech Executive", rating: 5, imageSrc: "https://pixabay.com/get/ga3fc37b2507426e884e1f8d5409b76088ad048464df182508c0ddbf6317f26663eb7fc5e20ddb7a801a9f3a7e60c69d84084c78b5410d591d02ded1409c717db_1280.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", role: "Seller", company: "Entrepreneur", rating: 5, imageSrc: "https://pixabay.com/get/g3a8f4b9f0d2441fc2d859944b9cc7a0fa18bce67ed9b02efb22f8846f7347fee3a3439134288c7c789a965b3f31f25dd33a779c2a42700c1c326fe983a498f8d_1280.jpg" },
|
||||
{ id: "t3", name: "Emily Watson", role: "Buyer", company: "Designer", rating: 5, imageSrc: "https://pixabay.com/get/ge5fd3ded197845200fc77334f4756a34459eddf830e5ed08e166b641af29959a1a32c362e6feeca87d224c980689cb4b47affc694352bda59f5f0c01f6f7eaeb_1280.jpg" },
|
||||
{ id: "t4", name: "David Ross", role: "Seller", company: "Architect", rating: 5, imageSrc: "https://pixabay.com/get/gf8d577fc6ca72680d986116f1cd856d0657835faa41b0883780ca742b333482dc7124a48aa812d1436fa0a28812f357e5c4433f88e620f3e08c11ed6c2cf91a4_1280.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9/5", label: "Google Rating" },
|
||||
{ value: "100%", label: "Client Retention" },
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the people who trusted us with their most important investments."
|
||||
tag="Client Stories"
|
||||
tagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to take the next step? Our experts are here to help you navigate the market with confidence. Reach out today for a complimentary property consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Agent",
|
||||
href: "mailto:hello@eliterealty.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to take the next step? Our experts are here to help you navigate the market with confidence. Reach out today for a complimentary property consultation."
|
||||
buttons={[
|
||||
{ text: "Contact Agent", href: "mailto:hello@eliterealty.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Elite Realty"
|
||||
copyrightText="© 2025 Elite Realty. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Elite Realty"
|
||||
copyrightText="© 2025 Elite Realty. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user