Add src/app/properties/page.tsx
This commit is contained in:
186
src/app/properties/page.tsx
Normal file
186
src/app/properties/page.tsx
Normal file
@@ -0,0 +1,186 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Home, Mail } from "lucide-react";
|
||||
|
||||
export default function PropertiesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="inset-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Luxe Properties"
|
||||
navItems={[
|
||||
{ name: "Properties", id: "properties" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Schedule Viewing", href: "contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="properties" data-section="properties">
|
||||
<ProductCardFour
|
||||
title="All Properties"
|
||||
description="Browse our complete portfolio of luxury properties available for sale and investment in Dubai's most exclusive locations."
|
||||
tag="Complete Listings"
|
||||
tagIcon={Home}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
carouselMode="buttons"
|
||||
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: "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: "4", name: "Marina Bay Apartment", price: "AED 5,800,000", variant: "3 Bed Apartment | Sea View", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Modern apartment with sea view in Marina", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jumeirah Golf Estate Villa", price: "AED 7,500,000", variant: "5 Bed Villa | Golf Course", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Luxury villa in Jumeirah Golf Estate", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "6", name: "Arabian Ranches Mansion", price: "AED 9,200,000", variant: "6 Bed Mansion | Ultra Luxury", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Exclusive mansion in Arabian Ranches", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "7", name: "Burj Khalifa Penthouse", price: "AED 11,000,000", variant: "4 Bed Penthouse | Iconic Tower", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Prestigious penthouse in Burj Khalifa", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "8", name: "Dubai Hills Estate Villa", price: "AED 6,800,000", variant: "5 Bed Villa | Contemporary Design", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Modern villa in Dubai Hills Estate", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "9", name: "The Waterfront Townhouse", price: "AED 5,200,000", variant: "3 Bed Townhouse | Waterfront", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Elegant townhouse with waterfront access", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "10", name: "Business Bay Luxury Flat", price: "AED 4,500,000", variant: "2 Bed Apartment | Investment", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Investment apartment in Business Bay", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "11", name: "Palm Jumeirah Mansion", price: "AED 15,000,000", variant: "7 Bed Mansion | Waterfront Paradise", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Ultra-luxury mansion on Palm Jumeirah", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "12", name: "Emaar Beachfront Penthouse", price: "AED 10,500,000", variant: "5 Bed Penthouse | Beach Access", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Premium penthouse with beach access", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "13", name: "Downtown Dubai Villa", price: "AED 7,100,000", variant: "4 Bed Villa | City Center", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Spacious villa in heart of Downtown", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "14", name: "JBR Beach Apartment", price: "AED 3,800,000", variant: "2 Bed Apartment | Beach Living", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Modern apartment with beach proximity", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "15", name: "Emirates Living Mansion", price: "AED 13,500,000", variant: "8 Bed Mansion | Gated Community", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Prestigious mansion in Emirates Living", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "16", name: "The Walk Townhouse", price: "AED 4,900,000", variant: "3 Bed Townhouse | Central Location", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Contemporary townhouse near The Walk", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "17", name: "Dubai Marina Premier", price: "AED 6,500,000", variant: "3 Bed Apartment | Marina View", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Premium apartment overlooking Marina", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "18", name: "Meadows Villa", price: "AED 5,600,000", variant: "4 Bed Villa | Community", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Family villa in The Meadows community", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "19", name: "Caesars Palace Residence", price: "AED 8,900,000", variant: "4 Bed Penthouse | Luxury Residences", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Exclusive residence in Caesars Palace", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "20", name: "Dubai South Apartment", price: "AED 2,900,000", variant: "2 Bed Apartment | Emerging Location", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Modern apartment in Dubai South", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "21", name: "DIFC Luxury Flat", price: "AED 7,300,000", variant: "3 Bed Apartment | Financial Hub", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Premium apartment in DIFC", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "22", name: "Springs Community Villa", price: "AED 4,300,000", variant: "3 Bed Villa | Quiet Community", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Peaceful villa in The Springs", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "23", name: "Port de La Mer Penthouse", price: "AED 9,800,000", variant: "5 Bed Penthouse | Waterfront", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Exquisite penthouse at Port de La Mer", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "24", name: "Nad Al Sheba Mansion", price: "AED 6,200,000", variant: "5 Bed Mansion | Equestrian", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Stunning mansion in Nad Al Sheba", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "25", name: "Dubai Creek Residences", price: "AED 5,500,000", variant: "3 Bed Apartment | New Development", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Modern residence at Dubai Creek", isFavorited: false
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get In Touch"
|
||||
tagIcon={Mail}
|
||||
title="Interested in Any of These Properties?"
|
||||
description="Our expert agents are ready to provide detailed information, arrange viewings, and answer all your questions about these luxury properties."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Schedule Viewing", href: "#" },
|
||||
{ text: "Contact Agent", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Services", href: "#services" },
|
||||
{ label: "Executive Team", href: "#team" },
|
||||
{ label: "Properties", href: "#properties" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Investment Guide", href: "#" },
|
||||
{ label: "Market Reports", href: "#" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "WhatsApp", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Luxe Properties Dubai. All rights reserved."
|
||||
bottomRightText="Luxury Real Estate Excellence"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user