Files
e5ff2eb3-a7a2-484d-bf3c-1b2…/src/app/page.tsx
2026-01-21 17:11:03 +02:00

204 lines
11 KiB
TypeScript

"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Building2, Globe, Award, TrendingUp } from 'lucide-react';
export default function LuxePage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="sharp"
contentWidth="medium"
sizing="medium"
background="aurora"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="LUXE DUBAI"
navItems={[
{ name: "Properties", id: "properties" },
{ name: "About", id: "about" },
{ name: "Why Us", id: "metrics" },
{ name: "Testimonials", id: "testimonials" }
]}
button={{
text: "Schedule Viewing", href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="LUXE DUBAI"
description="Discover exceptional luxury real estate in the heart of Dubai. From stunning penthouses with panoramic views to exclusive waterfront villas, we offer the finest properties for discerning clients worldwide."
layoutOrder="default"
buttons={[
{ text: "Explore Properties", href: "properties" },
{ text: "Contact Us", href: "contact" }
]}
imageSrc="https://img.b2bpic.net/free-photo/buildings-milan-italy_268835-734.jpg"
imageAlt="Dubai luxury skyline with modern architecture"
frameStyle="card"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Two decades of excellence in Dubai luxury real estate, specializing in premium properties for international investors and discerning buyers seeking world-class living in the most coveted locations."
useInvertedBackground="invertDefault"
metrics={[
{ icon: Building2, label: "Premium Properties", value: "500+" },
{ icon: Globe, label: "International Clients", value: "2000+" },
{ icon: Award, label: "Years of Excellence", value: "20" },
{ icon: TrendingUp, label: "Market Growth", value: "35%" }
]}
/>
</div>
<div id="properties" data-section="properties">
<ProductCardTwo
title="Featured Properties"
description="Explore our curated selection of the most prestigious luxury properties available in Dubai"
tag="Exclusive Listings"
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="slide-up"
gridVariant="uniform-alternating-sizes"
products={[
{
id: "1", brand: "Downtown Dubai", name: "Luxury Downtown Penthouse", price: "AED 8,500,000", rating: 5,
reviewCount: "125", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Luxury downtown penthouse with floor-to-ceiling windows"
},
{
id: "2", brand: "Arabian Ranches", name: "Exclusive Modern Villa", price: "AED 12,200,000", rating: 5,
reviewCount: "98", imageSrc: "https://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg", imageAlt: "Exclusive modern villa with private garden"
},
{
id: "3", brand: "Dubai Marina", name: "Waterfront Marina Apartment", price: "AED 7,900,000", rating: 5,
reviewCount: "156", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Waterfront apartment with marina views"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Why Choose LUXE DUBAI"
description="Our expertise and commitment to excellence set us apart in the luxury real estate market"
tag="Our Advantage"
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="slide-up"
gridVariant="uniform-all-items-equal"
metrics={[
{
id: "1", value: "24/7", title: "Dedicated Client Support", items: [
"Personal investment advisors", "Multi-lingual support team", "Priority scheduling for viewings"
]
},
{
id: "2", value: "100%", title: "Transparency & Trust", items: [
"Full property documentation", "Legal consultation included", "No hidden fees or charges"
]
},
{
id: "3", value: "AED 50B+", title: "Portfolio Value", items: [
"Prime location properties", "Investment growth potential", "Exclusive access benefits"
]
},
{
id: "4", value: "99%", title: "Client Satisfaction", items: [
"Award-winning service", "Successful transactions", "Long-term relationships"
]
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="Client Testimonials"
description="Hear from satisfied international investors and discerning buyers who found their perfect Dubai property with us"
tag="Client Stories"
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="slide-up"
testimonials={[
{
id: "1", name: "Hassan Al Mansouri", handle: "@hmansouri_dubai", testimonial: "LUXE DUBAI's professionalism and attention to detail made finding my perfect penthouse an effortless experience. Highly recommend their services.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", imageAlt: "Hassan Al Mansouri"
},
{
id: "2", name: "Elena Volkov", handle: "@elenav_investments", testimonial: "Outstanding service from start to finish. The team understood my requirements perfectly and delivered exactly what I was looking for in Dubai.", imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "Elena Volkov"
},
{
id: "3", name: "Ahmed Al Khouri", handle: "@aakhouri_ae", testimonial: "Exceptional expertise in the luxury real estate market. They guided me through every step of my villa purchase with complete transparency.", imageSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", imageAlt: "Ahmed Al Khouri"
},
{
id: "4", name: "Victoria Zhang", handle: "@vzhang_properties", testimonial: "Professional, reliable, and knowledgeable. LUXE DUBAI made my international property investment smooth and secure.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg", imageAlt: "Victoria Zhang"
},
{
id: "5", name: "Marcus von Stein", handle: "@mvonsteineu", testimonial: "The finest service in Dubai luxury real estate. Their dedication to client satisfaction is unmatched in the market.", imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg", imageAlt: "Marcus von Stein"
},
{
id: "6", name: "Priya Sharma", handle: "@psharma_invest", testimonial: "LUXE DUBAI's team provided exceptional guidance throughout my purchase. I couldn't have asked for better support.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", imageAlt: "Priya Sharma"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to find your luxury home in Dubai? Schedule a private consultation with our expert team today."
animationType="entrance-slide"
buttons={[
{ text: "Schedule Viewing", href: "tel:+971-50-123-4567" },
{ text: "Email Inquiry", href: "mailto:luxury@luxedubai.ae" }
]}
useInvertedBackground="invertDefault"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="LUXE DUBAI"
copyrightText="© 2025 LUXE DUBAI. All rights reserved."
columns={[
{
title: "Properties", items: [
{ label: "All Listings", href: "properties" },
{ label: "New Launches", href: "properties" },
{ label: "Investment Properties", href: "properties" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "about" },
{ label: "Our Team", href: "about" },
{ label: "Careers", href: "about" }
]
},
{
title: "Contact", items: [
{ label: "Phone: +971-50-123-4567", href: "tel:+971-50-123-4567" },
{ label: "Email: luxury@luxedubai.ae", href: "mailto:luxury@luxedubai.ae" },
{ label: "Office: Downtown Dubai", href: "contact" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}