bender/18ce489c-b60f-432f-9c0a-1b48e8e98e9e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to version 1: modified src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-12 23:46:49 +00:00
parent 8059a3c948
commit cba0be52b3
1 changed files with 154 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

231
src/app/page.tsx
View File

@@ -18,11 +18,11 @@ export default function LandingPage() {
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="none"
cardStyle="soft-shadow"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
@@ -55,19 +55,24 @@ export default function LandingPage() {
]}
mediaItems={[
{
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Luxury penthouse in Dubai Marina"
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Luxury penthouse in Dubai Marina"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Dubai skyline at night"
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Dubai skyline at night"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Modern luxury exterior design"
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",
imageAlt: "Modern luxury exterior design"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Contemporary luxury architecture"
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",
imageAlt: "Contemporary luxury architecture"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Spacious modern interior with panoramic view"
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Spacious modern interior with panoramic view"
}
]}
mediaAnimation="slide-up"
@@ -77,16 +82,10 @@ export default function LandingPage() {
<div id="properties" data-section="properties">
<ProductCardFour
title="Featured Properties"
titleSegments={[
{ type: 'text', content: 'Featured ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot' },
{ type: 'text', content: ' Properties' }
]}
textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
description="Handpicked luxury properties showcasing the finest real estate opportunities in Dubai's most prestigious locations."
tag="Exclusive Listings"
tagIcon={Home}
textboxLayout="inline-image"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
@@ -96,14 +95,32 @@ export default function LandingPage() {
]}
products={[
{
id: "1", name: "Palm Jumeirah Villa", price: "AED 12,500,000", variant: "5 Bed Villa | Beachfront", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Luxury villa on Palm Jumeirah", isFavorited: false,
id: "1",
name: "Palm Jumeirah Villa",
price: "AED 12,500,000",
variant: "5 Bed Villa | Beachfront",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Luxury villa on Palm Jumeirah",
isFavorited: false,
onProductClick: () => window.location.href = "/property/palm-jumeirah-villa"
},
{
id: "2", name: "Downtown Dubai Penthouse", price: "AED 8,750,000", variant: "4 Bed Penthouse | City View", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Modern penthouse in Downtown Dubai", isFavorited: false
id: "2",
name: "Downtown Dubai Penthouse",
price: "AED 8,750,000",
variant: "4 Bed Penthouse | City View",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",
imageAlt: "Modern penthouse in Downtown Dubai",
isFavorited: false
},
{
id: "3", name: "Emirates Hills Townhouse", price: "AED 6,200,000", variant: "4 Bed Townhouse | Golf View", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Contemporary townhouse in Emirates Hills", isFavorited: false
id: "3",
name: "Emirates Hills Townhouse",
price: "AED 6,200,000",
variant: "4 Bed Townhouse | Golf View",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",
imageAlt: "Contemporary townhouse in Emirates Hills",
isFavorited: false
}
]}
/>
@@ -126,38 +143,50 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardThree
title="Our Services & Expertise"
titleSegments={[
{ type: 'text', content: 'Our ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot' },
{ type: 'text', content: ' Services & Expertise' }
]}
textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
description="Comprehensive real estate solutions tailored to meet your unique needs and aspirations."
tag="Professional Services"
tagIcon={Shield}
textboxLayout="inline-image"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
gridVariant="uniform-all-items-equal"
carouselMode="buttons"
features={[
{
title: "Property Selection", description: "Exclusive access to off-market and hand-selected luxury properties", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Property selection"
title: "Property Selection",
description: "Exclusive access to off-market and hand-selected luxury properties",
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Property selection"
},
{
title: "Investment Advisory", description: "Expert insights into market trends and investment opportunities", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Investment advisory"
title: "Investment Advisory",
description: "Expert insights into market trends and investment opportunities",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Investment advisory"
},
{
title: "Negotiation & Closing", description: "Strategic negotiation and seamless transaction management", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Negotiation and closing"
title: "Negotiation & Closing",
description: "Strategic negotiation and seamless transaction management",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",
imageAlt: "Negotiation and closing"
},
{
title: "Legal Compliance", description: "Full support with documentation, permits, and regulatory compliance", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Legal compliance"
title: "Legal Compliance",
description: "Full support with documentation, permits, and regulatory compliance",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",
imageAlt: "Legal compliance"
},
{
title: "Property Management", description: "Professional management services for rental income optimization", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Property management"
title: "Property Management",
description: "Professional management services for rental income optimization",
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Property management"
},
{
title: "Concierge Services", description: "White-glove concierge support for renovations and lifestyle services", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Concierge services"
title: "Concierge Services",
description: "White-glove concierge support for renovations and lifestyle services",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Concierge services"
}
]}
/>
@@ -165,28 +194,34 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardOne
title="Our Executive Team"
titleSegments={[
{ type: 'text', content: 'Our ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot' },
{ type: 'text', content: ' Executive Team' }
]}
textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
title="Executive Team"
description="Meet the visionary leaders guiding Luxe Properties with expertise and dedication."
tag="Our Leadership"
textboxLayout="inline-image"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
members={[
{
id: "1", name: "Hassan Al-Maktoum", role: "Chief Executive Officer", imageSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg", imageAlt: "Hassan Al-Maktoum"
id: "1",
name: "Hassan Al-Maktoum",
role: "Chief Executive Officer",
imageSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
imageAlt: "Hassan Al-Maktoum"
},
{
id: "2", name: "Layla Al-Mansoori", role: "Chief Operating Officer", imageSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705", imageAlt: "Layla Al-Mansoori"
id: "2",
name: "Layla Al-Mansoori",
role: "Chief Operating Officer",
imageSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705",
imageAlt: "Layla Al-Mansoori"
},
{
id: "3", name: "Marcus Wellington", role: "Chief Investment Officer", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg", imageAlt: "Marcus Wellington"
id: "3",
name: "Marcus Wellington",
role: "Chief Investment Officer",
imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg",
imageAlt: "Marcus Wellington"
}
]}
/>
@@ -194,35 +229,37 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Metrics By The Numbers"
titleSegments={[
{ type: 'text', content: 'Metrics ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot' },
{ type: 'text', content: ' By The Numbers' }
]}
textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
title="By The Numbers"
description="Our proven track record speaks to our commitment and success in Dubai's luxury real estate market."
tag="Track Record"
tagIcon={Award}
textboxLayout="inline-image"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
metrics={[
{
id: "1", icon: Home,
title: "Properties Sold", value: "450+"
id: "1",
icon: Home,
title: "Properties Sold",
value: "450+"
},
{
id: "2", icon: Users,
title: "Satisfied Clients", value: "650+"
id: "2",
icon: Users,
title: "Satisfied Clients",
value: "650+"
},
{
id: "3", icon: DollarSign,
title: "Total Value", value: "$2.3B"
id: "3",
icon: DollarSign,
title: "Total Value",
value: "$2.3B"
},
{
id: "4", icon: TrendingUp,
title: "International", value: "45 Countries"
id: "4",
icon: TrendingUp,
title: "International",
value: "45 Countries"
}
]}
/>
@@ -231,35 +268,71 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="What Our Clients Say"
titleSegments={[
{ type: 'text', content: 'Clients ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot' },
{ type: 'text', content: ' Say' }
]}
textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
description="Experience through the words of satisfied buyers and investors who found their dream properties with us."
tag="Client Testimonials"
tagIcon={Star}
textboxLayout="inline-image"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Ahmed Al Mansouri, Real Estate Investor", date: "Date: September 2024", title: "Exceptional Service & Market Expertise", quote: "The team at Luxe Properties demonstrated outstanding knowledge of the Dubai market. Their negotiation skills saved me significant time and money. I would not hesitate to recommend them for any luxury property transaction.", tag: "Premium Portfolio", avatarSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
id: "1",
name: "Ahmed Al Mansouri, Real Estate Investor",
date: "Date: September 2024",
title: "Exceptional Service & Market Expertise",
quote: "The team at Luxe Properties demonstrated outstanding knowledge of the Dubai market. Their negotiation skills saved me significant time and money. I would not hesitate to recommend them for any luxury property transaction.",
tag: "Premium Portfolio",
avatarSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
},
{
id: "2", name: "Sarah Johnson, CEO - Tech Corp", date: "Date: August 2024", title: "A Smooth & Sophisticated Experience", quote: "Finding a penthouse that matched my exacting standards seemed impossible, yet within weeks, the team presented three exceptional options. Their professionalism and attention to detail were impeccable throughout.", tag: "Penthouse Collection", avatarSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
id: "2",
name: "Sarah Johnson, CEO - Tech Corp",
date: "Date: August 2024",
title: "A Smooth & Sophisticated Experience",
quote: "Finding a penthouse that matched my exacting standards seemed impossible, yet within weeks, the team presented three exceptional options. Their professionalism and attention to detail were impeccable throughout.",
tag: "Penthouse Collection",
avatarSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
},
{
id: "3", name: "Michael Chen, International Investor", date: "Date: July 2024", title: "Trusted Partner for International Clients", quote: "As a foreign investor, I appreciated the comprehensive legal and financial guidance. The team navigated complex regulations effortlessly, allowing me to invest with complete confidence.", tag: "Investment Advisory", avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
id: "3",
name: "Michael Chen, International Investor",
date: "Date: July 2024",
title: "Trusted Partner for International Clients",
quote: "As a foreign investor, I appreciated the comprehensive legal and financial guidance. The team navigated complex regulations effortlessly, allowing me to invest with complete confidence.",
tag: "Investment Advisory",
avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
},
{
id: "4", name: "Fatima Al-Serkal, Luxury Lifestyle", date: "Date: June 2024", title: "Impeccable Taste & Attention to Detail", quote: "Beyond finding properties, they understand lifestyle. The concierge services and interior design recommendations have transformed my new home into a personal sanctuary.", tag: "Concierge Services", avatarSrc: "https://img.b2bpic.net/free-photo/executive-paying-attention-his-partner_1098-4058.jpg", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
id: "4",
name: "Fatima Al-Serkal, Luxury Lifestyle",
date: "Date: June 2024",
title: "Impeccable Taste & Attention to Detail",
quote: "Beyond finding properties, they understand lifestyle. The concierge services and interior design recommendations have transformed my new home into a personal sanctuary.",
tag: "Concierge Services",
avatarSrc: "https://img.b2bpic.net/free-photo/executive-paying-attention-his-partner_1098-4058.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
},
{
id: "5", name: "David Martinez, Corporate Executive", date: "Date: May 2024", title: "Seamless Relocation Experience", quote: "Moving to Dubai for business, I needed a quick turnaround. Their efficient process and white-glove service made the transition seamless and stress-free.", tag: "Corporate Solutions", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-team-leader-looking-camera-group-corporate-meeting_1163-3920.jpg", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
id: "5",
name: "David Martinez, Corporate Executive",
date: "Date: May 2024",
title: "Seamless Relocation Experience",
quote: "Moving to Dubai for business, I needed a quick turnaround. Their efficient process and white-glove service made the transition seamless and stress-free.",
tag: "Corporate Solutions",
avatarSrc: "https://img.b2bpic.net/free-photo/smiling-team-leader-looking-camera-group-corporate-meeting_1163-3920.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
},
{
id: "6", name: "James Richardson, Family Relocation", date: "Date: April 2024", title: "Perfect Home for Family Living", quote: "They truly understood what our family needed. The search process was collaborative and transparent, resulting in finding our perfect family home in Emirates Hills.", tag: "Family Properties", avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-businessman-eyeglasses-office_1262-3710.jpg", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
id: "6",
name: "James Richardson, Family Relocation",
date: "Date: April 2024",
title: "Perfect Home for Family Living",
quote: "They truly understood what our family needed. The search process was collaborative and transparent, resulting in finding our perfect family home in Emirates Hills.",
tag: "Family Properties",
avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-businessman-eyeglasses-office_1262-3710.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
}
]}
/>
@@ -284,7 +357,8 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company", items: [
title: "Company",
items: [
{ label: "About Us", href: "#about" },
{ label: "Our Services", href: "#services" },
{ label: "Executive Team", href: "#team" },
@@ -293,7 +367,8 @@ export default function LandingPage() {
]
},
{
title: "Resources", items: [
title: "Resources",
items: [
{ label: "Investment Guide", href: "#" },
{ label: "Market Reports", href: "#" },
{ label: "FAQ", href: "#" },
@@ -301,14 +376,16 @@ export default function LandingPage() {
]
},
{
title: "Legal", items: [
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" }
]
},
{
title: "Connect", items: [
title: "Connect",
items: [
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "WhatsApp", href: "#" }
@@ -321,4 +398,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}