277 lines
17 KiB
TypeScript
277 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
|
import { Home, Star, Award, TrendingUp } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="LuxeProperty"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Properties", id: "properties" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Schedule Tour", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="LUXE PROPERTY"
|
|
description="Discover premium real estate opportunities in the most sought-after locations. Your dream home awaits."
|
|
buttons={[
|
|
{ text: "Browse Properties", href: "#properties" },
|
|
{ text: "Contact Agent", href: "#contact" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-726.jpg", imageAlt: "Luxury modern home with elegant design"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg", imageAlt: "Contemporary apartment with stunning interior"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-standing-with-coffee-near-window_7502-9288.jpg", imageAlt: "Penthouse with city skyline views"
|
|
}
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Us"
|
|
title="We connect discerning buyers and sellers with exceptional properties that match their lifestyle and investment goals"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="properties" data-section="properties">
|
|
<ProductCardThree
|
|
title="Featured Properties"
|
|
description="Explore our handpicked selection of premium properties available for immediate viewing"
|
|
tag="Properties"
|
|
products={[
|
|
{
|
|
id: "1", name: "Oceanfront Villa", price: "$2,450,000", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=1", imageAlt: "Luxury oceanfront villa"
|
|
},
|
|
{
|
|
id: "2", name: "Downtown Penthouse", price: "$1,890,000", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=1", imageAlt: "Modern downtown penthouse"
|
|
},
|
|
{
|
|
id: "3", name: "Country Estate", price: "$3,200,000", imageSrc: "http://img.b2bpic.net/free-photo/photo-fence-two-people-walking-fenced-lawn-towards-old-building_181624-10028.jpg?_wi=1", imageAlt: "Spacious country estate"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
title="Our Real Estate Services"
|
|
description="Comprehensive solutions tailored to your property needs"
|
|
tag="Services"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Property Sales", description: "Expert guidance through the entire selling process with maximum market exposure and competitive pricing strategies", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=2"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=2"
|
|
}
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Buyer Representation", description: "Dedicated agents who understand your preferences and negotiate the best terms for your dream property", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=3"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-fence-two-people-walking-fenced-lawn-towards-old-building_181624-10028.jpg?_wi=2"
|
|
}
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Track Record"
|
|
description="Proven success in real estate excellence and client satisfaction"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500", title: "Properties Sold", description: "Successful transactions completed", icon: Home
|
|
},
|
|
{
|
|
id: "2", value: "98", title: "% Satisfaction", description: "Client satisfaction rate", icon: Star
|
|
},
|
|
{
|
|
id: "3", value: "15", title: "Years Experience", description: "Industry expertise and track record", icon: Award
|
|
},
|
|
{
|
|
id: "4", value: "2B", title: "in Sales Volume", description: "Total transaction value", icon: TrendingUp
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Real stories from satisfied buyers and sellers who found their perfect property"
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell, Home Buyer", date: "Date: 15 November 2024", title: "Found my dream home!", quote: "The team at Luxe Property was incredibly helpful in finding the perfect home for my family. Their expertise and patience throughout the entire process made everything smooth and stress-free.", tag: "Home Purchase", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=3", imageAlt: "Luxury oceanfront villa"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen, Property Seller", date: "Date: 28 October 2024", title: "Sold quickly at great price!", quote: "Selling my property was made incredibly simple. The marketing strategy was exceptional and we received multiple offers within weeks. Highly recommended!", tag: "Property Sale", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "James Chen", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=4", imageAlt: "Modern downtown penthouse"
|
|
},
|
|
{
|
|
id: "3", name: "Maria Rodriguez, Investor", date: "Date: 12 October 2024", title: "Professional and knowledgeable", quote: "As a property investor, I've worked with many agents. The team at Luxe Property stands out for their market knowledge and negotiation skills. Excellent service!", tag: "Investment Property", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Maria Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/photo-fence-two-people-walking-fenced-lawn-towards-old-building_181624-10028.jpg?_wi=3", imageAlt: "Spacious country estate"
|
|
},
|
|
{
|
|
id: "4", name: "David Thompson, First-Time Buyer", date: "Date: 5 October 2024", title: "Smooth first-time buying experience", quote: "I was nervous about buying my first home, but the agents guided me through every step with confidence and professionalism. They answered all my questions and made me feel supported.", tag: "First-Time Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=4", imageAlt: "Luxury oceanfront villa"
|
|
},
|
|
{
|
|
id: "5", name: "Emily Watson, Luxury Buyer", date: "Date: 22 September 2024", title: "Access to exclusive properties", quote: "The luxury property market is exclusive, and Luxe Property has the connections and knowledge to navigate it perfectly. They found me a property that checks all my boxes.", tag: "Luxury Homes", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Emily Watson", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=5", imageAlt: "Modern downtown penthouse"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Garcia, Relocation", date: "Date: 10 September 2024", title: "Seamless relocation assistance", quote: "Moving to a new city was stressful, but Luxe Property made finding a home simple. They understood my needs and delivered results quickly and professionally.", tag: "Relocation Services", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Robert Garcia", imageSrc: "http://img.b2bpic.net/free-photo/photo-fence-two-people-walking-fenced-lawn-towards-old-building_181624-10028.jpg?_wi=4", imageAlt: "Spacious country estate"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about buying, selling, and our services"
|
|
tag="FAQ"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does it typically take to sell a property?", content: "The timeline varies depending on market conditions and property type. Most homes sell within 30-60 days with our comprehensive marketing strategy. Luxury properties may take longer due to their specialized market."
|
|
},
|
|
{
|
|
id: "2", title: "What is your commission structure?", content: "We offer competitive and transparent commission rates, typically starting at 5% of the sale price. However, rates are negotiable based on the property and transaction complexity. We discuss this thoroughly during our initial consultation."
|
|
},
|
|
{
|
|
id: "3", title: "Do you handle both buying and selling?", content: "Yes, we provide comprehensive services for both buyers and sellers. Our team specializes in residential, commercial, and investment properties. We can guide you through any real estate transaction."
|
|
},
|
|
{
|
|
id: "4", title: "What are your service areas?", content: "We serve the entire metropolitan region and surrounding areas. Our agents have extensive knowledge of different neighborhoods and can help you find the right location for your needs."
|
|
},
|
|
{
|
|
id: "5", title: "Can you help with financing options?", content: "While we are not lenders, we have strong relationships with trusted financial institutions and can refer you to qualified mortgage professionals who can help with financing."
|
|
},
|
|
{
|
|
id: "6", title: "How do I get started?", content: "Simply contact us through our website or call our office. We offer free consultations to discuss your real estate goals and answer any questions you may have about our services."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Ready to find your perfect property or list your home? Contact our team today. We're here to answer your questions and help you achieve your real estate goals."
|
|
inputs={[
|
|
{ name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
|
{ name: "propertyType", type: "text", placeholder: "Property Type (e.g., Home, Commercial)", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your real estate needs...", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=5"
|
|
imageAlt="Luxury property"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Inquiry"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Buy Property", href: "#properties" },
|
|
{ label: "Sell Property", href: "#contact" },
|
|
{ label: "Investment Properties", href: "#services" },
|
|
{ label: "Property Management", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Luxe Property. All rights reserved. Premium Real Estate Services."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|