Update src/app/page.tsx
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Properties",
|
||||
id: "#properties",
|
||||
},
|
||||
name: "Properties", id: "#properties"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ELITE ESTATES"
|
||||
/>
|
||||
@@ -51,102 +45,57 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Where Architecture Meets Lifestyle."
|
||||
description="Experience the pinnacle of luxury real estate. Curating exceptional properties for those with a refined eye for design and timeless living."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alexander von H.",
|
||||
handle: "@luxury_investor",
|
||||
testimonial: "Elite Estates handled my portfolio with surgical precision and unmatched market insight.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-business-man-suit_613910-2543.jpg",
|
||||
},
|
||||
name: "Alexander von H.", handle: "@luxury_investor", testimonial: "Elite Estates handled my portfolio with surgical precision and unmatched market insight.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-business-man-suit_613910-2543.jpg"},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@architect_lifestyle",
|
||||
testimonial: "The most exclusive architectural finds I have seen in decades. Simply breathtaking.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-fair-haired-girl-white-shirt-sitting-leather-sofa-room-with-loft-design-looks-with-interest_197531-4664.jpg",
|
||||
},
|
||||
name: "Elena M.", handle: "@architect_lifestyle", testimonial: "The most exclusive architectural finds I have seen in decades. Simply breathtaking.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-fair-haired-girl-white-shirt-sitting-leather-sofa-room-with-loft-design-looks-with-interest_197531-4664.jpg"},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@private_estate_owner",
|
||||
testimonial: "A truly seamless, high-end experience from the first viewing to the final signature.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg",
|
||||
},
|
||||
name: "Marcus R.", handle: "@private_estate_owner", testimonial: "A truly seamless, high-end experience from the first viewing to the final signature.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@design_collector",
|
||||
testimonial: "Every recommendation was tailored to my passion for modern, minimalist aesthetics.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167805.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@design_collector", testimonial: "Every recommendation was tailored to my passion for modern, minimalist aesthetics.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167805.jpg"},
|
||||
{
|
||||
name: "Julian F.",
|
||||
handle: "@global_assets",
|
||||
testimonial: "Professionalism at its peak. Elite Estates is in a league of their own.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-does-positive-pose_114579-15697.jpg",
|
||||
},
|
||||
name: "Julian F.", handle: "@global_assets", testimonial: "Professionalism at its peak. Elite Estates is in a league of their own.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-does-positive-pose_114579-15697.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Properties",
|
||||
href: "#properties",
|
||||
},
|
||||
text: "View Properties", href: "#properties"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/panorama-chateau-vartely-winery-sunset-with-green-garden_1268-15701.jpg"
|
||||
imageAlt="Luxury villa architecture"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",
|
||||
alt: "Alexander",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg", alt: "Alexander"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg", alt: "Elena"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-539.jpg",
|
||||
alt: "Marcus",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-539.jpg", alt: "Marcus"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-business-man-suit-grey-background_613910-15440.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-business-man-suit-grey-background_613910-15440.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
|
||||
alt: "Julian",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg", alt: "Julian"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Luxury",
|
||||
},
|
||||
type: "text", text: "Ultra-Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Presence",
|
||||
},
|
||||
type: "text", text: "Global Presence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Architectural Excellence",
|
||||
},
|
||||
type: "text", text: "Architectural Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Curation",
|
||||
},
|
||||
type: "text", text: "Exclusive Curation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Service",
|
||||
},
|
||||
type: "text", text: "Bespoke Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,29 +106,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bespoke Curation",
|
||||
subtitle: "Exclusively selected properties.",
|
||||
category: "Service",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "f1", title: "Bespoke Curation", subtitle: "Exclusively selected properties.", category: "Service", value: "24/7"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Global Network",
|
||||
subtitle: "Access to international markets.",
|
||||
category: "Reach",
|
||||
value: "50+",
|
||||
},
|
||||
id: "f2", title: "Global Network", subtitle: "Access to international markets.", category: "Reach", value: "50+"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Precision Care",
|
||||
subtitle: "Dedicated legal & design team.",
|
||||
category: "Expertise",
|
||||
value: "100%",
|
||||
},
|
||||
id: "f3", title: "Precision Care", subtitle: "Dedicated legal & design team.", category: "Expertise", value: "100%"},
|
||||
]}
|
||||
title="Unrivaled Standards"
|
||||
description="We redefine real estate through a lens of sophistication, technology, and bespoke care."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -191,41 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Penthouse Aura",
|
||||
price: "€12,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office-black-white_23-2151777518.jpg",
|
||||
},
|
||||
id: "p1", name: "Penthouse Aura", price: "€12,500,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office-black-white_23-2151777518.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Villa Solstice",
|
||||
price: "€8,200,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-villa-with-swimming-pool_23-2152008213.jpg",
|
||||
},
|
||||
id: "p2", name: "Villa Solstice", price: "€8,200,000", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-villa-with-swimming-pool_23-2152008213.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Manor",
|
||||
price: "€15,900,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-interior-design_23-2151010534.jpg",
|
||||
},
|
||||
id: "p3", name: "Modern Manor", price: "€15,900,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-interior-design_23-2151010534.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Coastal Haven",
|
||||
price: "€6,750,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sitting-alone-chair-front-sea-with-feeling-loneliness-empty-chair-idea-loss-mental-health-selective-focus_166373-3850.jpg",
|
||||
},
|
||||
id: "p4", name: "Coastal Haven", price: "€6,750,000", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sitting-alone-chair-front-sea-with-feeling-loneliness-empty-chair-idea-loss-mental-health-selective-focus_166373-3850.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Architect Studio",
|
||||
price: "€4,400,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-house-model-with-modern-architecture_23-2151004028.jpg",
|
||||
},
|
||||
id: "p5", name: "Architect Studio", price: "€4,400,000", imageSrc: "http://img.b2bpic.net/free-photo/3d-house-model-with-modern-architecture_23-2151004028.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grand Residence",
|
||||
price: "€22,000,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-bicycle-standing-front-vintage-building_23-2148176719.jpg",
|
||||
},
|
||||
id: "p6", name: "Grand Residence", price: "€22,000,000", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-bicycle-standing-front-vintage-building_23-2148176719.jpg"},
|
||||
]}
|
||||
title="Exceptional Collections"
|
||||
description="Curated selections for the discerning resident."
|
||||
@@ -238,9 +149,7 @@ export default function LandingPage() {
|
||||
title="Redefining Luxury Through Architecture."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Philosophy", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -252,26 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Sold Properties",
|
||||
description: "Successfully completed transactions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-historic-stone-buildings-modern-cliffside-architecture_1308-189524.jpg",
|
||||
},
|
||||
id: "m1", value: "150+", title: "Sold Properties", description: "Successfully completed transactions.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-historic-stone-buildings-modern-cliffside-architecture_1308-189524.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "€2B+",
|
||||
title: "Total Value",
|
||||
description: "Total volume of managed assets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aegean-sea-coast-greece-loutra-buildings-located-near-rocky-cliffs-greenery-blue-water-view-from-drone_1268-16375.jpg",
|
||||
},
|
||||
id: "m2", value: "€2B+", title: "Total Value", description: "Total volume of managed assets.", imageSrc: "http://img.b2bpic.net/free-photo/aegean-sea-coast-greece-loutra-buildings-located-near-rocky-cliffs-greenery-blue-water-view-from-drone_1268-16375.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45",
|
||||
title: "Countries",
|
||||
description: "International footprint.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-chandelier-illuminates-elegant-rustic-living-room-generated-by-ai_188544-39081.jpg",
|
||||
},
|
||||
id: "m3", value: "45", title: "Countries", description: "International footprint.", imageSrc: "http://img.b2bpic.net/free-photo/antique-chandelier-illuminates-elegant-rustic-living-room-generated-by-ai_188544-39081.jpg"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Excellence verified through results."
|
||||
@@ -284,42 +178,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Client Alpha",
|
||||
role: "Collector",
|
||||
testimonial: "A masterclass in real estate service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg",
|
||||
},
|
||||
id: "t1", name: "Client Alpha", role: "Collector", testimonial: "A masterclass in real estate service.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Client Beta",
|
||||
role: "Architect",
|
||||
testimonial: "They understand architectural vision perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-woman-stylish-black-silk-suit-sandals-sits-carpet-floor-living-room-ho_197531-33668.jpg",
|
||||
},
|
||||
id: "t2", name: "Client Beta", role: "Architect", testimonial: "They understand architectural vision perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-woman-stylish-black-silk-suit-sandals-sits-carpet-floor-living-room-ho_197531-33668.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Client Gamma",
|
||||
role: "Investor",
|
||||
testimonial: "Trustworthy, efficient, and sophisticated.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg",
|
||||
},
|
||||
id: "t3", name: "Client Gamma", role: "Investor", testimonial: "Trustworthy, efficient, and sophisticated.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Client Delta",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Found my dream property in days.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-talking-phone_23-2148238189.jpg",
|
||||
},
|
||||
id: "t4", name: "Client Delta", role: "Entrepreneur", testimonial: "Found my dream property in days.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-talking-phone_23-2148238189.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Client Epsilon",
|
||||
role: "CEO",
|
||||
testimonial: "Unparalleled access to luxury markets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-caucasian-man-black-suit-office-background_609648-1007.jpg",
|
||||
},
|
||||
id: "t5", name: "Client Epsilon", role: "CEO", testimonial: "Unparalleled access to luxury markets.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-caucasian-man-black-suit-office-background_609648-1007.jpg"},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
animationType="scale-rotate"
|
||||
description="What our discerning clients say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -328,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What areas do you cover?",
|
||||
content: "We operate globally in prime locations.",
|
||||
},
|
||||
id: "q1", title: "What areas do you cover?", content: "We operate globally in prime locations."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you handle privacy?",
|
||||
content: "Total discretion is our baseline requirement.",
|
||||
},
|
||||
id: "q2", title: "How do you handle privacy?", content: "Total discretion is our baseline requirement."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you handle architecture too?",
|
||||
content: "Yes, our team includes interior consultants.",
|
||||
},
|
||||
id: "q3", title: "Can you handle architecture too?", content: "Yes, our team includes interior consultants."},
|
||||
]}
|
||||
sideTitle="Expert Guidance"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -352,14 +214,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
text="Find your next exceptional property."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -368,13 +227,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ELITE ESTATES"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Imprint",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Imprint", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user