Merge version_1 into main #2
476
src/app/page.tsx
476
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user