Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "properties",
|
||||
},
|
||||
name: "Properties", id: "properties"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EstateHorizon"
|
||||
/>
|
||||
@@ -60,42 +50,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Redefining Luxury Living"
|
||||
description="Discover an exclusive portfolio of properties curated for the most discerning individuals. Your future begins here."
|
||||
tag="Premier Real Estate Agency"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Properties",
|
||||
href: "#properties",
|
||||
},
|
||||
text: "View Properties", href: "#properties"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=1",
|
||||
imageAlt: "Luxury Mansion Exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg", imageAlt: "Luxury Mansion Exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090603.jpg",
|
||||
imageAlt: "Modern Interior Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090603.jpg", imageAlt: "Modern Interior Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248317.jpg",
|
||||
imageAlt: "Penthouse City View",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248317.jpg", imageAlt: "Penthouse City View"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-villa-nestled-mountain-gorge_23-2152008244.jpg",
|
||||
imageAlt: "Villa Poolside",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-villa-nestled-mountain-gorge_23-2152008244.jpg", imageAlt: "Villa Poolside"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135743.jpg",
|
||||
imageAlt: "Grand Entrance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135743.jpg", imageAlt: "Grand Entrance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-playful-sensual-woman-posing-luxury-hotel-enjoy-her-relaxed-morning-wearing-silk-robe-soft-toned-colors-relaxed-boudoir-atmosphere_291049-1125.jpg",
|
||||
imageAlt: "Master Bedroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-playful-sensual-woman-posing-luxury-hotel-enjoy-her-relaxed-morning-wearing-silk-robe-soft-toned-colors-relaxed-boudoir-atmosphere_291049-1125.jpg", imageAlt: "Master Bedroom"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,9 +80,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Excellence"
|
||||
description={[
|
||||
"For over two decades, we have been connecting elite clients with the most sought-after properties globally. Our expertise lies in understanding your vision and translating it into reality.",
|
||||
"We combine local market intelligence with sophisticated negotiation strategies to ensure a seamless experience from start to finish.",
|
||||
]}
|
||||
"For over two decades, we have been connecting elite clients with the most sought-after properties globally. Our expertise lies in understanding your vision and translating it into reality.", "We combine local market intelligence with sophisticated negotiation strategies to ensure a seamless experience from start to finish."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,59 +92,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxury Estates",
|
||||
name: "Riverside Manor",
|
||||
price: "$3,200,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-couches-with-middle-table_1203-1215.jpg",
|
||||
},
|
||||
id: "p1", brand: "Luxury Estates", name: "Riverside Manor", price: "$3,200,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/colored-couches-with-middle-table_1203-1215.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Urban Living",
|
||||
name: "Skyview Penthouse",
|
||||
price: "$4,500,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-beautiful-grad-sneznik-white-castle-slovenia_181624-24359.jpg",
|
||||
},
|
||||
id: "p2", brand: "Urban Living", name: "Skyview Penthouse", price: "$4,500,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-beautiful-grad-sneznik-white-castle-slovenia_181624-24359.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Modern Builds",
|
||||
name: "Glass Pavilion",
|
||||
price: "$2,800,000",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inviting-front-porch-with-wooden-door-hanging-baskets_23-2151974394.jpg",
|
||||
},
|
||||
id: "p3", brand: "Modern Builds", name: "Glass Pavilion", price: "$2,800,000", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/inviting-front-porch-with-wooden-door-hanging-baskets_23-2151974394.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Estate Horizon",
|
||||
name: "Urban Garden Flat",
|
||||
price: "$1,950,000",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-meeting_23-2149033720.jpg",
|
||||
},
|
||||
id: "p4", brand: "Estate Horizon", name: "Urban Garden Flat", price: "$1,950,000", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-meeting_23-2149033720.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Estate Horizon",
|
||||
name: "Countryside Haven",
|
||||
price: "$2,100,000",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-lake-with-reflections-trees-countryside-slovenia_181624-10675.jpg",
|
||||
},
|
||||
id: "p5", brand: "Estate Horizon", name: "Countryside Haven", price: "$2,100,000", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-lake-with-reflections-trees-countryside-slovenia_181624-10675.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Coastal Realty",
|
||||
name: "Seaside Retreat",
|
||||
price: "$3,800,000",
|
||||
rating: 5,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912527.jpg",
|
||||
},
|
||||
id: "p6", brand: "Coastal Realty", name: "Seaside Retreat", price: "$3,800,000", rating: 5,
|
||||
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912527.jpg"},
|
||||
]}
|
||||
title="Curated Property Collection"
|
||||
description="Browse our latest handpicked listings, featuring architectural marvels and serene retreats."
|
||||
@@ -186,25 +123,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$500M+",
|
||||
title: "Volume Sold",
|
||||
description: "Total value of transactions.",
|
||||
icon: Award,
|
||||
id: "m1", value: "$500M+", title: "Volume Sold", description: "Total value of transactions.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120+",
|
||||
title: "Properties Closed",
|
||||
description: "Happy families settled.",
|
||||
icon: Home,
|
||||
id: "m2", value: "120+", title: "Properties Closed", description: "Happy families settled.", icon: Home,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
description: "Consistently trusted partner.",
|
||||
icon: UserCheck,
|
||||
id: "m3", value: "98%", title: "Client Retention", description: "Consistently trusted partner.", icon: UserCheck,
|
||||
},
|
||||
]}
|
||||
title="Market Impact"
|
||||
@@ -219,59 +144,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Anderson",
|
||||
role: "Entrepreneur",
|
||||
company: "TechInnovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-phone-medium-shot_23-2149246349.jpg",
|
||||
},
|
||||
id: "1", name: "James Anderson", role: "Entrepreneur", company: "TechInnovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-phone-medium-shot_23-2149246349.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Miller",
|
||||
role: "Marketing Director",
|
||||
company: "CreativeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Miller", role: "Marketing Director", company: "CreativeFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Architect",
|
||||
company: "StudioForm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", role: "Architect", company: "StudioForm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Chen",
|
||||
role: "Investment Banker",
|
||||
company: "CapitalGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405352.jpg",
|
||||
},
|
||||
id: "4", name: "Michael Chen", role: "Investment Banker", company: "CapitalGroup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405352.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Thompson",
|
||||
role: "Designer",
|
||||
company: "SpaceArt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
id: "5", name: "David Thompson", role: "Designer", company: "SpaceArt", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Google Rating"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Five-Star Reviews",
|
||||
},
|
||||
value: "100+", label: "Five-Star Reviews"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Global Referrals",
|
||||
},
|
||||
value: "20+", label: "Global Referrals"},
|
||||
]}
|
||||
title="Client Narratives"
|
||||
description="Hear from those who have trusted us with their biggest life transitions."
|
||||
@@ -285,33 +179,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Leadership", members: [
|
||||
{
|
||||
id: "t1",
|
||||
title: "Johnathan Doe",
|
||||
subtitle: "CEO",
|
||||
detail: "Leading with a vision of premium quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-using-digital-tablet-outdoors_23-2147955287.jpg",
|
||||
},
|
||||
id: "t1", title: "Johnathan Doe", subtitle: "CEO", detail: "Leading with a vision of premium quality.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-using-digital-tablet-outdoors_23-2147955287.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Victoria Smith",
|
||||
subtitle: "Managing Director",
|
||||
detail: "Expert in luxury market acquisition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg",
|
||||
},
|
||||
id: "t2", title: "Victoria Smith", subtitle: "Managing Director", detail: "Expert in luxury market acquisition.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Mark Evans",
|
||||
subtitle: "Lead Negotiator",
|
||||
detail: "Closing deals with absolute precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
},
|
||||
id: "t3", title: "Mark Evans", subtitle: "Lead Negotiator", detail: "Closing deals with absolute precision.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=2",
|
||||
imageAlt: "professional real estate agent portrait",
|
||||
},
|
||||
]}
|
||||
title="The Experts Behind the Key"
|
||||
@@ -325,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you evaluate property value?",
|
||||
content: "We use a data-centric approach combined with neighborhood expertise.",
|
||||
},
|
||||
id: "q1", title: "How do you evaluate property value?", content: "We use a data-centric approach combined with neighborhood expertise."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you help with financing?",
|
||||
content: "Yes, we connect you with preferred financial partners.",
|
||||
},
|
||||
id: "q2", title: "Do you help with financing?", content: "Yes, we connect you with preferred financial partners."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What makes your listings unique?",
|
||||
content: "Every listing is vetted for quality and architectural merit.",
|
||||
},
|
||||
id: "q3", title: "What makes your listings unique?", content: "Every listing is vetted for quality and architectural merit."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-senior-man-looking-his-coworker-working-office_23-2147923416.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -352,8 +218,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get In Touch"
|
||||
title="Begin Your Journey"
|
||||
description="Whether buying, selling, or browsing, our team is ready to provide personalized guidance."
|
||||
@@ -366,28 +231,20 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Properties",
|
||||
href: "#properties",
|
||||
},
|
||||
label: "Properties", href: "#properties"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
],
|
||||
logoText="EstateHorizon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user