218 lines
10 KiB
TypeScript
218 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Calendar, Sparkles, Waves } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Suites", id: "product"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Aura"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Unrivaled"
|
|
description="Discover a of refined comfort and exceptional service RAINER."
|
|
buttons={[{ text: "Book Your", href: "#contact" }]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg", imageAlt: "Luxury Lobby"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/spa-salon-with-beach-view_53876-31335.jpg", imageAlt: "Grand Suite"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort-with-chair-deck-leisure-vacation_74190-8478.jpg", imageAlt: "Resort Pool"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOVA6jYM6jYkWRWwEyFUGAp7VN/uploaded-1778765566715-uzhlnzgx.jpg", imageAlt: "Fine Dining"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg", imageAlt: "Relaxing Spa"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-windows-reflect-formal-garden-peacefulness-night-generated-by-ai_188544-9837.jpg", imageAlt: "Hotel Gardens"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="A Legacy of Hospitality"
|
|
description="Rooted in decades of tradition, Aura Luxury brings together world-class comfort and bespoke service to create unforgettable guest experiences."
|
|
bulletPoints={[
|
|
{
|
|
title: "gergergergerge", description: "Personalized assistance for every request."},
|
|
{
|
|
title: "Gourmet Dining", description: "Michelin-starred chefs crafting local flavors."},
|
|
{
|
|
title: "Wellness Sanctuary", description: "Rejuvenating treatments in our signature spa."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wide-view-palace-parliament-bucharest-romania_1268-19804.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Sparkles,
|
|
title: "Elite Suites", description: "Opulence in every square foot."},
|
|
{
|
|
icon: Waves,
|
|
title: "Heated Pool", description: "Year-round relaxation by the water."},
|
|
{
|
|
icon: Calendar,
|
|
title: "Exclusive Tours", description: "Private guided local explorations."},
|
|
]}
|
|
title="Experience Beyond Expectations"
|
|
description="From high-end amenities to curated experiences, every detail is meticulously planned for your stay."
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", name: "Presidential Suite", price: "$1,200", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-room-with-big-bed_1203-1494.jpg"},
|
|
{
|
|
id: "2", name: "Junior Suite", price: "$850", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg"},
|
|
{
|
|
id: "3", name: "Deluxe Family Suite", price: "$950", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118971.jpg"},
|
|
{
|
|
id: "4", name: "Executive Studio", price: "$650", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1936.jpg"},
|
|
{
|
|
id: "5", name: "Oceanfront Grand", price: "$1,500", variant: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-walking-water-surface-infinity-pool-expensive-rich-luxury-villa-mountain-with-sea-view_343596-2986.jpg"},
|
|
{
|
|
id: "6", name: "Penthouse Suite", price: "$2,500", variant: "Ultimate", imageSrc: "http://img.b2bpic.net/free-photo/shot-panoramic-composition-bedroom_23-2150315630.jpg"},
|
|
]}
|
|
title="Our Signature Suites"
|
|
description="Choose from a range of exquisitely appointed rooms, each designed to offer panoramic views and serenity."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Jenkins", role: "Traveler", testimonial: "The best stay of my life. Staff was impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Executive", testimonial: "Perfect for business trips. Seamless workflow.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-front-office-building_23-2148018575.jpg"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Blogger", testimonial: "Every corner of this hotel is a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-smiling-selfie_23-2148631389.jpg"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Guest", testimonial: "My kids loved the pool. Truly family friendly.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215797.jpg"},
|
|
{
|
|
id: "5", name: "Anna Peterson", role: "Traveler", testimonial: "Quiet, peaceful, and absolutely beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-relaxing-pool_23-2151178233.jpg"},
|
|
]}
|
|
title="Guest Stories"
|
|
description="See why travelers choose Aura Luxury time and time again."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "15K+", description: "Happy Guests"},
|
|
{
|
|
id: "2", value: "5 Stars", description: "Average Rating"},
|
|
{
|
|
id: "3", value: "24/7", description: "Concierge Care"},
|
|
]}
|
|
title="Our Milestone Figures"
|
|
description="Consistent excellence across our hospitality services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Is parking available?", content: "Yes, complimentary underground parking."},
|
|
{
|
|
id: "2", title: "Do you offer airport transport?", content: "Absolutely, private transfers are bookable."},
|
|
{
|
|
id: "3", title: "Are pets allowed?", content: "Yes, we are a pet-friendly establishment."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Inquiry"
|
|
title="Start Your Journey"
|
|
description="Have questions about our suites? Contact us today to start planning your visit."
|
|
imageSrc="http://img.b2bpic.net/free-photo/coffee-break-spacious-office-lobby_1098-13052.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Aura Luxury"
|
|
leftLink={{
|
|
text: "Terms of Service", href: "/terms"}}
|
|
rightLink={{
|
|
text: "Privacy Policy", href: "/privacy"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|