development/0b98b0ae-ebed-47ce-b243-ad8ca471f916
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
dk
2025-12-31 22:05:08 +02:00
commit 218572a6a2
308 changed files with 62535 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

319
src/app/page.tsx Normal file
View File

@@ -0,0 +1,319 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Home, Star, Gift, Calendar, Crown, Facebook, Instagram, Twitter } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="sharp"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="noise"
cardStyle="spotlight"
primaryButtonStyle="layered-depth"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="LuxeStay"
navItems={[
{ name: "Rooms", id: "rooms" },
{ name: "Amenities", id: "amenities" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Book Now", href: "contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitAvatars
title="Welcome to Luxury Hospitality"
description="Experience exceptional comfort and world-class service at our premium hotel. Discover elegantly designed rooms, premium amenities, and unforgettable moments in paradise."
tag="Five-Star Experience"
tagIcon={Sparkles}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
imageAlt="Luxury hotel exterior and lobby"
imagePosition="right"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg", alt: "Guest avatar 1" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg", alt: "Guest avatar 2" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg", alt: "Guest avatar 3" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg", alt: "Guest avatar 4" }
]}
avatarText="Join 500+ satisfied guests"
buttons={[
{ text: "Reserve Your Stay", href: "contact" },
{ text: "Explore Rooms", href: "rooms" }
]}
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardTwo
title="Our Room Collection"
description="Choose from our curated selection of elegantly appointed rooms and suites, each designed for maximum comfort and luxury."
tag="Premium Accommodations"
tagIcon={Home}
products={[
{
id: "1",
brand: "LuxeStay",
name: "Deluxe Room",
price: "$189/night",
rating: 5,
reviewCount: "2.4k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg",
imageAlt: "Deluxe hotel room with king bed"
},
{
id: "2",
brand: "LuxeStay",
name: "Standard Room",
price: "$129/night",
rating: 4,
reviewCount: "1.8k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg",
imageAlt: "Standard hotel room with modern amenities"
},
{
id: "3",
brand: "LuxeStay",
name: "Presidential Suite",
price: "$450/night",
rating: 5,
reviewCount: "856",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
imageAlt: "Presidential suite with lounge area"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
buttons={[
{ text: "View All Rooms", href: "contact" }
]}
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardNineteen
title="World-Class Amenities"
description="Indulge in our comprehensive range of facilities designed to make your stay unforgettable."
tag="Premium Services"
features={[
{
id: 1,
tag: "Wellness",
title: "Spa & Wellness Center",
subtitle: "Rejuvenate your mind and body",
description: "Enjoy our full-service spa featuring massage therapy, sauna facilities, and wellness treatments administered by certified professionals. Experience ultimate relaxation in our tranquil sanctuary.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211437426-jhqsalo3.jpg",
imageAlt: "Spa and wellness center"
},
{
id: 2,
tag: "Dining",
title: "Fine Dining Restaurant",
subtitle: "Culinary excellence at its finest",
description: "Savor exquisite dishes prepared by our award-winning chefs. Our restaurant offers international cuisine with a local flair, complemented by an extensive wine collection.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184714161-gbe1frze.jpg",
imageAlt: "Fine dining restaurant"
},
{
id: 3,
tag: "Recreation",
title: "Olympic Swimming Pool",
subtitle: "Cool off in style",
description: "Dive into our state-of-the-art swimming pool with heated waters, cabanas, and poolside bar service. Perfect for families and adults seeking a refreshing escape.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211438371-8670buzm.jpg",
imageAlt: "Olympic-sized swimming pool"
}
]}
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="about" data-section="about">
<TestimonialCardThirteen
title="What Our Guests Say"
description="Real experiences from travelers who stayed with us and loved every moment."
tag="Guest Reviews"
tagIcon={Star}
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
handle: "@sarahmtravel",
testimonial: "An absolutely incredible experience. The staff went above and beyond to make our honeymoon unforgettable. Every detail was perfect!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
imageAlt: "Sarah Mitchell"
},
{
id: "2",
name: "James Peterson",
handle: "@jamespetravel",
testimonial: "Outstanding service and stunning accommodations. This is the best hotel I've stayed at. Highly recommend for anyone visiting the area.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
imageAlt: "James Peterson"
},
{
id: "3",
name: "Emma Rodriguez",
handle: "@emmarodriguez",
testimonial: "The attention to detail is remarkable. From the room service to the facilities, everything exceeded our expectations. Will definitely return!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg",
imageAlt: "Emma Rodriguez"
},
{
id: "4",
name: "Michael Chen",
handle: "@michaelchentravel",
testimonial: "Perfect location, impeccable rooms, and friendly staff. This hotel sets the standard for luxury hospitality. Absolutely worth the stay.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
imageAlt: "Michael Chen"
},
{
id: "5",
name: "Angela Williams",
handle: "@angelawilliams",
testimonial: "Every moment was magical. The views, the service, the ambiance - everything worked together beautifully. A truly memorable experience.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
imageAlt: "Angela Williams"
},
{
id: "6",
name: "David Thompson",
handle: "@davidthompson",
testimonial: "I've traveled to many hotels, and this one ranks at the top. Exceptional value for money with premium amenities. Highly satisfied.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
imageAlt: "David Thompson"
}
]}
showRating={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Flexible Room Packages"
description="Choose the perfect package for your stay with our curated options."
tag="Special Offers"
tagIcon={Gift}
plans={[
{
id: "1",
badge: "Weekend Getaway",
badgeIcon: Sparkles,
price: "$349",
subtitle: "2 nights, Deluxe Room",
buttons: [
{ text: "Book Package", href: "contact" },
{ text: "Learn More", href: "rooms" }
],
features: [
"Complimentary breakfast",
"Late checkout (2 PM)",
"Spa credit $50",
"Welcome drink"
]
},
{
id: "2",
badge: "Extended Stay",
badgeIcon: Calendar,
price: "$1,199",
subtitle: "7 nights, Standard Room",
buttons: [
{ text: "Book Package", href: "contact" },
{ text: "Learn More", href: "rooms" }
],
features: [
"15% discount on rooms",
"Free room service daily",
"Airport transfers included",
"Laundry service complimentary"
]
},
{
id: "3",
badge: "Luxury Escape",
badgeIcon: Crown,
price: "$1,899",
subtitle: "3 nights, Presidential Suite",
buttons: [
{ text: "Book Package", href: "contact" },
{ text: "Learn More", href: "rooms" }
],
features: [
"Exclusive suite access",
"Personal concierge service",
"Fine dining credits $200",
"Spa treatments included"
]
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenterForm
title="Plan Your Perfect Stay"
description="Get in touch with our reservations team to book your room or inquire about our services. We're here to make your experience exceptional."
inputs={[
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
{ name: "checkIn", type: "date", placeholder: "Check-in Date", required: true },
{ name: "checkOut", type: "date", placeholder: "Check-out Date", required: true }
]}
textarea={{
name: "message",
placeholder: "Tell us about your needs, preferences, or special requests...",
rows: 5,
required: true
}}
useInvertedBackground="noInvert"
buttonText="Reserve Your Room"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="LuxeStay"
copyrightText="© 2025 LuxeStay Hotel. All rights reserved."
socialLinks={[
{ icon: Facebook, href: "https://facebook.com/luxestayhotel", ariaLabel: "Facebook" },
{ icon: Instagram, href: "https://instagram.com/luxestayhotel", ariaLabel: "Instagram" },
{ icon: Twitter, href: "https://twitter.com/luxestayhotel", ariaLabel: "Twitter" }
]}
/>
</div>
</ThemeProvider>
);
}