185 lines
7.6 KiB
TypeScript
185 lines
7.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, Home, Waves } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Booking", id: "/booking" },
|
|
]}
|
|
brandName="LuxuryEstate"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Unrivaled Elegance in Every Detail"
|
|
description="Discover our signature ten-bedroom luxury estate featuring exquisite architecture and a breathtaking private swimming pool."
|
|
tag="Luxury Real Estate"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=1", imageAlt: "Exterior view of the luxury mansion and pool"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=2", imageAlt: "Close up pool area detail"
|
|
}
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
rating={5}
|
|
ratingText="Rated as a premier luxury living space"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Redefining Luxury Living"
|
|
description="A sprawling estate designed for those who seek the ultimate in privacy and comfort. With ten expansive bedrooms, this property offers a sanctuary where modern design meets timeless sophistication."
|
|
bulletPoints={[
|
|
{
|
|
title: "Ten Private Suites", description: "Each bedroom features en-suite facilities and curated design elements."
|
|
},
|
|
{
|
|
title: "Outdoor Oasis", description: "A stunning, custom-built swimming pool and expansive lounging terrace."
|
|
},
|
|
{
|
|
title: "Prime Location", description: "Situated in the most exclusive neighborhood for ultimate tranquility."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Waves,
|
|
title: "Private Pool", description: "A custom heated swimming pool with ambient lighting."
|
|
},
|
|
{
|
|
icon: Home,
|
|
title: "Ten Grand Suites", description: "Luxurious bedrooms featuring high-end fixtures and private views."
|
|
},
|
|
{
|
|
icon: Award,
|
|
title: "Gourmet Kitchen", description: "Fully equipped with professional appliances for fine dining."
|
|
}
|
|
]}
|
|
title="Exceptional Amenities"
|
|
description="Designed for the sophisticated lifestyle, our estate provides every comfort you could desire."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="split-description"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Sterling", role: "Investor", company: "Global Estates", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-glasses-sits-office-table-waves-hand-say-hello-you-looking_1258-245359.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Elena Vance", role: "Architect", company: "Modern Living", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-with-radiant-smile-sitting-room_259150-60488.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Robert Chen", role: "Entrepreneur", company: "Tech Ventures", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Sarah Miller", role: "Interior Designer", company: "Designs by Sarah", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: "5", name: "Marcus Thorne", role: "Developer", company: "Prime Realty", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=2"
|
|
}
|
|
]}
|
|
title="Voices of Luxury"
|
|
description="Hear from those who have experienced the pinnacle of comfort in our estates."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Is the swimming pool heated?", content: "Yes, our pool is fully climate-controlled for use in all seasons."
|
|
},
|
|
{
|
|
id: "q2", title: "Are there service staff available?", content: "Full estate management and maintenance staff are available on-site."
|
|
},
|
|
{
|
|
id: "q3", title: "Can I arrange a private tour?", content: "Private viewings can be scheduled through our concierge service."
|
|
}
|
|
]}
|
|
sideTitle="Common Questions"
|
|
sideDescription="Everything you need to know about our luxury estate offerings."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Estate", items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Features", href: "#features" },
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 LuxuryEstate. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|