Initial commit
This commit is contained in:
181
src/app/page.tsx
Normal file
181
src/app/page.tsx
Normal file
@@ -0,0 +1,181 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Dubai Estates"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Properties", id: "/properties" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Schedule Tour", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Discover Luxury Living in Dubai"
|
||||
description="Explore the most exclusive properties in the world's most dynamic city. From waterfront penthouses to palatial villas, your dream home awaits."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
|
||||
imageAlt="Dubai skyline at sunset"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{ text: "View Properties", href: "/properties" },
|
||||
{ text: "Schedule Tour", href: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="properties-preview" data-section="properties-preview">
|
||||
<ProductCardOne
|
||||
title="Featured Properties"
|
||||
description="Handpicked luxury residences representing the finest real estate opportunities in Dubai"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="invertDefault"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marina Penthouse",
|
||||
price: "AED 8.5M",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg",
|
||||
imageAlt: "Luxury Marina Penthouse"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Palm Villa Estate",
|
||||
price: "AED 15.2M",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/cityscape-bangkok-night-view_1357-300.jpg",
|
||||
imageAlt: "Exclusive Palm Villa"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Beachfront Residency",
|
||||
price: "AED 12.8M",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/skyscrapers-from-low-angle-view_1359-1073.jpg",
|
||||
imageAlt: "Beachfront Luxury Residence"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Market Insights"
|
||||
description="Dubai's real estate market continues to demonstrate strong growth and investment potential"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
metrics={[
|
||||
{ id: "1", value: "500+", description: "Properties Successfully Sold" },
|
||||
{ id: "2", value: "AED 2.5B+", description: "Total Transaction Value" },
|
||||
{ id: "3", value: "15%", description: "Average Annual Growth" },
|
||||
{ id: "4", value: "98%", description: "Client Satisfaction Rate" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials-preview" data-section="testimonials-preview">
|
||||
<TestimonialCardFive
|
||||
title="Client Success Stories"
|
||||
description="Hear from satisfied clients who have found their perfect home through Dubai Estates"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fatima Al Mansouri, Business Executive",
|
||||
date: "Date: November 2024",
|
||||
title: "Exceeded all expectations",
|
||||
quote: "Dubai Estates provided exceptional service throughout my penthouse purchase. Their market expertise and attention to detail made the entire process seamless and stress-free.",
|
||||
tag: "Premium Client",
|
||||
avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1570.jpg",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mohammed Al Maktoum, International Investor",
|
||||
date: "Date: October 2024",
|
||||
title: "Professional excellence",
|
||||
quote: "As an international investor, finding a trusted partner in Dubai's real estate market was crucial. Dubai Estates delivered comprehensive guidance and secured the perfect villa property for my family.",
|
||||
tag: "Platinum Client",
|
||||
avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/cityscape-bangkok-night-view_1357-300.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Properties",
|
||||
items: [
|
||||
{ label: "Featured Listings", href: "/properties" },
|
||||
{ label: "Luxury Villas", href: "/properties" },
|
||||
{ label: "Penthouses", href: "/properties" },
|
||||
{ label: "Off-Market", href: "/properties" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Market Insights", href: "/about" },
|
||||
{ label: "Careers", href: "/about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Property Search", href: "/properties" },
|
||||
{ label: "Investment Advisory", href: "/about" },
|
||||
{ label: "Legal Support", href: "/contact" },
|
||||
{ label: "Property Management", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{ label: "Dubai Office", href: "/contact" },
|
||||
{ label: "Schedule Viewing", href: "/contact" },
|
||||
{ label: "Email Support", href: "/contact" },
|
||||
{ label: "Phone: +971-4-XXXX-XXXX", href: "/contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Dubai Estates. All rights reserved."
|
||||
bottomRightText="Luxury Real Estate Solutions"
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user