bender/a582589e-3d76-4b06-9cc7-7269d0ac7828
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-24 09:34:43 +00:00
parent 13889aca43
commit b52da7fc8e
1 changed files with 144 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

476
src/app/page.tsx
View File

@@ -29,347 +29,159 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Listings",
id: "properties",
},
{
name: "Insights",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Elysian Estate"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Listings", id: "properties" },
{ name: "Insights", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Elysian Estate"
button={{ text: "Inquire", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
title="Defining Modern Luxury"
description="Exquisite estates for the discerning individual. Your journey home starts here with curated, world-class properties."
buttons={[
{
text: "View Properties",
href: "#properties",
},
]}
carouselItems={[
{
id: "h1",
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694111.jpg?_wi=1",
imageAlt: "Luxury villa at sunset",
},
{
id: "h2",
imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-sunset-skyline_181624-41261.jpg?_wi=1",
imageAlt: "Modern penthouse view",
},
{
id: "h3",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8862.jpg?_wi=1",
imageAlt: "Coastal mansion pool",
},
{
id: "h4",
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020337.jpg",
imageAlt: "Minimalist living room",
},
{
id: "h5",
imageSrc: "http://img.b2bpic.net/free-photo/rooftop-sunset-city-view_23-2151945708.jpg",
imageAlt: "Spacious home garden",
},
{
id: "h6",
imageSrc: "http://img.b2bpic.net/free-photo/decorative-design-gardening-natural-plant-tree_53876-14209.jpg",
imageAlt: "Modern architectural foyer",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-static" }}
title="Defining Modern Luxury"
description="Exquisite estates for the discerning individual. Your journey home starts here with curated, world-class properties."
buttons={[{ text: "View Properties", href: "#properties" }]}
carouselItems={[
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694111.jpg", imageAlt: "Luxury villa at sunset" },
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-sunset-skyline_181624-41261.jpg", imageAlt: "Modern penthouse view" },
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8862.jpg", imageAlt: "Coastal mansion pool" },
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020337.jpg", imageAlt: "Minimalist living room" },
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/rooftop-sunset-city-view_23-2151945708.jpg", imageAlt: "Spacious home garden" },
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/decorative-design-gardening-natural-plant-tree_53876-14209.jpg", imageAlt: "Modern architectural foyer" },
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Legacy of Excellence"
metrics={[
{
icon: Award,
label: "Years Experience",
value: "25+",
},
{
icon: Home,
label: "Properties Sold",
value: "1,500+",
},
{
icon: Star,
label: "Client Rating",
value: "4.9/5",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Legacy of Excellence"
metrics={[
{ icon: Award, label: "Years Experience", value: "25+" },
{ icon: Home, label: "Properties Sold", value: "1,500+" },
{ icon: Star, label: "Client Rating", value: "4.9/5" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Private Consultations",
description: "Discrete and professional guidance for exclusive clientele.",
items: [
{
icon: Shield,
text: "Total Privacy",
},
{
icon: CheckCircle,
text: "Market Analysis",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-photo/passageway_1127-3255.jpg",
imageAlt: "Consultation space",
},
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694111.jpg?_wi=2",
imageAlt: "modern villa exterior",
},
{
title: "Portfolio Access",
description: "Priority access to off-market listings and hidden gems.",
items: [
{
icon: Lock,
text: "Off-market Listings",
},
{
icon: Zap,
text: "First Access",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-photo/view-from-balcony-apartment_188544-12685.jpg",
imageAlt: "Portfolio access",
},
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-sunset-skyline_181624-41261.jpg?_wi=2",
imageAlt: "modern villa exterior",
},
{
title: "Global Network",
description: "Connecting buyers and sellers across major capital cities.",
items: [
{
icon: Globe,
text: "Global Reach",
},
{
icon: Users,
text: "Local Experts",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8487.jpg",
imageAlt: "Global reach",
},
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8862.jpg?_wi=2",
imageAlt: "modern villa exterior",
},
]}
title="Curated Experiences"
description="We don't just sell houses; we provide access to lifestyles. Every home is a masterpiece of design and comfort."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Private Consultations", description: "Discrete and professional guidance for exclusive clientele.", items: [{ icon: Shield, text: "Total Privacy" }, { icon: CheckCircle, text: "Market Analysis" }],
media: { imageSrc: "http://img.b2bpic.net/free-photo/passageway_1127-3255.jpg", imageAlt: "Consultation space" },
reverse: false,
},
{
title: "Portfolio Access", description: "Priority access to off-market listings and hidden gems.", items: [{ icon: Lock, text: "Off-market Listings" }, { icon: Zap, text: "First Access" }],
media: { imageSrc: "http://img.b2bpic.net/free-photo/view-from-balcony-apartment_188544-12685.jpg", imageAlt: "Portfolio access" },
reverse: true,
},
{
title: "Global Network", description: "Connecting buyers and sellers across major capital cities.", items: [{ icon: Globe, text: "Global Reach" }, { icon: Users, text: "Local Experts" }],
media: { imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8487.jpg", imageAlt: "Global reach" },
reverse: false,
},
]}
title="Curated Experiences"
description="We don't just sell houses; we provide access to lifestyles. Every home is a masterpiece of design and comfort."
/>
</div>
<div id="properties" data-section="properties">
<ProductCardThree
animationType="slide-up"
textboxLayout="split-actions"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Azure Point Villa",
price: "$12.5M",
imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169741.jpg",
},
{
id: "p2",
name: "Skyline Penthouse",
price: "$8.2M",
imageSrc: "http://img.b2bpic.net/free-photo/fututistic-cityscape_116348-92.jpg",
},
{
id: "p3",
name: "Oceanic Estate",
price: "$15.9M",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912528.jpg",
},
{
id: "p4",
name: "Urban Sanctuary",
price: "$4.5M",
imageSrc: "http://img.b2bpic.net/free-photo/sofa-chair_74190-3822.jpg",
},
{
id: "p5",
name: "The Grand Manor",
price: "$22.0M",
imageSrc: "http://img.b2bpic.net/free-photo/modern-bedroom-interior-design-by-night_657883-315.jpg",
},
{
id: "p6",
name: "Riverside Retreat",
price: "$6.7M",
imageSrc: "http://img.b2bpic.net/free-photo/decorative-shiny-vase-interior-modern-kitchen_169016-20020.jpg",
},
]}
title="Featured Listings"
description="The finest selection of architectural wonders currently available on the market."
/>
</div>
<div id="properties" data-section="properties">
<ProductCardThree
animationType="slide-up"
textboxLayout="split-actions"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Azure Point Villa", price: "$12.5M", imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169741.jpg" },
{ id: "p2", name: "Skyline Penthouse", price: "$8.2M", imageSrc: "http://img.b2bpic.net/free-photo/fututistic-cityscape_116348-92.jpg" },
{ id: "p3", name: "Oceanic Estate", price: "$15.9M", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912528.jpg" },
{ id: "p4", name: "Urban Sanctuary", price: "$4.5M", imageSrc: "http://img.b2bpic.net/free-photo/sofa-chair_74190-3822.jpg" },
{ id: "p5", name: "The Grand Manor", price: "$22.0M", imageSrc: "http://img.b2bpic.net/free-photo/modern-bedroom-interior-design-by-night_657883-315.jpg" },
{ id: "p6", name: "Riverside Retreat", price: "$6.7M", imageSrc: "http://img.b2bpic.net/free-photo/decorative-shiny-vase-interior-modern-kitchen_169016-20020.jpg" },
]}
title="Featured Listings"
description="The finest selection of architectural wonders currently available on the market."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "120M+",
description: "Volume handled annually",
},
{
id: "m2",
value: "98%",
description: "Retention rates",
},
{
id: "m3",
value: "45",
description: "Exclusive regions",
},
]}
title="Market Leadership"
description="Our numbers reflect our commitment to excellence."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "120M+", description: "Volume handled annually" },
{ id: "m2", value: "98%", description: "Retention rates" },
{ id: "m3", value: "45", description: "Exclusive regions" },
]}
title="Market Leadership"
description="Our numbers reflect our commitment to excellence."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Eleanor Vance",
role: "Collector",
testimonial: "The service provided by Elysian was unmatched. They truly understand what luxury means.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
},
{
id: "t2",
name: "Julian Thorne",
role: "Investor",
testimonial: "A masterclass in real estate. Smooth, efficient, and professional from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",
},
{
id: "t3",
name: "Sienna Miller",
role: "Executive",
testimonial: "They found me a property that exceeded my expectations in every possible way.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-girl-with-red-hairstyle-black-bandage-neck-summer-modern-dress-smiling-looking-away-outdoor_197531-30117.jpg",
},
{
id: "t4",
name: "Marcus Aurelius",
role: "Architect",
testimonial: "Exceptional eye for detail and design. They respect the architectural integrity of a home.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
},
{
id: "t5",
name: "Clara Oswald",
role: "Creative",
testimonial: "My go-to agency for all my property needs. Absolutely reliable and knowledgeable.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-couple-signing-contract-with-their-agent-office_637285-11094.jpg",
},
]}
title="Client Journeys"
description="Hear from our clients about their exceptional home-buying experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Eleanor Vance", role: "Collector", testimonial: "The service provided by Elysian was unmatched. They truly understand what luxury means.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg" },
{ id: "t2", name: "Julian Thorne", role: "Investor", testimonial: "A masterclass in real estate. Smooth, efficient, and professional from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg" },
{ id: "t3", name: "Sienna Miller", role: "Executive", testimonial: "They found me a property that exceeded my expectations in every possible way.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-girl-with-red-hairstyle-black-bandage-neck-summer-modern-dress-smiling-looking-away-outdoor_197531-30117.jpg" },
{ id: "t4", name: "Marcus Aurelius", role: "Architect", testimonial: "Exceptional eye for detail and design. They respect the architectural integrity of a home.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg" },
{ id: "t5", name: "Clara Oswald", role: "Creative", testimonial: "My go-to agency for all my property needs. Absolutely reliable and knowledgeable.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-couple-signing-contract-with-their-agent-office_637285-11094.jpg" },
]}
title="Client Journeys"
description="Hear from our clients about their exceptional home-buying experience."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How does listing work?",
content: "We follow a bespoke approach tailored to your timeline and privacy preferences.",
},
{
id: "f2",
title: "Can you handle off-market sales?",
content: "Yes, our network allows for confidential, off-market transactions.",
},
{
id: "f3",
title: "Do you work internationally?",
content: "Our global reach allows us to connect you with property specialists worldwide.",
},
]}
title="Frequently Asked Questions"
description="Answers to your inquiries regarding our luxury services."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "How does listing work?", content: "We follow a bespoke approach tailored to your timeline and privacy preferences." },
{ id: "f2", title: "Can you handle off-market sales?", content: "Yes, our network allows for confidential, off-market transactions." },
{ id: "f3", title: "Do you work internationally?", content: "Our global reach allows us to connect you with property specialists worldwide." },
]}
title="Frequently Asked Questions"
description="Answers to your inquiries regarding our luxury services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
tag="Inquire Now"
title="Begin Your Journey"
description="Ready to discuss your next estate acquisition? Get in touch today for a private consultation."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "rotated-rays-static" }}
tag="Inquire Now"
title="Begin Your Journey"
description="Ready to discuss your next estate acquisition? Get in touch today for a private consultation."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Elysian Estate"
copyrightText="© 2025 | Elysian Estate Realty"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Elysian Estate"
copyrightText="© 2025 | Elysian Estate Realty"
/>
</div>
</ReactLenis>
</ThemeProvider>
);