224 lines
14 KiB
TypeScript
224 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Crown, Gem, Sparkles, Mail, Home, DollarSign, Users, Award, Star, TrendingUp } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Properties", id: "properties" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Properties", items: [
|
|
{ label: "Featured Listings", href: "#properties" },
|
|
{ label: "Browse All", href: "/properties" },
|
|
{ label: "New Arrivals", href: "#" },
|
|
{ label: "Investment Properties", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Team", href: "/team" },
|
|
{ label: "Services", href: "#features" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Schedule Viewing", href: "/contact" },
|
|
{ label: "Contact Form", href: "#contact" },
|
|
{ label: "Email Us", href: "#" },
|
|
{ label: "Call Us", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Disclaimer", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
button={{ text: "Schedule Viewing", href: "/contact" }}
|
|
brandName="Prestige Properties"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Discover Exceptional Luxury Properties"
|
|
description="Experience sophisticated real estate at its finest. Explore our curated collection of exclusive properties designed for the most discerning buyers."
|
|
tag="Premium Listings"
|
|
tagIcon={Crown}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912551.jpg", imageAlt: "Luxury Mansion"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg", imageAlt: "Modern Penthouse"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-sandy-beach-beach-with-sun-beds-umbrellas-open-against-sea-mountains-hotel-resort-tekirova-kemer-turkey_146671-18877.jpg", imageAlt: "Waterfront Estate"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10730.jpg", imageAlt: "Luxury Villa"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg", imageAlt: "Contemporary Home"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Browse Properties", href: "/properties" },
|
|
{ text: "Schedule Consultation", href: "/contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="properties" data-section="properties">
|
|
<ProductCardFour
|
|
title="Featured Luxury Properties"
|
|
description="Browse our exclusive portfolio of meticulously selected luxury properties. Each property represents the pinnacle of architectural excellence and sophisticated living."
|
|
tag="Exclusive Collection"
|
|
tagIcon={Gem}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Beachfront Mansion", price: "$12,500,000", variant: "5BR • 6BA • Oceanfront", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Luxury Beachfront Mansion"},
|
|
{
|
|
id: "2", name: "Downtown Penthouse", price: "$8,750,000", variant: "4BR • 4BA • Downtown", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821321.jpg", imageAlt: "Modern Downtown Penthouse"},
|
|
{
|
|
id: "3", name: "Estate with Pool", price: "$15,300,000", variant: "6BR • 7BA • Private Estate", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-30650.jpg", imageAlt: "Luxury Estate with Pool"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="Why Choose Prestige Properties"
|
|
description="We deliver unmatched expertise, exclusive access, and personalized service to ensure your luxury real estate experience is exceptional."
|
|
tag="Our Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "01", title: "Market Expertise", description: "Deep knowledge of luxury market trends, valuations, and investment opportunities across all premium segments.", imageSrc: "http://img.b2bpic.net/free-photo/house-model-compass-plan-background-real-estate-concept_1423-179.jpg", imageAlt: "Market Expertise"},
|
|
{
|
|
id: "02", title: "Exclusive Portfolio", description: "Access to carefully curated listings and off-market properties available only to our select clientele.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-real-estate-landing-page_52683-74630.jpg", imageAlt: "Exclusive Portfolio"},
|
|
{
|
|
id: "03", title: "Expert Agents", description: "Highly experienced professionals dedicated to understanding your unique needs and preferences.", imageSrc: "http://img.b2bpic.net/free-photo/business-leaders-consulting-expert_74855-2095.jpg", imageAlt: "Expert Agents"},
|
|
{
|
|
id: "04", title: "Property Valuation", description: "Comprehensive assessments and professional valuations ensuring fair market pricing for every property.", imageSrc: "http://img.b2bpic.net/free-photo/interracial-couple-signing-mortgage-investment-contract-meeting-with-broker_1163-4633.jpg", imageAlt: "Property Valuation"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Proven Success"
|
|
description="Our track record speaks to our dedication and expertise in luxury real estate transactions."
|
|
tag="Statistics"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", icon: Home, title: "Properties Sold", value: "500+" },
|
|
{ id: "2", icon: DollarSign, title: "Sales Volume", value: "$2.8B" },
|
|
{ id: "3", icon: Users, title: "Satisfied Clients", value: "1,200+" },
|
|
{ id: "4", icon: Award, title: "Years Experience", value: "20+" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Client Testimonials"
|
|
description="Hear from our satisfied clients who have entrusted us with their most important real estate transactions."
|
|
tag="Success Stories"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Margaret Thompson, Investor", date: "Date: 15 November 2024", title: "Exceptional Service and Expertise", quote: "Victoria and her team made our luxury property investment seamless. Their market knowledge and attention to detail were instrumental in securing the perfect property at an excellent value.", tag: "Investment Client", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", avatarAlt: "Margaret Thompson", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-726.jpg", imageAlt: "Sold Luxury Property"},
|
|
{
|
|
id: "2", name: "Richard Patterson, Entrepreneur", date: "Date: 22 October 2024", title: "World-Class Professional Experience", quote: "From initial consultation through closing, the Prestige Properties team demonstrated professionalism and sophistication. They understood our vision and delivered beyond expectations.", tag: "Premium Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg", avatarAlt: "Richard Patterson", imageSrc: "http://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg", imageAlt: "Luxury Apartment Sold"},
|
|
{
|
|
id: "3", name: "Catherine Monroe, Developer", date: "Date: 8 September 2024", title: "Outstanding Market Knowledge", quote: "Working with James on our portfolio expansion was enlightening. His insights into market dynamics and property positioning helped us make strategic decisions that maximized our returns.", tag: "Portfolio Client", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", avatarAlt: "Catherine Monroe", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-team-members-posing-office_1262-20245.jpg", imageAlt: "Estate Transaction"},
|
|
{
|
|
id: "4", name: "Jonathan Wells, Executive", date: "Date: 25 August 2024", title: "Truly Exceptional Results", quote: "Alexandra's dedication to finding our dream home was remarkable. She listened carefully to our preferences and presented options that were tailored perfectly to our lifestyle.", tag: "Residential Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", avatarAlt: "Jonathan Wells", imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-luxury-travel-house_23-2149140851.jpg", imageAlt: "Villa Purchase"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get In Touch"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Find Your Luxury Property?"
|
|
description="Let our team of experts guide you through the luxury real estate market. Schedule a personalized consultation today and discover properties that match your vision and aspirations."
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "/contact" },
|
|
{ text: "Browse Properties", href: "/properties" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<footer>
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 Prestige Properties. All rights reserved."
|
|
bottomRightText="Luxury Real Estate Excellence"
|
|
/>
|
|
</footer>
|
|
</ThemeProvider>
|
|
);
|
|
} |