Files
bb0ddb92-5c2e-41c5-aaf7-05f…/src/app/page.tsx
2026-01-07 10:58:54 +02:00

257 lines
16 KiB
TypeScript

"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Users, Clock, Home, CheckCircle, Phone } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLarge"
background="animatedAurora"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="LuxeProperties"
navItems={[
{ name: "Properties", id: "properties" },
{ name: "Why Us", id: "why-us" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "View Properties", href: "properties" }}
/>
</div>
<div id="hero" data-section="hero" className="relative overflow-hidden">
<HeroBillboardScroll
tag="ONLY 3 UNITS LEFT"
title="Modern Living in Prime Locations"
description="Carefully selected premium properties with verified documentation. Trusted by 1,500+ buyers & investors across Europe."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776233193-l5runq4y.jpg"
imageAlt="luxury modern apartment interior premium"
buttons={[
{ text: "View Properties", href: "properties" },
{ text: "Book a Viewing", href: "contact" }
]}
/>
</div>
<div id="properties" data-section="properties">
<ProductCardFive
title="Featured Properties"
description="Explore our handpicked selection of premium residences with investment potential"
tag="Hot Listings"
textboxLayout="default"
useInvertedBackground="invertDefault"
products={[
{
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776234709-v157rw2d.jpg", imageAlt: "modern apartment living room contemporary", button: { text: "View Details", href: "contact" },
isFavorited: false
},
{
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776236925-i4dun70f.jpg", imageAlt: "villa exterior house garden luxury", button: { text: "View Details", href: "contact" },
isFavorited: false
},
{
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776238125-hmh8iudb.jpg", imageAlt: "penthouse city view skyline modern", button: { text: "View Details", href: "contact" },
isFavorited: false
},
{
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776239668-8679tt3x.jpg", imageAlt: "house exterior real estate residential", button: { text: "View Details", href: "contact" },
isFavorited: false
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSix
title="Why Trusted by Premium Buyers"
description="Our proven track record speaks for itself"
textboxLayout="default"
useInvertedBackground="noInvert"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
metrics={[
{
id: "1", value: "1,500+", tag: "Happy Buyers", tagIcon: Users,
title: "Satisfied investors & families"
},
{
id: "2", value: "14 days", tag: "Avg Close", tagIcon: Clock,
title: "Average transaction time"
},
{
id: "3", value: "50+", tag: "Properties", tagIcon: Home,
title: "Featured listings this month"
},
{
id: "4", value: "100%", tag: "Verified", tagIcon: CheckCircle,
title: "All documentation verified"
}
]}
/>
</div>
<div id="why-us" data-section="why-us">
<FeatureCardFourteen
title="Why Invest With Us"
description="We simplify the real estate journey with transparency, expertise, and white-glove service at every step."
textboxLayout="default"
useInvertedBackground="invertCard"
features={[
{
id: "1", title: "Verified Listings Only", description: "Every property undergoes rigorous legal and structural verification. No surprises, only certainty.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776247389-hg7h6frb.jpg", imageAlt: "certified badge icon verification check"
},
{
id: "2", title: "Expert Legal Support", description: "Our legal team handles all documentation. Full compliance with local and international regulations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776248708-xcax38dp.jpg", imageAlt: "process steps workflow transaction sequence"
},
{
id: "3", title: "End-to-End Handling", description: "From viewing to handover. Dedicated property advisor guides you through every step of the process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776246086-ntqwkear.jpg", imageAlt: "real estate office meeting property"
},
{
id: "4", title: "Fast Transaction", description: "Average 14-day close time. Streamlined process means you own your property sooner than expected.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776233193-l5runq4y.jpg", imageAlt: "luxury modern apartment interior premium"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardNine
title="Trusted by Industry Leaders"
description="See what our satisfied buyers and investors have to say about their experience"
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[
{
id: "1", quote: "Closed in 14 days with zero stress. The legal team handled everything perfectly. Best investment decision I've made.", name: "Sarah Johnson", role: "Investor / Family Relocation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776241176-ezc9380p.jpg", imageAlt: "professional portrait woman headshot business"
},
{
id: "2", quote: "Great ROI in just 2 years. The property advisor knew every detail about the neighborhood and future development plans.", name: "Michael Chen", role: "Real Estate Investor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776242332-k9yqcejz.jpg", imageAlt: "professional portrait man headshot business"
},
{
id: "3", quote: "Smooth process from start to finish. All documentation was transparent. Highly recommend for serious buyers.", name: "Emily Rodriguez", role: "First-Time Buyer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767643711414-hhlov9az.jpg", imageAlt: "professional portrait woman headshot confident"
},
{
id: "4", quote: "The team's expertise in international transfers made relocating easy. Professional, trustworthy, efficient.", name: "David Kim", role: "Corporate Relocation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767643710136-ruy49c57.jpg", imageAlt: "professional portrait man headshot smiling"
},
{
id: "5", quote: "Verified listings saved me months of due diligence. I knew exactly what I was buying. Peace of mind guaranteed.", name: "Jennifer Walsh", role: "Portfolio Investor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776243663-sc6497w1.jpg", imageAlt: "professional portrait woman headshot executive"
},
{
id: "6", quote: "Dedicated property advisor was invaluable. Every question answered, every concern addressed. Exceptional service.", name: "Robert Martinez", role: "High-Net-Worth Investor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776244851-im0h6mpv.jpg", imageAlt: "professional portrait man headshot investor"
}
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Everything you need to know about buying or renting premium properties"
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="smooth"
faqs={[
{
id: "1", title: "How long does the average property transaction take?", content: "Our streamlined process typically closes in 14 days from offer to handover. This includes legal verification, documentation, and funding transfer. Complex transactions may take 3-4 weeks depending on international requirements."
},
{
id: "2", title: "Are all properties legally verified?", content: "Yes, 100% of our listings undergo rigorous legal verification. Our team checks property title, ownership history, outstanding taxes, and any liens. You receive a complete verification report before purchase."
},
{
id: "3", title: "What are the financing options?", content: "We partner with leading banks offering competitive mortgage rates (60-80% financing available). We assist with documentation and liaise with lenders. International buyers can arrange offshore financing with our banking partners."
},
{
id: "4", title: "Do you handle international buyer transactions?", content: "Yes, we specialize in international relocations. We provide tax optimization strategies, currency exchange coordination, and compliance with local residency requirements. Our multilingual team supports 15+ nationalities."
},
{
id: "5", title: "What is included in the property advisor service?", content: "Your dedicated advisor provides: neighborhood analysis, investment insights, negotiation support, legal guidance liaison, viewing coordination, and post-purchase support. Available 24/7 for the first 30 days post-purchase."
},
{
id: "6", title: "Can I schedule a property viewing without commitment?", content: "Absolutely. Virtual tours are available 24/7. In-person viewings can be scheduled within 24 hours. No obligation—we're confident you'll love our properties."
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
ctaTitle="Schedule Your Private Viewing"
ctaDescription="Speak with a property advisor today. Let us find your perfect investment."
ctaButton={{ text: "Book Free Consultation", href: "#contact-form" }}
ctaIcon={Phone}
useInvertedBackground="invertCard"
animationType="slide-up"
accordionAnimationType="smooth"
faqs={[
{
id: "1", title: "What's your service fee?", content: "Our service is free for buyers. Sellers pay a standard 3% commission only upon successful closing. Zero hidden fees."
},
{
id: "2", title: "How do I know the property is secure?", content: "All our properties have verified clear titles, full insurance coverage, and legal documentation. Your advisor conducts a final walkthrough before closing."
},
{
id: "3", title: "Can I negotiate the price?", content: "Yes. Our advisors negotiate on your behalf. Average negotiation saves buyers 5-8% on listed prices. We handle all counteroffers professionally."
},
{
id: "4", title: "What if I need to sell quickly?", content: "Our cash-buyer network ensures fast closures in 7-10 days if needed. Slightly lower prices apply, but certainty and speed are guaranteed."
},
{
id: "5", title: "Do you offer rental property management?", content: "Yes. For investor clients, we provide full property management: tenant screening, maintenance, rent collection, 24/7 support. Transparent fee structure with zero surprises."
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="LuxeProperties"
columns={[
{
items: [
{ label: "About Us", href: "why-us" },
{ label: "Properties", href: "properties" },
{ label: "Investors", href: "https://investors.luxeproperties.com" }
]
},
{
items: [
{ label: "How It Works", href: "why-us" },
{ label: "Blog", href: "https://blog.luxeproperties.com" },
{ label: "Contact", href: "contact" }
]
},
{
items: [
{ label: "Privacy Policy", href: "https://luxeproperties.com/privacy" },
{ label: "Terms of Service", href: "https://luxeproperties.com/terms" },
{ label: "Support", href: "contact" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}