284 lines
15 KiB
TypeScript
284 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, CheckCircle, Clock, Globe, TrendingUp } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="plain"
|
|
cardStyle="neon-glow"
|
|
primaryButtonStyle="outline"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="LuxeProperties"
|
|
button={{
|
|
text: "View Properties", href: "properties"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
tag="ONLY 3 UNITS LEFT"
|
|
tagIcon={Sparkles}
|
|
title="Modern Living in Prime Locations"
|
|
description="Carefully selected premium properties with verified documentation. Trusted by 1,500+ buyers and investors. Maximize returns with smart real estate investments."
|
|
buttons={[
|
|
{ text: "View Properties", href: "properties" },
|
|
{ text: "Book a Viewing", href: "contact" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718031976-te5vk6eg.jpg"
|
|
imageAlt="Luxury modern apartment with panoramic city views"
|
|
className="relative z-10"
|
|
/>
|
|
</div>
|
|
|
|
<div id="properties" data-section="properties">
|
|
<ProductCardSix
|
|
title="Featured Properties"
|
|
description="Explore our curated selection of premium properties available for purchase or rental"
|
|
products={[
|
|
{
|
|
id: "prop-001", name: "Modern Penthouse - Downtown", price: "From €850,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719020024-4g8tw8lb.jpg", imageAlt: "Modern luxury penthouse with city views"
|
|
},
|
|
{
|
|
id: "prop-002", name: "Luxury Villa - Hillside", price: "From €1,200,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719022380-xvzv7j9g.jpg", imageAlt: "Contemporary villa with pool and garden"
|
|
},
|
|
{
|
|
id: "prop-003", name: "Prime Office Space - Business District", price: "From €3,500/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778363654-jlia3ccx.jpg", imageAlt: "Modern commercial office space"
|
|
},
|
|
{
|
|
id: "prop-004", name: "Contemporary Townhouse - Waterfront", price: "From €650,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778365391-w533t4p3.jpg", imageAlt: "Stylish townhouse with waterfront access"
|
|
},
|
|
{
|
|
id: "prop-005", name: "Investment Portfolio - Mixed Development", price: "From €2,100,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778366825-sa2064fi.jpg", imageAlt: "Modern residential development complex"
|
|
},
|
|
{
|
|
id: "prop-006", name: "Luxury Apartment - Central District", price: "From €725,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718031976-te5vk6eg.jpg", imageAlt: "Luxury apartment in central location"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Why Invest With LuxeProperties: Verified Listings, Legal Support, End-to-End Transaction Handling"
|
|
metrics={[
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Properties Sold", value: "1,247+"
|
|
},
|
|
{
|
|
icon: Clock,
|
|
label: "Average Deal Time", value: "21 Days"
|
|
},
|
|
{
|
|
icon: Globe,
|
|
label: "Countries Covered", value: "12"
|
|
},
|
|
{
|
|
icon: TrendingUp,
|
|
label: "Client Satisfaction", value: "98%"
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
title="Our Process: Simple & Transparent"
|
|
description="A streamlined approach to finding, verifying, and securing your ideal property investment"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779677820-d8z98ms7.jpg"
|
|
imageAlt="Real estate professional in consultation"
|
|
mediaPosition="left"
|
|
accordionItems={[
|
|
{
|
|
id: "step-1", title: "Step 1: Choose Your Property", content: "Browse our verified listings filtered by location, price range, and property type. Each listing includes detailed information, high-quality images, and video tours."
|
|
},
|
|
{
|
|
id: "step-2", title: "Step 2: Viewing & Due Diligence", content: "Schedule a private viewing with our expert agents. We provide comprehensive legal reviews, market analysis, and ROI calculations to ensure informed decisions."
|
|
},
|
|
{
|
|
id: "step-3", title: "Step 3: Purchase or Rental", content: "Our legal team handles all documentation, negotiations, and closing procedures. Transparent pricing with zero hidden fees. Dedicated support throughout the transaction."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Request Full Price List", href: "contact" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Client Success Stories"
|
|
description="Real feedback from investors, families, and buyers who found their perfect property"
|
|
testimonials={[
|
|
{
|
|
id: "test-1", name: "Marcus Reynolds", role: "Investment Investor", company: "Reynolds Capital Fund", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718034809-ochqj12z.jpg"
|
|
},
|
|
{
|
|
id: "test-2", name: "Sarah Mitchell", role: "Property Buyer", company: "Corporate Executive", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035928-sgfdibzu.jpg"
|
|
},
|
|
{
|
|
id: "test-3", name: "James & Emily Rodriguez", role: "Family Relocating", company: "International Assignment", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718036541-dn7icj5a.jpg"
|
|
},
|
|
{
|
|
id: "test-4", name: "David Chen", role: "Portfolio Manager", company: "Global Investment Group", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779679568-0bp1hw4b.jpg"
|
|
},
|
|
{
|
|
id: "test-5", name: "Lisa Petrov", role: "Development Executive", company: "Urban Architecture Firm", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779680742-296v1qyq.jpg"
|
|
},
|
|
{
|
|
id: "test-6", name: "Robert Yamamoto", role: "Real Estate Investor", company: "Asia-Pacific Fund", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035191-11f16bqh.jpg"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertCard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Our Track Record"
|
|
description="Proven results delivering exceptional value for investors and homeowners"
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "€2.4B", title: "Total Transaction Volume", description: "Successfully facilitated property transactions exceeding 2.4 billion euros", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719022380-xvzv7j9g.jpg"
|
|
},
|
|
{
|
|
id: "metric-2", value: "14", title: "Average Days to Close", description: "Streamlined process delivers faster closings than market average", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719020024-4g8tw8lb.jpg"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Answers to common questions about our properties, process, and investment opportunities"
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How are all properties verified?", content: "Every listing undergoes comprehensive legal review, title verification, and market valuation by our certified team. All documentation is transparent and accessible."
|
|
},
|
|
{
|
|
id: "faq-2", title: "What is the typical timeline from viewing to closing?", content: "Most transactions close within 14-30 days. This depends on financing, legal reviews, and your specific circumstances. Our team accelerates the process where possible."
|
|
},
|
|
{
|
|
id: "faq-3", title: "Are there any hidden fees?", content: "No. Our pricing is fully transparent. We disclose all costs upfront including legal fees, transfer taxes, and agent commissions. What you see is what you pay."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Do you offer rental properties?", content: "Yes. We manage both sales and long-term rental properties. Rental yields typically range from 4-7% depending on location and property type."
|
|
},
|
|
{
|
|
id: "faq-5", title: "Can I invest internationally?", content: "Yes. We facilitate purchases in 12 countries across Europe, Asia, and the Americas. Our legal team handles international compliance and currency matters."
|
|
},
|
|
{
|
|
id: "faq-6", title: "What support do you provide post-closing?", content: "We offer property management services, maintenance coordination, tenant screening, and ongoing investment advisory to maximize your returns."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get Started Today"
|
|
description="Connect with our property advisors to explore investment opportunities and schedule private viewings. No spam. Your data is protected."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Full Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: true
|
|
},
|
|
{
|
|
name: "property_interest", type: "text", placeholder: "Property Type (Villa, Apartment, Commercial)", required: false
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your investment goals or preferred locations...", rows: 5,
|
|
required: false
|
|
}}
|
|
buttonText="Schedule a Viewing"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779677820-d8z98ms7.jpg"
|
|
imageAlt="Real estate consultation meeting"
|
|
mediaPosition="right"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="LuxeProperties"
|
|
copyrightText="© 2025 LuxeProperties. All rights reserved. Verified Real Estate Investments."
|
|
columns={[
|
|
{
|
|
title: "Properties", items: [
|
|
{ label: "Featured Listings", href: "properties" },
|
|
{ label: "Buy", href: "properties" },
|
|
{ label: "Rent", href: "properties" },
|
|
{ label: "Investment Portfolio", href: "properties" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Process", href: "features" },
|
|
{ label: "Meet Our Team", href: "team" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "ROI Calculator", href: "#" },
|
|
{ label: "Investment Guide", href: "#" },
|
|
{ label: "Market Report", href: "#" },
|
|
{ label: "Legal Resources", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |