Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -13,7 +13,6 @@ import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Sparkles,
|
||||
TrendingUp,
|
||||
Home,
|
||||
DollarSign,
|
||||
@@ -24,9 +23,9 @@ import {
|
||||
Globe,
|
||||
Video,
|
||||
Smartphone,
|
||||
UserCheck,
|
||||
Briefcase,
|
||||
Phone,
|
||||
Package,
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
@@ -57,9 +56,7 @@ export default function HomePage() {
|
||||
brandName="Luxe Dubai"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Explore Properties",
|
||||
href: "#featured",
|
||||
}}
|
||||
text: "Find Property", href: "#featured"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -69,81 +66,43 @@ export default function HomePage() {
|
||||
title="Discover Dubai's Most Iconic Homes"
|
||||
description="Explore an exclusive collection of luxury properties in the world's most coveted destinations. Experience cinematic storytelling through our immersive digital gallery."
|
||||
tag="Luxury Collection"
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Explore Now", href: "#featured" },
|
||||
{ text: "Schedule Viewing", href: "/contact" },
|
||||
{ text: "Schedule Viewing", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/river-modern-buildings-against-sky_1359-154.jpg?_wi=1",
|
||||
imageAlt: "Dubai luxury skyline at sunset",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/river-modern-buildings-against-sky_1359-154.jpg", imageAlt: "Dubai luxury skyline at sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg?_wi=1",
|
||||
imageAlt: "Burj Khalifa luxury residence view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Burj Khalifa luxury residence view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg?_wi=1",
|
||||
imageAlt: "Dubai Marina luxury waterfront",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg", imageAlt: "Dubai Marina luxury waterfront"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg?_wi=2",
|
||||
imageAlt: "Downtown Dubai luxury penthouses",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg", imageAlt: "Downtown Dubai luxury penthouses"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg?_wi=1",
|
||||
imageAlt: "Palm Jumeirah exclusive villa",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg", imageAlt: "Palm Jumeirah exclusive villa"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-sea-coast-mountains-sky-is-reflected-water_169016-9944.jpg?_wi=1",
|
||||
imageAlt: "Emirates Hills luxury estate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-sea-coast-mountains-sky-is-reflected-water_169016-9944.jpg", imageAlt: "Emirates Hills luxury estate"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Featured Properties Section */}
|
||||
{/* Featured Section */}
|
||||
<div id="featured" data-section="featured">
|
||||
<ProductCardFour
|
||||
title="Featured Luxury Properties"
|
||||
description="Handpicked portfolio of Dubai's most sought-after residences and developments."
|
||||
tag="Premium Selection"
|
||||
tagIcon={Package}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Burj Khalifa Penthouse",
|
||||
price: "AED 45,000,000",
|
||||
variant: "4BR Duplex | 520 sqm | Direct Views",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg?_wi=1",
|
||||
imageAlt: "Burj Khalifa luxury penthouse",
|
||||
},
|
||||
id: "1", name: "Burj Khalifa Penthouse", price: "AED 45,000,000", variant: "4BR Duplex | 520 sqm | Direct Views", imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Burj Khalifa luxury penthouse"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Palm Jumeirah Beachfront Villa",
|
||||
price: "AED 38,500,000",
|
||||
variant: "5BR Villa | 850 sqm | Private Beach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/palm-trees-line-water_23-2148107102.jpg?_wi=1",
|
||||
imageAlt: "Palm Jumeirah beachfront villa",
|
||||
},
|
||||
id: "2", name: "Palm Jumeirah Beachfront Villa", price: "AED 38,500,000", variant: "5BR Villa | 850 sqm | Private Beach", imageSrc: "http://img.b2bpic.net/free-photo/palm-trees-line-water_23-2148107102.jpg", imageAlt: "Palm Jumeirah beachfront villa"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emirates Hills Contemporary",
|
||||
price: "AED 32,000,000",
|
||||
variant: "6BR Mansion | 1200 sqm | Golf View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/place-relax-sunny-beach-black-sea-bulgaria-summer-vacation-travel-holiday_627829-9817.jpg?_wi=1",
|
||||
imageAlt: "Emirates Hills contemporary mansion",
|
||||
},
|
||||
id: "3", name: "Emirates Hills Contemporary", price: "AED 32,000,000", variant: "6BR Mansion | 1200 sqm | Golf View", imageSrc: "http://img.b2bpic.net/free-photo/place-relax-sunny-beach-black-sea-bulgaria-summer-vacation-travel-holiday_627829-9817.jpg", imageAlt: "Emirates Hills contemporary mansion"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Downtown Dubai Luxury Suite",
|
||||
price: "AED 28,500,000",
|
||||
variant: "3BR Penthouse | 420 sqm | Fountain View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rooftop-pool-with-city-view_23-2151976543.jpg?_wi=1",
|
||||
imageAlt: "Downtown Dubai luxury penthouse",
|
||||
},
|
||||
id: "4", name: "Downtown Dubai Luxury Suite", price: "AED 28,500,000", variant: "3BR Penthouse | 420 sqm | Fountain View", imageSrc: "http://img.b2bpic.net/free-photo/rooftop-pool-with-city-view_23-2151976543.jpg", imageAlt: "Downtown Dubai luxury penthouse"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
@@ -156,21 +115,21 @@ export default function HomePage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Dubai Luxury Market"
|
||||
tagIcon={Sparkles}
|
||||
title="Redefining Luxury Real Estate in Dubai"
|
||||
description="We specialize in curating exceptional properties that define modern luxury living. Our platform connects discerning buyers with Dubai's most prestigious addresses, offering cinematic virtual tours, AI-powered investment analytics, and white-glove concierge services."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Premium Properties Listed" },
|
||||
{ value: "95%", title: "Client Satisfaction Rate" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg"
|
||||
imageAlt="Luxury interior design showcase"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Investment Performance Section */}
|
||||
{/* Investment Section */}
|
||||
<div id="investment" data-section="investment">
|
||||
<MetricCardThree
|
||||
title="Investment Performance"
|
||||
@@ -187,7 +146,7 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Process Timeline Section */}
|
||||
{/* Process Section */}
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardTen
|
||||
title="Your Luxury Journey"
|
||||
@@ -195,13 +154,8 @@ export default function HomePage() {
|
||||
tag="How It Works"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Discovery & Curation",
|
||||
description:
|
||||
"Our AI-powered recommendation engine matches you with properties aligned to your lifestyle and investment goals. Browse our cinematic gallery of hand-selected residences.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-businessman-relaxes-with-netflix-office_482257-123031.jpg",
|
||||
},
|
||||
id: "1", title: "Discovery & Curation", description: "Our AI-powered recommendation engine matches you with properties aligned to your lifestyle and investment goals. Browse our cinematic gallery of hand-selected residences.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-businessman-relaxes-with-netflix-office_482257-123031.jpg"},
|
||||
items: [
|
||||
{ icon: Search, text: "Advanced AI matching" },
|
||||
{ icon: Eye, text: "Curated collections" },
|
||||
@@ -210,13 +164,8 @@ export default function HomePage() {
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "360° Virtual Experience",
|
||||
description:
|
||||
"Experience properties through immersive 3D tours, cinematic videos, and augmented reality. Explore every detail from the comfort of your home.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-virtual-reality-headset_23-2148513509.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "360° Virtual Experience", description: "Experience properties through immersive 3D tours, cinematic videos, and augmented reality. Explore every detail from the comfort of your home.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-virtual-reality-headset_23-2148513509.jpg"},
|
||||
items: [
|
||||
{ icon: Globe, text: "360° panoramic views" },
|
||||
{ icon: Video, text: "Cinematic walkthroughs" },
|
||||
@@ -225,15 +174,10 @@ export default function HomePage() {
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Expert Consultation",
|
||||
description:
|
||||
"Connect with our luxury specialists for personalized guidance. From market analysis to investment strategy, we provide white-glove concierge service.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-financial-advisor-going-through-plans-meeting_637285-11088.jpg?_wi=1",
|
||||
},
|
||||
id: "3", title: "Expert Consultation", description: "Connect with our luxury specialists for personalized guidance. From market analysis to investment strategy, we provide white-glove concierge service.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-financial-advisor-going-through-plans-meeting_637285-11088.jpg"},
|
||||
items: [
|
||||
{ icon: Users, text: "Dedicated specialists" },
|
||||
{ icon: UserCheck, text: "Dedicated specialists" },
|
||||
{ icon: Briefcase, text: "Investment planning" },
|
||||
{ icon: Phone, text: "24/7 support" },
|
||||
],
|
||||
@@ -251,70 +195,45 @@ export default function HomePage() {
|
||||
<TestimonialCardTen
|
||||
title="Trusted by Global Elite"
|
||||
description="Hear from international buyers and investors who discovered their perfect Dubai home through our platform."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "The Ultimate Luxury Experience",
|
||||
quote:
|
||||
"The cinematic presentation and attention to detail elevated my property search to an entirely new level. Within weeks, I found my dream penthouse in Burj Khalifa.",
|
||||
name: "Alexander Sterling",
|
||||
role: "International Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "Alexander Sterling",
|
||||
},
|
||||
id: "1", title: "The Ultimate Luxury Experience", quote: "The cinematic presentation and attention to detail elevated my property search to an entirely new level. Within weeks, I found my dream penthouse in Burj Khalifa.", name: "Alexander Sterling", role: "International Investor", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Alexander Sterling"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Seamless & Sophisticated",
|
||||
quote:
|
||||
"The 360° virtual tours and market insights saved me months of research. The team's expertise in luxury transactions was invaluable.",
|
||||
name: "Victoria Marchetti",
|
||||
role: "CEO, Marchetti Group",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=1",
|
||||
imageAlt: "Victoria Marchetti",
|
||||
},
|
||||
id: "2", title: "Seamless & Sophisticated", quote: "The 360° virtual tours and market insights saved me months of research. The team's expertise in luxury transactions was invaluable.", name: "Victoria Marchetti", role: "CEO, Marchetti Group", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Victoria Marchetti"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Investment Excellence",
|
||||
quote:
|
||||
"Outstanding ROI and portfolio performance. The platform's analytics and curator expertise transformed my Dubai real estate strategy.",
|
||||
name: "James Chen",
|
||||
role: "Portfolio Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "James Chen",
|
||||
},
|
||||
id: "3", title: "Investment Excellence", quote: "Outstanding ROI and portfolio performance. The platform's analytics and curator expertise transformed my Dubai real estate strategy.", name: "James Chen", role: "Portfolio Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Chen"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Unprecedented Service",
|
||||
quote:
|
||||
"From first viewing to closing, the white-glove concierge service exceeded all expectations. Truly premium experience.",
|
||||
name: "Sophia Al-Mansouri",
|
||||
role: "Luxury Property Advisor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
|
||||
imageAlt: "Sophia Al-Mansouri",
|
||||
},
|
||||
id: "4", title: "Unprecedented Service", quote: "From first viewing to closing, the white-glove concierge service exceeded all expectations. Truly premium experience.", name: "Sophia Al-Mansouri", role: "Luxury Property Advisor", imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Sophia Al-Mansouri"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Game-Changing Platform",
|
||||
quote:
|
||||
"The immersive experience and data-driven insights made the entire process transparent and effortless. Highly recommended.",
|
||||
name: "Michael Richardson",
|
||||
role: "Hedge Fund Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-businessman-office_1163-5471.jpg",
|
||||
imageAlt: "Michael Richardson",
|
||||
},
|
||||
id: "5", title: "Game-Changing Platform", quote: "The immersive experience and data-driven insights made the entire process transparent and effortless. Highly recommended.", name: "Michael Richardson", role: "Hedge Fund Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-businessman-office_1163-5471.jpg", imageAlt: "Michael Richardson"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Pure Luxury Craftsmanship",
|
||||
quote:
|
||||
"Every detail speaks to luxury. Found my villa in Emirates Hills within a month. Exceptional team and platform.",
|
||||
name: "Isabella De Rosa",
|
||||
role: "Art Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg",
|
||||
imageAlt: "Isabella De Rosa",
|
||||
},
|
||||
id: "6", title: "Pure Luxury Craftsmanship", quote: "Every detail speaks to luxury. Found my villa in Emirates Hills within a month. Exceptional team and platform.", name: "Isabella De Rosa", role: "Art Collector", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg", imageAlt: "Isabella De Rosa"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Journal Section */}
|
||||
<div id="journal" data-section="journal">
|
||||
<BlogCardTwo
|
||||
title="Dubai Journal - Luxury Living Insights"
|
||||
description="Editorial perspectives on Dubai's luxury real estate market, investment trends, and the art of living well."
|
||||
tag="Editorial"
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: ["Market Trends", "Investment"],
|
||||
title: "2025 Dubai Luxury Market: A New Era of Premium Real Estate", excerpt: "Explore how technological innovation and international demand are reshaping Dubai's luxury property landscape.", imageSrc: "http://img.b2bpic.net/free-photo/house-model-compass-plan-background-real-estate-concept_1423-179.jpg", imageAlt: "Dubai luxury market trends", authorName: "Amara Al-Zahara", authorAvatar: "http://img.b2bpic.net/free-vector/flat-pack-female-avatars_23-2147676210.jpg", date: "15 Jan 2025"},
|
||||
{
|
||||
id: "2", category: ["Lifestyle", "Architecture"],
|
||||
title: "The Art of Luxury: Inside Dubai's Most Exquisite Penthouses", excerpt: "Discover the architectural masterpieces and design innovations defining ultra-luxury living in the Emirates.", imageSrc: "http://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg", imageAlt: "Luxury penthouse interior design", authorName: "Marcus Lewington", authorAvatar: "http://img.b2bpic.net/free-vector/flat-variety-male-avatars_23-2147676209.jpg", date: "12 Jan 2025"},
|
||||
{
|
||||
id: "3", category: ["Investment", "Wealth"],
|
||||
title: "Dubai Real Estate: The Ultimate Wealth Preservation Strategy", excerpt: "Why discerning investors worldwide are allocating capital to premium Dubai properties.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103567.jpg", imageAlt: "Investment portfolio strategy", authorName: "Priya Sharma", authorAvatar: "http://img.b2bpic.net/free-vector/flat-pack-female-avatars_23-2147676210.jpg", date: "8 Jan 2025"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -337,26 +256,23 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{ label: "Buy", href: "/buy" },
|
||||
{ label: "Sell", href: "/sell" },
|
||||
{ label: "Rent", href: "/rent" },
|
||||
{ label: "Off-Plan", href: "/offplan" },
|
||||
{ label: "Off-Plan", href: "/off-plan" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Journal", href: "/journal" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Disclaimer", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user