Merge version_1 into main #2
296
src/app/page.tsx
296
src/app/page.tsx
@@ -25,220 +25,100 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Our Philosophy",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#listings",
|
||||
},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Inquiries",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elysian Estates"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Philosophy", id: "about" },
|
||||
{ name: "Portfolio", id: "listings" },
|
||||
{ name: "Insights", id: "testimonials" },
|
||||
{ name: "Inquiries", id: "contact" },
|
||||
]}
|
||||
brandName="Elysian Estates"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Defining Extraordinary Living"
|
||||
description="Exquisite estates for the discerning collector. Where architectural legacy meets modern elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#listings",
|
||||
},
|
||||
{
|
||||
text: "Contact Consultant",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fairytale-castle-sunset_23-2151961772.jpg?_wi=1"
|
||||
imageAlt="Luxury estate sunset panorama"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Defining Extraordinary Living"
|
||||
description="Exquisite estates for the discerning collector. Where architectural legacy meets modern elegance."
|
||||
buttons={[
|
||||
{ text: "View Portfolio", href: "#listings" },
|
||||
{ text: "Contact Consultant", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fairytale-castle-sunset_23-2151961772.jpg"
|
||||
imageAlt="Luxury estate sunset panorama"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Trust"
|
||||
description="With over two decades of curated experience, Elysian Estates bridges the gap between dreams and reality, serving as a silent steward to the most exclusive transactions in the world."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150759.jpg?_wi=1"
|
||||
imageAlt="Sophisticated interior luxury home"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Trust"
|
||||
description="With over two decades of curated experience, Elysian Estates bridges the gap between dreams and reality, serving as a silent steward to the most exclusive transactions in the world."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150759.jpg"
|
||||
imageAlt="Sophisticated interior luxury home"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Bel-Air",
|
||||
name: "The Celestial Penthouse",
|
||||
price: "14.5M",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821350.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Malibu",
|
||||
name: "Oceanic Sanctuary",
|
||||
price: "22.0M",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zen-garden_1368-6288.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Aspen",
|
||||
name: "Mountain Grandeur",
|
||||
price: "12.2M",
|
||||
rating: 4,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497282.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Dubai",
|
||||
name: "Marina Apex",
|
||||
price: "9.8M",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-4054.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Monaco",
|
||||
name: "Azure Retreat",
|
||||
price: "18.5M",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712921.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "NYC",
|
||||
name: "Central Park Crown",
|
||||
price: "35.0M",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-grey-rock-masonry-texture_84443-72967.jpg",
|
||||
},
|
||||
]}
|
||||
title="Exclusive Portfolio"
|
||||
description="Selected opportunities currently available for private viewing."
|
||||
/>
|
||||
</div>
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Bel-Air", name: "The Celestial Penthouse", price: "14.5M", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821350.jpg" },
|
||||
{ id: "p2", brand: "Malibu", name: "Oceanic Sanctuary", price: "22.0M", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/zen-garden_1368-6288.jpg" },
|
||||
{ id: "p3", brand: "Aspen", name: "Mountain Grandeur", price: "12.2M", rating: 4, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497282.jpg" },
|
||||
{ id: "p4", brand: "Dubai", name: "Marina Apex", price: "9.8M", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-4054.jpg" },
|
||||
{ id: "p5", brand: "Monaco", name: "Azure Retreat", price: "18.5M", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712921.jpg" },
|
||||
{ id: "p6", brand: "NYC", name: "Central Park Crown", price: "35.0M", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/natural-grey-rock-masonry-texture_84443-72967.jpg" },
|
||||
]}
|
||||
title="Exclusive Portfolio"
|
||||
description="Selected opportunities currently available for private viewing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Victoria St. Claire",
|
||||
date: "Oct 2024",
|
||||
title: "CEO, Global Ventures",
|
||||
quote: "The most professional experience I've had. Pure sophistication.",
|
||||
tag: "Estate Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164715.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fairytale-castle-sunset_23-2151961772.jpg?_wi=2",
|
||||
imageAlt: "portrait successful professional executive",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
date: "Aug 2024",
|
||||
title: "Founder, Thorne Capital",
|
||||
quote: "Elysian Estates understood my vision immediately. Flawless.",
|
||||
tag: "Investor",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150759.jpg?_wi=2",
|
||||
imageAlt: "portrait successful professional executive",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
date: "June 2024",
|
||||
title: "Creative Director",
|
||||
quote: "Their insight into the market is truly unmatched.",
|
||||
tag: "Artisan Home Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821350.jpg?_wi=2",
|
||||
imageAlt: "portrait successful professional executive",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian Vance",
|
||||
date: "March 2024",
|
||||
title: "Principal Architect",
|
||||
quote: "I trust no one else to handle my personal real estate portfolio.",
|
||||
tag: "Architect & Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zen-garden_1368-6288.jpg?_wi=2",
|
||||
imageAlt: "portrait successful professional executive",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Serena Al-Fayed",
|
||||
date: "Jan 2024",
|
||||
title: "Philanthropist",
|
||||
quote: "Seamless, professional, and discreet. Precisely what I needed.",
|
||||
tag: "Private Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/professional-mature-man-standing-front-building_23-2147955272.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497282.jpg?_wi=2",
|
||||
imageAlt: "portrait successful professional executive",
|
||||
},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Testimonials from those who have found their home with us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Victoria St. Claire", date: "Oct 2024", title: "CEO, Global Ventures", quote: "The most professional experience I've had. Pure sophistication.", tag: "Estate Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164715.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fairytale-castle-sunset_23-2151961772.jpg", imageAlt: "portrait successful professional executive" },
|
||||
{ id: "2", name: "Marcus Thorne", date: "Aug 2024", title: "Founder, Thorne Capital", quote: "Elysian Estates understood my vision immediately. Flawless.", tag: "Investor", avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150759.jpg", imageAlt: "portrait successful professional executive" },
|
||||
{ id: "3", name: "Elena Rossi", date: "June 2024", title: "Creative Director", quote: "Their insight into the market is truly unmatched.", tag: "Artisan Home Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821350.jpg", imageAlt: "portrait successful professional executive" },
|
||||
{ id: "4", name: "Julian Vance", date: "March 2024", title: "Principal Architect", quote: "I trust no one else to handle my personal real estate portfolio.", tag: "Architect & Client", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg", imageSrc: "http://img.b2bpic.net/free-photo/zen-garden_1368-6288.jpg", imageAlt: "portrait successful professional executive" },
|
||||
{ id: "5", name: "Serena Al-Fayed", date: "Jan 2024", title: "Philanthropist", quote: "Seamless, professional, and discreet. Precisely what I needed.", tag: "Private Client", avatarSrc: "http://img.b2bpic.net/free-photo/professional-mature-man-standing-front-building_23-2147955272.jpg", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497282.jpg", imageAlt: "portrait successful professional executive" },
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Testimonials from those who have found their home with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquire"
|
||||
title="Private Consultations"
|
||||
description="Request a confidential meeting to discuss your property needs."
|
||||
inputPlaceholder="Your preferred email"
|
||||
buttonText="Request Access"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquire"
|
||||
title="Private Consultations"
|
||||
description="Request a confidential meeting to discuss your property needs."
|
||||
inputPlaceholder="Your preferred email"
|
||||
buttonText="Request Access"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Elysian Estates"
|
||||
copyrightText="© 2025 Elysian Estates | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Elysian Estates"
|
||||
copyrightText="© 2025 Elysian Estates | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user