Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| eeeb06dcdb | |||
| 2a7f80adee | |||
| 43100859be |
234
src/app/page.tsx
234
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/uploaded-1778446079029-gwdmqa3e.jpg"
|
||||
brandName="Bright View"
|
||||
@@ -57,104 +49,56 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Luxury Real Estate Redefined for You"
|
||||
description="Discover premium properties in world-class locations. Bright View connects discerning investors with exceptional opportunities that combine prestige, growth, and lifestyle excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James Anderson",
|
||||
handle: "@janderson",
|
||||
testimonial: "Bright View's expertise in luxury real estate is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/iconic-view-of-burj-khalifa-in-dubai-at--1778446101474-0c0c55f9.png?_wi=1",
|
||||
imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
|
||||
},
|
||||
name: "James Anderson", handle: "@janderson", testimonial: "Bright View's expertise in luxury real estate is unmatched.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/iconic-view-of-burj-khalifa-in-dubai-at--1778446101474-0c0c55f9.png?_wi=1", imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch"},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@erodriguez",
|
||||
testimonial: "The portfolio provided was exactly what I was looking for.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/uploaded-1778446079029-gwdmqa3e.jpg",
|
||||
imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
|
||||
},
|
||||
name: "Elena Rodriguez", handle: "@erodriguez", testimonial: "The portfolio provided was exactly what I was looking for.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/uploaded-1778446079029-gwdmqa3e.jpg", imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch"},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Professional, transparent, and absolutely high-end results.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=1",
|
||||
imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
|
||||
},
|
||||
name: "Marcus Thorne", handle: "@mthorne", testimonial: "Professional, transparent, and absolutely high-end results.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=1", imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch"},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "A truly premium experience from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-marble-bathroom-in-a-high-end-man-1778446120861-578eaa11.png?_wi=1",
|
||||
imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "A truly premium experience from start to finish.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-marble-bathroom-in-a-high-end-man-1778446120861-578eaa11.png?_wi=1", imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch"},
|
||||
{
|
||||
name: "David Wu",
|
||||
handle: "@dwu",
|
||||
testimonial: "Exquisite properties and impeccable service.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/ultra-luxury-modern-kitchen-in-a-villa-m-1778446131050-16452c77.png?_wi=1",
|
||||
imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch",
|
||||
},
|
||||
name: "David Wu", handle: "@dwu", testimonial: "Exquisite properties and impeccable service.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/ultra-luxury-modern-kitchen-in-a-villa-m-1778446131050-16452c77.png?_wi=1", imageAlt: "Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold arch"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Properties",
|
||||
href: "#properties",
|
||||
},
|
||||
text: "Explore Properties", href: "#properties"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/iconic-view-of-burj-khalifa-in-dubai-at--1778446101474-0c0c55f9.png?_wi=2"
|
||||
imageAlt="Iconic view of Burj Khalifa in Dubai at sunset, professional luxury photography, black and gold architectural aesthetic"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/real-estate-business-logo-template-branding-design-vector-urban-home-company-text_53876-140576.jpg",
|
||||
alt: "Investor avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/real-estate-business-logo-template-branding-design-vector-urban-home-company-text_53876-140576.jpg", alt: "Investor avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/geometric-colorful-bauhouse-real-estate-logo_23-2149633795.jpg",
|
||||
alt: "Investor avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/geometric-colorful-bauhouse-real-estate-logo_23-2149633795.jpg", alt: "Investor avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/real-estate-logo-template_1195-19.jpg",
|
||||
alt: "Investor avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/real-estate-logo-template_1195-19.jpg", alt: "Investor avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/logo-with-blue-geometric-bars_1034-459.jpg",
|
||||
alt: "Investor avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/logo-with-blue-geometric-bars_1034-459.jpg", alt: "Investor avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/business-concept-icons-set_98292-6655.jpg",
|
||||
alt: "Investor avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/business-concept-icons-set_98292-6655.jpg", alt: "Investor avatar 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Luxury Living",
|
||||
},
|
||||
type: "text", text: "Ultra-Luxury Living"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Locations",
|
||||
},
|
||||
type: "text", text: "Prime Locations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Portfolios",
|
||||
},
|
||||
type: "text", text: "Elite Portfolios"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
type: "text", text: "Global Reach"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unmatched Service",
|
||||
},
|
||||
type: "text", text: "Unmatched Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,9 +109,7 @@ export default function LandingPage() {
|
||||
title="Defining Excellence in Global Luxury Real Estate"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -180,44 +122,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Skyline Penthouse",
|
||||
price: "$8.5M",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=2",
|
||||
},
|
||||
id: "1", name: "Skyline Penthouse", price: "$8.5M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Coastal Villa Estate",
|
||||
price: "$12.0M",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-marble-bathroom-in-a-high-end-man-1778446120861-578eaa11.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Coastal Villa Estate", price: "$12.0M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-marble-bathroom-in-a-high-end-man-1778446120861-578eaa11.png?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Modern Urban Mansion",
|
||||
price: "$6.2M",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/ultra-luxury-modern-kitchen-in-a-villa-m-1778446131050-16452c77.png?_wi=2",
|
||||
},
|
||||
id: "3", name: "Modern Urban Mansion", price: "$6.2M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/ultra-luxury-modern-kitchen-in-a-villa-m-1778446131050-16452c77.png?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Central Business Suite",
|
||||
price: "$4.1M",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/spacious-walk-in-closet-in-a-luxury-pent-1778446138908-44b6db20.png",
|
||||
},
|
||||
id: "4", name: "Central Business Suite", price: "$4.1M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/spacious-walk-in-closet-in-a-luxury-pent-1778446138908-44b6db20.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Heritage Waterfront Home",
|
||||
price: "$9.8M",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-bedroom-suite-with-panoramic-city-1778446146676-5d1d4550.png",
|
||||
},
|
||||
id: "5", name: "Heritage Waterfront Home", price: "$9.8M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-bedroom-suite-with-panoramic-city-1778446146676-5d1d4550.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Private Island Retreat",
|
||||
price: "$15.5M",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/private-infinity-pool-of-a-luxury-coasta-1778446155719-fc324812.png",
|
||||
},
|
||||
id: "6", name: "Private Island Retreat", price: "$15.5M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/private-infinity-pool-of-a-luxury-coasta-1778446155719-fc324812.png"},
|
||||
]}
|
||||
title="Curated Luxury Portfolio"
|
||||
description="Exceptional homes for the discerning investor."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Portfolio", href: "/portfolio"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -228,31 +151,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "$500M+",
|
||||
title: "Portfolio Managed",
|
||||
items: [
|
||||
"Commercial",
|
||||
"Residential",
|
||||
],
|
||||
id: "1", value: "$500M+", title: "Portfolio Managed", items: [
|
||||
"Commercial", "Residential"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "150+",
|
||||
title: "Closed Deals",
|
||||
items: [
|
||||
"Premium",
|
||||
"Global",
|
||||
],
|
||||
id: "2", value: "150+", title: "Closed Deals", items: [
|
||||
"Premium", "Global"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "20+",
|
||||
title: "Countries",
|
||||
items: [
|
||||
"Operations",
|
||||
"Reach",
|
||||
],
|
||||
id: "3", value: "20+", title: "Countries", items: [
|
||||
"Operations", "Reach"],
|
||||
},
|
||||
]}
|
||||
title="Market Authority"
|
||||
@@ -265,30 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-sophisticated-1778446163791-8c554892.png",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-sophisticated-1778446163791-8c554892.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-female-entrep-1778446172217-98695c25.png",
|
||||
},
|
||||
id: "2", name: "Michael K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-female-entrep-1778446172217-98695c25.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amanda R.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-portrait-of-a-successful-in-1778446179869-85e4924c.png",
|
||||
},
|
||||
id: "3", name: "Amanda R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-portrait-of-a-successful-in-1778446179869-85e4924c.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert B.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-portrait-of-an-elegant-woma-1778446188818-370ceeaf.png",
|
||||
},
|
||||
id: "4", name: "Robert B.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-portrait-of-an-elegant-woma-1778446188818-370ceeaf.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Claire W.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-sophisticated-1778446201455-25826e5e.png",
|
||||
},
|
||||
id: "5", name: "Claire W.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/professional-headshot-of-a-sophisticated-1778446201455-25826e5e.png"},
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -302,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I get started?",
|
||||
content: "Our team schedules a discovery call.",
|
||||
},
|
||||
id: "1", title: "How do I get started?", content: "Our team schedules a discovery call."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What markets are covered?",
|
||||
content: "We cover premium markets globally.",
|
||||
},
|
||||
id: "2", title: "What markets are covered?", content: "We cover premium markets globally."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are services confidential?",
|
||||
content: "Confidentiality is our top priority.",
|
||||
},
|
||||
id: "3", title: "Are services confidential?", content: "Confidentiality is our top priority."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Transparency is our foundation."
|
||||
@@ -328,14 +212,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Invest",
|
||||
"Premier Build",
|
||||
"Luxury Group",
|
||||
"Elite Finance",
|
||||
"Urban Assets",
|
||||
"Waterfront Development",
|
||||
"International Realty",
|
||||
]}
|
||||
"Global Invest", "Premier Build", "Luxury Group", "Elite Finance", "Urban Assets", "Waterfront Development", "International Realty"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with elite industry leaders."
|
||||
/>
|
||||
@@ -345,8 +222,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Inquire"
|
||||
title="Begin Your Journey"
|
||||
description="Reach out for exclusive investment opportunities."
|
||||
@@ -362,4 +238,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #0f0f0f;
|
||||
--background: #030128;
|
||||
--card: #241f48;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #D4AF37;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #C5A059;
|
||||
--background-accent: #1c1c1c;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #030128;
|
||||
--secondary-cta: #131136;
|
||||
--secondary-cta-text: #d5d4f6;
|
||||
--accent: #44358a;
|
||||
--background-accent: #b597fe;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user