Merge version_1 into main #1
268
src/app/page.tsx
268
src/app/page.tsx
@@ -20,27 +20,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="LuxuryEstate"
|
||||
/>
|
||||
@@ -49,42 +48,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Luxury Properties, Curated Exclusively for You"
|
||||
description="Discover $500M in premium real estate with instant agent support. Every property, every detail, perfectly presented."
|
||||
tag="PREMIUM CURATION"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collections", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drone-view-pommer-mansion-taul-moldova-old-abandoned-building-with-greenery-around-it_1268-23458.jpg",
|
||||
imageAlt: "Luxury mansion sunset",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drone-view-pommer-mansion-taul-moldova-old-abandoned-building-with-greenery-around-it_1268-23458.jpg", imageAlt: "Luxury mansion sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg",
|
||||
imageAlt: "Designer penthouse interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg", imageAlt: "Designer penthouse interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-trees-forest-cozy-outdoor-relaxation-space_169016-69565.jpg",
|
||||
imageAlt: "Expansive estate landscape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-trees-forest-cozy-outdoor-relaxation-space_169016-69565.jpg", imageAlt: "Expansive estate landscape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
|
||||
imageAlt: "Opulent modern kitchen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg", imageAlt: "Opulent modern kitchen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929548.jpg",
|
||||
imageAlt: "Luxury mansion bathroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929548.jpg", imageAlt: "Luxury mansion bathroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-staircase-industrial-style-wood-metal-texture_169016-69156.jpg",
|
||||
imageAlt: "Architectural staircase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-staircase-industrial-style-wood-metal-texture_169016-69156.jpg", imageAlt: "Architectural staircase"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -105,37 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bespoke Design",
|
||||
author: "Studio",
|
||||
description: "Each property is meticulously curated to meet world-class design standards.",
|
||||
tags: [
|
||||
"Modern",
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666209.jpg",
|
||||
},
|
||||
id: "f1", title: "Bespoke Design", author: "Studio", description: "Each property is meticulously curated to meet world-class design standards.", tags: [
|
||||
"Modern", "Design"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666209.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Private Wellness",
|
||||
author: "Studio",
|
||||
description: "State-of-the-art home wellness areas, including private spas and gyms.",
|
||||
tags: [
|
||||
"Wellness",
|
||||
"Relaxation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-gym_1048-9960.jpg",
|
||||
},
|
||||
id: "f2", title: "Private Wellness", author: "Studio", description: "State-of-the-art home wellness areas, including private spas and gyms.", tags: [
|
||||
"Wellness", "Relaxation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-gym_1048-9960.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cinematic Experiences",
|
||||
author: "Studio",
|
||||
description: "Immersive private theaters that rival professional cinema installations.",
|
||||
tags: [
|
||||
"Entertainment",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-football-locker-room_23-2150885817.jpg",
|
||||
},
|
||||
id: "f3", title: "Cinematic Experiences", author: "Studio", description: "Immersive private theaters that rival professional cinema installations.", tags: [
|
||||
"Entertainment"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-football-locker-room_23-2150885817.jpg"},
|
||||
]}
|
||||
title="Unrivaled Lifestyle Features"
|
||||
description="Our curated properties redefine what luxury living means for the discerning individual."
|
||||
@@ -150,59 +114,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Bespoke",
|
||||
name: "Waterfront Villa",
|
||||
price: "$12,000,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miami-luxury-house_649448-2926.jpg",
|
||||
},
|
||||
id: "p1", brand: "Bespoke", name: "Waterfront Villa", price: "$12,000,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/miami-luxury-house_649448-2926.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Alpine",
|
||||
name: "Forest Retreat",
|
||||
price: "$8,500,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264438.jpg",
|
||||
},
|
||||
id: "p2", brand: "Alpine", name: "Forest Retreat", price: "$8,500,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264438.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Estate",
|
||||
name: "Classic Manor",
|
||||
price: "$25,000,000",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-building-oradea-romania_1268-22123.jpg",
|
||||
},
|
||||
id: "p3", brand: "Estate", name: "Classic Manor", price: "$25,000,000", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/classic-building-oradea-romania_1268-22123.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Skyline",
|
||||
name: "Penthouse Suite",
|
||||
price: "$15,000,000",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-balcony-apartment_188544-12685.jpg",
|
||||
},
|
||||
id: "p4", brand: "Skyline", name: "Penthouse Suite", price: "$15,000,000", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/view-from-balcony-apartment_188544-12685.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Equestrian",
|
||||
name: "Ranch Estate",
|
||||
price: "$9,000,000",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498461.jpg",
|
||||
},
|
||||
id: "p5", brand: "Equestrian", name: "Ranch Estate", price: "$9,000,000", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498461.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Urban",
|
||||
name: "Courtyard Villa",
|
||||
price: "$11,500,000",
|
||||
rating: 4,
|
||||
reviewCount: "7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-apartment-building-with-balconies_181624-33175.jpg",
|
||||
},
|
||||
id: "p6", brand: "Urban", name: "Courtyard Villa", price: "$11,500,000", rating: 4,
|
||||
reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-apartment-building-with-balconies_181624-33175.jpg"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our $500M premium property portfolio."
|
||||
@@ -216,26 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$500M+",
|
||||
title: "Portfolio Value",
|
||||
description: "Total assets under management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-dressed-luxury-white-dress-balcony-apartment-sunny-day_8353-11051.jpg",
|
||||
},
|
||||
id: "m1", value: "$500M+", title: "Portfolio Value", description: "Total assets under management.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-dressed-luxury-white-dress-balcony-apartment-sunny-day_8353-11051.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Exclusive Listings",
|
||||
description: "Curated properties available globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000359.jpg",
|
||||
},
|
||||
id: "m2", value: "150+", title: "Exclusive Listings", description: "Curated properties available globally.", imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000359.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Global Markets",
|
||||
description: "Active in key luxury regions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enchanted-castle-dusk_23-2151961767.jpg",
|
||||
},
|
||||
id: "m3", value: "20+", title: "Global Markets", description: "Active in key luxury regions.", imageSrc: "http://img.b2bpic.net/free-photo/enchanted-castle-dusk_23-2151961767.jpg"},
|
||||
]}
|
||||
title="Proven Performance Metrics"
|
||||
description="Setting the bar for market analysis and property growth."
|
||||
@@ -249,40 +162,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Arthur Sterling",
|
||||
role: "Investor",
|
||||
testimonial: "The curation is simply unmatched. Found my dream estate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
|
||||
},
|
||||
id: "t1", name: "Arthur Sterling", role: "Investor", testimonial: "The curation is simply unmatched. Found my dream estate.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Eleanor Vance",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Professional, efficient, and deeply personalized service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
},
|
||||
id: "t2", name: "Eleanor Vance", role: "Entrepreneur", testimonial: "Professional, efficient, and deeply personalized service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jonathan Hart",
|
||||
role: "CEO",
|
||||
testimonial: "They understand luxury like no other. Absolute perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
},
|
||||
id: "t3", name: "Jonathan Hart", role: "CEO", testimonial: "They understand luxury like no other. Absolute perfection.", imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophia Moretti",
|
||||
role: "Architect",
|
||||
testimonial: "Every detail handled with precision and grace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",
|
||||
},
|
||||
id: "t4", name: "Sophia Moretti", role: "Architect", testimonial: "Every detail handled with precision and grace.", imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus Aurelius",
|
||||
role: "Investor",
|
||||
testimonial: "The best platform for high-end acquisitions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg",
|
||||
},
|
||||
id: "t5", name: "Marcus Aurelius", role: "Investor", testimonial: "The best platform for high-end acquisitions.", imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg"},
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="Hear from our satisfied high-net-worth clients."
|
||||
@@ -294,14 +182,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sterling Realty",
|
||||
"Elite Estates",
|
||||
"Luxury Ventures",
|
||||
"Prime Assets",
|
||||
"Modern Living",
|
||||
"Global Holdings",
|
||||
"Elite Residences",
|
||||
]}
|
||||
"Sterling Realty", "Elite Estates", "Luxury Ventures", "Prime Assets", "Modern Living", "Global Holdings", "Elite Residences"]}
|
||||
title="Trusted by Market Leaders"
|
||||
description="Collaborating with elite partners worldwide."
|
||||
/>
|
||||
@@ -313,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I gain access?",
|
||||
content: "Our exclusive properties are available to pre-vetted clients.",
|
||||
},
|
||||
id: "q1", title: "How do I gain access?", content: "Our exclusive properties are available to pre-vetted clients."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I request private showings?",
|
||||
content: "Absolutely. Private viewings are available on demand.",
|
||||
},
|
||||
id: "q2", title: "Can I request private showings?", content: "Absolutely. Private viewings are available on demand."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is chat support 24/7?",
|
||||
content: "Our concierge support team is available around the clock.",
|
||||
},
|
||||
id: "q3", title: "Is chat support 24/7?", content: "Our concierge support team is available around the clock."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Answers to your questions regarding our exclusive process."
|
||||
@@ -338,8 +210,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="GET IN TOUCH"
|
||||
title="Get Expert Assistance"
|
||||
description="Ready to discuss your portfolio? Our agents are available now."
|
||||
@@ -353,42 +224,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collections", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#",
|
||||
},
|
||||
label: "Concierge", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user