307 lines
20 KiB
TypeScript
307 lines
20 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Award, Facebook, Globe, HelpCircle, Home, Instagram, Linkedin, Mail, Phone, Quote, Sparkles, Star, TrendingUp, Twitter, Users } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="LuxeProperty"
|
|
navItems={[
|
|
{ name: "Properties", id: "properties" },
|
|
{ name: "About Us", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Team", id: "team" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Find Your Dream Property Today"
|
|
description="Discover exceptional residential and commercial properties in prime locations. Our expert team is dedicated to finding the perfect home or investment for you."
|
|
tag="Luxury Real Estate"
|
|
tagIcon={Home}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "gradient-bars" }}
|
|
kpis={[
|
|
{ value: "500+", label: "Premium Properties" },
|
|
{ value: "98%", label: "Client Satisfaction" },
|
|
{ value: "15yrs", label: "Industry Experience" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{ text: "Browse Properties", href: "#properties" },
|
|
{ text: "Schedule Tour", href: "#contact" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/building_1127-3498.jpg"
|
|
imageAlt="Luxury property exterior"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="properties" data-section="properties">
|
|
<ProductCardTwo
|
|
title="Featured Properties"
|
|
description="Explore our handpicked selection of premium residential and commercial properties available now"
|
|
tag="Available Now"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Residential", name: "Modern Downtown Penthouse", price: "$2,500,000", rating: 5,
|
|
reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg?_wi=1", imageAlt: "Modern penthouse"
|
|
},
|
|
{
|
|
id: "2", brand: "Commercial", name: "Prime Office Tower Space", price: "$3,200,000", rating: 5,
|
|
reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/girl-showing-book-friends_23-2147678971.jpg?_wi=1", imageAlt: "Commercial office space"
|
|
},
|
|
{
|
|
id: "3", brand: "Luxury", name: "Beachfront Villa Resort", price: "$4,800,000", rating: 5,
|
|
reviewCount: "52", imageSrc: "http://img.b2bpic.net/free-photo/sea-through-two-white-buildings_181624-3722.jpg?_wi=1", imageAlt: "Beachfront villa"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "View All Properties", href: "#properties" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
title="Why Choose LuxeProperty"
|
|
description="Experience unmatched service and expertise in the real estate market"
|
|
tag="Our Services"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Expert Market Knowledge", description: "Our agents have deep knowledge of local markets, neighborhood trends, and investment opportunities to guide you to the best decision.", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg?_wi=2", imageAlt: "Market expertise"
|
|
},
|
|
{
|
|
id: "2", title: "Personalized Service", description: "We tailor our approach to your unique needs and preferences, ensuring a seamless and satisfying property search experience.", imageSrc: "http://img.b2bpic.net/free-photo/girl-showing-book-friends_23-2147678971.jpg?_wi=2", imageAlt: "Personalized service"
|
|
},
|
|
{
|
|
id: "3", title: "Luxury Listings", description: "Access exclusive high-end properties and off-market deals available only to our premium clients and partners.", imageSrc: "http://img.b2bpic.net/free-photo/sea-through-two-white-buildings_181624-3722.jpg?_wi=2", imageAlt: "Luxury listings"
|
|
},
|
|
{
|
|
id: "4", title: "Professional Support", description: "From negotiations to closing, our legal and financial experts support you through every step of your real estate transaction.", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg?_wi=3", imageAlt: "Professional support"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Market Impact"
|
|
description="Trusted by thousands of clients for successful property transactions and investments"
|
|
tag="Proven Results"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2500", title: "Transactions", description: "Successful property sales and purchases completed", icon: Home
|
|
},
|
|
{
|
|
id: "2", value: "850", title: "Happy Clients", description: "Satisfied customers who found their perfect property", icon: Users
|
|
},
|
|
{
|
|
id: "3", value: "15", title: "Awards", description: "Industry recognition for excellence in real estate", icon: Award
|
|
},
|
|
{
|
|
id: "4", value: "98", title: "Percent Satisfied", description: "Client satisfaction rate with our services", icon: Star
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Client Success Stories"
|
|
description="Hear from our satisfied clients about their experience with LuxeProperty"
|
|
tag="Testimonials"
|
|
tagIcon={Quote}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson, Investor", date: "Date: 15 January 2025", title: "Found the perfect investment property!", quote: "The team at LuxeProperty exceeded all my expectations. They understood my investment goals and found the ideal property that has already appreciated significantly. Highly professional and responsive.", tag: "Premium Client", avatarSrc: "http://img.b2bpic.net/free-photo/business-professional_1098-14759.jpg", avatarAlt: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg?_wi=4", imageAlt: "Property showcase"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen, CEO", date: "Date: 22 December 2024", title: "Outstanding service from start to finish", quote: "Exceptional support throughout the entire process. The agents knew exactly what I was looking for and negotiated an excellent deal. I've already recommended them to my colleagues.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-using-sign-language-outdoors-work_23-2148740317.jpg", avatarAlt: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/girl-showing-book-friends_23-2147678971.jpg?_wi=3", imageAlt: "Corporate property"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez, Homeowner", date: "Date: 10 December 2024", title: "Made our dream home a reality", quote: "We were overwhelmed by the search process, but LuxeProperty made everything smooth and enjoyable. They found us the perfect family home in just three weeks.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-worker-holding-clipboard_1098-4072.jpg", avatarAlt: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/sea-through-two-white-buildings_181624-3722.jpg?_wi=3", imageAlt: "Dream home"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim, Entrepreneur", date: "Date: 5 December 2024", title: "Expert guidance for commercial property", quote: "Finding the right commercial space was challenging until I worked with LuxeProperty. Their market insights and negotiation skills saved me thousands while securing premium office space.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-female-trainee-dressed-as-office-worker-holding-hands-her-suit-smiling-camera-confident-standing-against-white-background_176420-48410.jpg", avatarAlt: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg?_wi=5", imageAlt: "Office space"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Lee, Real Estate Investor", date: "Date: 28 November 2024", title: "Best agency for luxury properties", quote: "LuxeProperty has access to properties you won't find elsewhere. Their exclusive listings and personalized service make them the go-to agency for serious investors.", tag: "VIP", avatarSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg", avatarAlt: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/girl-showing-book-friends_23-2147678971.jpg?_wi=4", imageAlt: "Luxury investment"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Martinez, Developer", date: "Date: 15 November 2024", title: "Professional and reliable partners", quote: "Working with LuxeProperty on multiple development projects has been seamless. Their professionalism, integrity, and market knowledge are unmatched in the industry.", tag: "Developer", avatarSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", avatarAlt: "Robert Martinez", imageSrc: "http://img.b2bpic.net/free-photo/sea-through-two-white-buildings_181624-3722.jpg?_wi=4", imageAlt: "Development project"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
title="Meet Our Expert Team"
|
|
description="Experienced professionals dedicated to your real estate success"
|
|
tag="Leadership"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "Victoria Sterling", role: "Chief Executive Officer", description: "20+ years in luxury real estate with expertise in high-value properties and commercial investments.", imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-staring-gossiping-about-their-male-colleague-office_1153-5434.jpg", imageAlt: "Victoria Sterling", socialLinks: [
|
|
{ icon: Linkedin, url: "https://linkedin.com" },
|
|
{ icon: Mail, url: "mailto:victoria@luxeproperty.com" }
|
|
]
|
|
},
|
|
{
|
|
id: "2", name: "James Mitchell", role: "Senior Real Estate Agent", description: "Expert in residential and commercial property sales with a proven track record of successful negotiations.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageAlt: "James Mitchell", socialLinks: [
|
|
{ icon: Linkedin, url: "https://linkedin.com" },
|
|
{ icon: Phone, url: "tel:+1234567890" }
|
|
]
|
|
},
|
|
{
|
|
id: "3", name: "Alexandra Chen", role: "Investment Specialist", description: "Specialist in investment properties and portfolio management, helping clients maximize returns.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", imageAlt: "Alexandra Chen", socialLinks: [
|
|
{ icon: Linkedin, url: "https://linkedin.com" },
|
|
{ icon: Globe, url: "https://example.com" }
|
|
]
|
|
},
|
|
{
|
|
id: "4", name: "Thomas Anderson", role: "Property Manager", description: "Manages portfolios and ensures seamless transactions from listing to closing for all clients.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-businessman-with-arms-crossed_23-2147985122.jpg", imageAlt: "Thomas Anderson", socialLinks: [
|
|
{ icon: Linkedin, url: "https://linkedin.com" },
|
|
{ icon: Mail, url: "mailto:thomas@luxeproperty.com" }
|
|
]
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services and real estate processes"
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I start searching for a property?", content: "Simply contact our team or browse our featured listings online. Our agents will help you narrow down options based on your budget, location preferences, and specific requirements. We'll schedule property viewings at your convenience."
|
|
},
|
|
{
|
|
id: "2", title: "What is your commission structure?", content: "Our commission rates are competitive and vary based on property type and transaction complexity. We typically charge 2-3% for residential properties and negotiate commercial rates. We're transparent about all costs upfront."
|
|
},
|
|
{
|
|
id: "3", title: "Do you handle mortgage assistance?", content: "While we don't provide mortgages directly, we work with leading financial institutions and can connect you with trusted mortgage brokers who offer competitive rates and flexible terms."
|
|
},
|
|
{
|
|
id: "4", title: "How long does a typical transaction take?", content: "Most transactions close within 30-45 days from offer acceptance. However, timelines can vary based on financing, inspections, and other contingencies. We keep you updated at every stage."
|
|
},
|
|
{
|
|
id: "5", title: "Are your listings exclusively listed?", content: "Many of our premium properties are exclusively listed, giving our clients first access to prime opportunities. We also work with other agencies through the MLS for broader selection."
|
|
},
|
|
{
|
|
id: "6", title: "What if I need to sell my current property first?", content: "We offer solutions including contingent offers, bridge financing options, and rental management services. Our team will work with you to find the best approach for your situation."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get Started"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Find Your Perfect Property?"
|
|
description="Contact our team today and let us help you navigate your real estate journey. Whether you're buying, selling, or investing, we're here to provide expert guidance every step of the way."
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "#contact" },
|
|
{ text: "Call Us Today", href: "tel:+1234567890" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="LuxeProperty"
|
|
copyrightText="© 2025 LuxeProperty. All rights reserved. Premium Real Estate Services."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com/luxeproperty", ariaLabel: "Follow us on Facebook" },
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/luxeproperty", ariaLabel: "Follow us on LinkedIn" },
|
|
{ icon: Instagram, href: "https://instagram.com/luxeproperty", ariaLabel: "Follow us on Instagram" },
|
|
{ icon: Twitter, href: "https://twitter.com/luxeproperty", ariaLabel: "Follow us on Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|