237 lines
15 KiB
TypeScript
237 lines
15 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, Sparkles, TrendingUp, Home, DollarSign, Users, Award, Phone } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Properties", id: "/properties" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Team", id: "/team" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Navigate", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Properties", href: "/properties" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Property Valuation", href: "#" },
|
|
{ label: "Virtual Tours", href: "#" },
|
|
{ label: "Financing", href: "#" },
|
|
{ label: "Legal Support", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Team", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
];
|
|
|
|
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 Tour", href: "/contact" }}
|
|
brandName="Prestige Realty"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Discover Luxury Living at Its Finest"
|
|
description="Explore our curated collection of the most exquisite properties, each representing the pinnacle of architectural excellence and sophisticated design."
|
|
tag="Premium Properties"
|
|
tagIcon={Crown}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-large-windows-comfortable-furniture_9975-33081.jpg", imageAlt: "Luxury modern interior with panoramic views"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU5IKJgqEmikDIubrIswJJjRsB/uploaded-1772635049008-wbgepey3.png", imageAlt: "Contemporary villa with architectural details"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Elegant bedroom suite with designer furnishings"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-interior-with-oven_169016-19754.jpg", imageAlt: "State-of-the-art luxury kitchen"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg", imageAlt: "Spa-inspired luxury bathroom"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10730.jpg", imageAlt: "Luxurious outdoor living space with pool"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Browse Properties", href: "/properties" },
|
|
{ text: "Schedule a Tour", href: "/contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="properties" data-section="properties">
|
|
<ProductCardFour
|
|
title="Featured Properties"
|
|
description="Handpicked luxury residences featuring premium locations, architectural excellence, and exclusive amenities."
|
|
tag="Latest Listings"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "View All Properties", href: "/properties" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
products={[
|
|
{
|
|
id: "1", name: "Contemporary Penthouse", price: "$8,500,000", variant: "5BR | 4.5BA | Downtown Views", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg", imageAlt: "Modern penthouse with city skyline views", isFavorited: false,
|
|
},
|
|
{
|
|
id: "2", name: "Beachfront Villa", price: "$12,000,000", variant: "6BR | 5BA | Oceanfront", imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg", imageAlt: "Luxury beachfront villa with resort amenities", isFavorited: false,
|
|
},
|
|
{
|
|
id: "3", name: "Historic Estate", price: "$6,800,000", variant: "7BR | 6BA | Gated Community", imageSrc: "http://img.b2bpic.net/free-photo/traditional-house-architecture_23-2151050992.jpg", imageAlt: "Grand historic mansion on private estate", isFavorited: false,
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="Our Services"
|
|
description="Comprehensive real estate solutions tailored to meet your unique needs and aspirations."
|
|
tag="What We Offer"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
id: "01", title: "Property Valuation", description: "Expert market analysis and professional appraisals ensuring accurate property valuations.", imageSrc: "http://img.b2bpic.net/free-photo/house-model-compass-plan-background-real-estate-concept_1423-179.jpg", imageAlt: "Real estate market analysis and property valuation"},
|
|
{
|
|
id: "02", title: "Virtual Tours", description: "Advanced technology enabling immersive virtual property viewings from anywhere.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-real-estate-agent-showing-house_23-2150225242.jpg", imageAlt: "Virtual property tour technology"},
|
|
{
|
|
id: "03", title: "Financing Assistance", description: "Expert guidance connecting you with premier financing partners and mortgage solutions.", imageSrc: "http://img.b2bpic.net/free-photo/rear-estate-agent-young-couple-going-through-blueprints-using-digital-tablet-meeting_637285-3873.jpg", imageAlt: "Real estate financing and mortgage consultation"},
|
|
{
|
|
id: "04", title: "Legal Support", description: "Comprehensive documentation and legal expertise ensuring smooth transactions.", imageSrc: "http://img.b2bpic.net/free-photo/property-release-form-assets-concept_53876-125124.jpg", imageAlt: "Real estate legal documents and contracts"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
buttons={[{ text: "Explore Services", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Market Leadership"
|
|
description="Our proven track record in luxury real estate transactions and client satisfaction."
|
|
tag="By The Numbers"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
metrics={[
|
|
{ id: "1", icon: Home, title: "Properties Sold", value: "500+" },
|
|
{ id: "2", icon: DollarSign, title: "Total Value", value: "$2.5B" },
|
|
{ id: "3", icon: Users, title: "Happy Clients", value: "1,200+" },
|
|
{ id: "4", icon: Award, title: "Industry Awards", value: "47" },
|
|
]}
|
|
animationType="slide-up"
|
|
buttons={[{ text: "View Our Success", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Client Success Stories"
|
|
description="Hear from our satisfied clients who have found their dream properties with Prestige Realty."
|
|
tag="Testimonials"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Margaret Sullivan, Investor", date: "Date: 15 November 2024", title: "An Exceptional Experience", quote: "Prestige Realty made our luxury property purchase seamless. The expertise and personalized attention we received was unparalleled. We found not just a property, but our dream home.", tag: "Buyer Experience", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", avatarAlt: "Margaret Sullivan", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Margaret Sullivan"},
|
|
{
|
|
id: "2", name: "Richard Thompson, Executive", date: "Date: 22 October 2024", title: "Exceptional Service and Results", quote: "The team at Prestige Realty helped us sell our estate home at an exceptional price. Their market knowledge and professional approach made the entire process smooth and efficient.", tag: "Seller Experience", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", avatarAlt: "Richard Thompson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1", imageAlt: "Richard Thompson"},
|
|
{
|
|
id: "3", name: "Catherine Moore, Entrepreneur", date: "Date: 8 September 2024", title: "Trusted Advisors in Luxury Real Estate", quote: "We worked with Prestige Realty for our investment property portfolio. Their insights into market trends and negotiation skills proved invaluable. Highly recommended.", tag: "Investment Success", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", avatarAlt: "Catherine Moore", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Catherine Moore"},
|
|
{
|
|
id: "4", name: "Jonathan Blake, Developer", date: "Date: 10 August 2024", title: "Outstanding Professional Standards", quote: "Working with Prestige Realty as a property developer has been excellent. Their connections in the luxury market and commitment to quality made all the difference.", tag: "Developer Partnership", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", avatarAlt: "Jonathan Blake", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2", imageAlt: "Jonathan Blake"},
|
|
{
|
|
id: "5", name: "Patricia Fernandez, CEO", date: "Date: 25 July 2024", title: "Luxury Real Estate Excellence", quote: "Prestige Realty understood exactly what we were looking for in a luxury property. Their white-glove service and market expertise exceeded our expectations.", tag: "Premium Service", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", avatarAlt: "Patricia Fernandez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageAlt: "Patricia Fernandez"},
|
|
{
|
|
id: "6", name: "Michael Richardson, Collector", date: "Date: 12 June 2024", title: "A Premier Agency Experience", quote: "As a discerning buyer, I required the best. Prestige Realty delivered with professionalism, expertise, and access to exclusive properties. Simply outstanding.", tag: "Exclusive Access", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", avatarAlt: "Michael Richardson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=3", imageAlt: "Michael Richardson"},
|
|
]}
|
|
buttons={[{ text: "Read More Stories", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Find Your Luxury Home?"
|
|
description="Connect with our team of experts to explore exclusive properties, receive personalized guidance, and embark on your luxury real estate journey. Contact Prestige Realty today."
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "/contact" },
|
|
{ text: "Browse Properties", href: "/properties" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 Prestige Realty. All rights reserved."
|
|
bottomRightText="Crafted for Excellence"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |