216 lines
11 KiB
TypeScript
216 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Properties", id: "properties"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Elite Estates"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "downward-rays-static"}}
|
|
title="Unrivaled Luxury Real Estate"
|
|
description="Discover a collection of the world's most exceptional properties. Expertly curated for the discerning individual."
|
|
kpis={[
|
|
{
|
|
value: "500+", label: "Properties Sold"},
|
|
{
|
|
value: "15", label: "Years Experience"},
|
|
{
|
|
value: "98%", label: "Client Satisfaction"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg"
|
|
imageAlt="Luxury villa exterior"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cute-girl-with-dyed-bob-hairstyle-artistic-make-up-nose-ring-wearing-transparent-dress-black-strap-top-posing-against-blank-wall-with-copy-space-your-information_343059-4358.jpg", alt: "Client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", alt: "Client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064995.jpg", alt: "Client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-couple-drinking-coffee_1098-418.jpg", alt: "Client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg", alt: "Client 5"},
|
|
]}
|
|
avatarText="Trusted by over 500+ satisfied luxury homeowners"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Elite Quality"},
|
|
{
|
|
type: "text", text: "Global Access"},
|
|
{
|
|
type: "text", text: "Private Equity"},
|
|
{
|
|
type: "text", text: "Discretion First"},
|
|
{
|
|
type: "text", text: "Architectural Gems"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Defining Luxury Living"
|
|
description={[
|
|
"For over a decade, we have been the bridge between luxury lifestyle and exclusive architectural gems. Our commitment to excellence ensures a seamless experience for every client.", "We specialize in private sales and off-market opportunities that redefine prestige."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="properties" data-section="properties">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Bel-Air", name: "Modern Glass Estate", price: "$12,500,000", rating: 5,
|
|
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg", imageAlt: "Estate 1"},
|
|
{
|
|
id: "p2", brand: "Malibu", name: "Coastal Waterfront Villa", price: "$8,900,000", rating: 5,
|
|
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/spacious-room-with-big-window_1203-1490.jpg", imageAlt: "Villa 2"},
|
|
{
|
|
id: "p3", brand: "Beverly Hills", name: "Classic Architectural Gem", price: "$15,200,000", rating: 4,
|
|
reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-pink-robe-posing-with-salad-plate-kitchen_627829-11338.jpg", imageAlt: "Estate 3"},
|
|
{
|
|
id: "p4", brand: "Hampton", name: "Serene Retreat Mansion", price: "$6,400,000", rating: 5,
|
|
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8487.jpg", imageAlt: "Mansion 4"},
|
|
{
|
|
id: "p5", brand: "Aspen", name: "Alpine Mountain Escape", price: "$11,100,000", rating: 5,
|
|
reviewCount: "14", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg", imageAlt: "Mountain 5"},
|
|
{
|
|
id: "p6", brand: "Pacific Palisades", name: "Cliffside Panoramic Home", price: "$9,800,000", rating: 5,
|
|
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-looking-camera-holding-string-bag-with-tangerines-while-sitting-outdoors-healthy-lifestyle-people-concept_197531-32648.jpg", imageAlt: "Home 6"},
|
|
]}
|
|
title="Curated Residences"
|
|
description="Browse our latest exclusive property listings, featuring the finest designs in the most prestigious locations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "A Seamless Experience", quote: "The most professional luxury agency I have worked with.", name: "Eleanor Vance", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-dyed-bob-hairstyle-artistic-make-up-nose-ring-wearing-transparent-dress-black-strap-top-posing-against-blank-wall-with-copy-space-your-information_343059-4358.jpg"},
|
|
{
|
|
id: "t2", title: "Beyond Expectations", quote: "They found a property that wasn't even on the market.", name: "Arthur Penhaligon", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg"},
|
|
{
|
|
id: "t3", title: "Exquisite Taste", quote: "The level of service matched the quality of properties.", name: "Sarah Miller", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064995.jpg"},
|
|
{
|
|
id: "t4", title: "Reliable & Discreet", quote: "I felt supported at every stage of the luxury acquisition.", name: "David & Clara", role: "Investors", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-drinking-coffee_1098-418.jpg"},
|
|
{
|
|
id: "t5", title: "World Class", quote: "Truly the gold standard in high-end real estate.", name: "Marcus Aurelius", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg"},
|
|
]}
|
|
title="Trusted by Visionaries"
|
|
description="Hear from our clients who have found their perfect sanctuary through our expert guidance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "How do I gain access to off-market listings?", content: "Our elite clients receive early access to off-market properties through our private network."},
|
|
{
|
|
id: "q2", title: "What is the typical closing process?", content: "We handle all legal and administrative aspects with complete discretion and efficiency."},
|
|
{
|
|
id: "q3", title: "Can you handle international transactions?", content: "Yes, we have deep experience managing complex cross-border acquisitions for luxury assets."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-drafting-architectural-blueprints-planning-office-relocation_482257-91072.jpg"
|
|
title="Common Questions"
|
|
description="Everything you need to know about purchasing prestige property."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "downward-rays-static"}}
|
|
tag="Inquire Today"
|
|
title="Begin Your Journey"
|
|
description="Ready to discuss your next acquisition? Contact our private office for a confidential consultation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Agency", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Portfolio", href: "#properties"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Office", items: [
|
|
{
|
|
label: "New York", href: "#"},
|
|
{
|
|
label: "London", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Elite Estates"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |