307 lines
19 KiB
TypeScript
307 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Bell, Coffee, Home, MapPin, Utensils, Wifi } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Amenities", id: "#features"},
|
|
{
|
|
name: "Rooms", id: "#rooms"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529619.jpg"
|
|
logoAlt="Golden Sky Home Logo"
|
|
brandName="Golden Sky Home"
|
|
button={{
|
|
text: "Book Now", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Golden Sky Home: Your Oasis in the City"
|
|
description="Experience luxury stay, exquisite dining, and the warmth of a home in our Appart Hôtel, Café & Restaurant."
|
|
buttons={[
|
|
{
|
|
text: "Book Your Stay", href: "#pricing"},
|
|
{
|
|
text: "Explore Our Menu", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-sitting-reception-drinking-coffee_1303-22682.jpg?_wi=1"
|
|
imageAlt="Luxurious hotel lobby and restaurant interior at Golden Sky Home"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-47046.jpg", alt: "Satisfied guest smiling"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cute-young-woman-with-tea-terrace-cafe_624325-935.jpg", alt: "Woman enjoying coffee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714431.jpg", alt: "Couple checking in"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728031.jpg", alt: "Chef at work"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cute-family-spending-time-together-kitchen_23-2149038346.jpg", alt: "Family enjoying hotel stay"},
|
|
]}
|
|
avatarText="Trusted by hundreds of guests daily"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Luxury Appart Hôtel"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg", alt: "Luxurious hotel bedroom interior"},
|
|
{
|
|
type: "text", text: "Exquisite Dining"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg", alt: "Gourmet dish in elegant restaurant"},
|
|
{
|
|
type: "text", text: "Cozy Café Ambiance"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg", alt: "Cozy cafe interior with soft lighting"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
tag="Our Story"
|
|
title="Unwind in Comfort, Dine in Style"
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Home,
|
|
title: "Spacious Apartments", description: "Luxurious, fully-furnished apartments designed for comfort and extended stays."},
|
|
{
|
|
icon: Utensils,
|
|
title: "Gourmet Dining", description: "Indulge in exquisite dishes prepared by our master chefs at the Golden Sky Restaurant."},
|
|
{
|
|
icon: Coffee,
|
|
title: "Cozy Café", description: "Relax with freshly brewed coffee, pastries, and light bites in our charming café."},
|
|
{
|
|
icon: Bell,
|
|
title: "Concierge Services", description: "Personalized assistance for bookings, travel, and local recommendations around the clock."},
|
|
{
|
|
icon: Wifi,
|
|
title: "High-Speed Wi-Fi", description: "Stay connected with complimentary high-speed internet access throughout the property."},
|
|
{
|
|
icon: MapPin,
|
|
title: "Prime Location", description: "Centrally located with easy access to city attractions, business districts, and transport."},
|
|
]}
|
|
title="Thoughtful Amenities for Every Guest"
|
|
description="We ensure your stay is as comfortable and convenient as possible with a range of premium services and facilities designed to cater to your every need."
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "studio-1", name: "Standard Studio", price: "From €120/night", imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg", imageAlt: "Interior of a modern standard studio apartment"},
|
|
{
|
|
id: "deluxe-studio-2", name: "Deluxe Studio", price: "From €150/night", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-woman-reading-newspaper_23-2147601389.jpg", imageAlt: "Interior of a deluxe studio apartment with more amenities"},
|
|
{
|
|
id: "one-bedroom-3", name: "Executive One-Bedroom", price: "From €190/night", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-soft-lighting-stylish-decor_23-2152001407.jpg", imageAlt: "Spacious one-bedroom executive apartment"},
|
|
{
|
|
id: "two-bedroom-4", name: "Luxury Two-Bedroom", price: "From €280/night", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-tv-with-wardrobe-walk-closet_105762-1941.jpg", imageAlt: "Elegant two-bedroom luxury apartment"},
|
|
{
|
|
id: "executive-suite-5", name: "Penthouse Suite", price: "From €450/night", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg", imageAlt: "Panoramic view from a luxury penthouse suite"},
|
|
{
|
|
id: "family-6", name: "Family Appartement", price: "From €320/night", imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-getting-ready-move-with-their-children_23-2149094077.jpg", imageAlt: "Comfortable family-sized apartment with multiple beds"},
|
|
]}
|
|
title="Our Luxurious Appartements"
|
|
description="Discover a selection of exquisitely designed apartments, each offering unique comforts and amenities to make your stay unforgettable."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "short-stay", title: "Short Stay", price: "Starting €120", period: "per night", features: [
|
|
"Daily Housekeeping", "Complimentary Breakfast", "Access to Gym & Spa"],
|
|
button: {
|
|
text: "Book Now", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-enjoying-with-breakfast-bed_74190-9856.jpg", imageAlt: "Hotel room with a large window"},
|
|
{
|
|
id: "weekly-retreat", title: "Weekly Retreat", price: "Starting €700", period: "per week", features: [
|
|
"Weekly Housekeeping", "Discounted Restaurant Meals", "Personal Concierge Service"],
|
|
button: {
|
|
text: "Reserve Weekly", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695676.jpg", imageAlt: "Comfortable living space in a serviced apartment"},
|
|
{
|
|
id: "monthly-residence", title: "Monthly Residence", price: "Starting €2500", period: "per month", features: [
|
|
"Bi-Weekly Housekeeping", "Dedicated Parking Slot", "Laundry Service Credits", "Exclusive Event Access"],
|
|
button: {
|
|
text: "Inquire for Monthly", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160770.jpg", imageAlt: "Spacious apartment living room suitable for long stays"},
|
|
]}
|
|
title="Flexible Stays, Exceptional Value"
|
|
description="Choose the perfect plan for your visit, whether it's a quick getaway or an extended residence. All plans include access to our premium amenities."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sophia R.", date: "March 2024", title: "Exceptional Comfort and Service", quote: "Our stay at Golden Sky Home was absolutely perfect. The apartment was immaculate, and the staff went above and beyond to ensure we had everything we needed. The restaurant food was also divine!", tag: "Appart Hôtel Guest", avatarSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10680.jpg", avatarAlt: "Sophia R. avatar", imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529619.jpg", imageAlt: "happy female traveler smiling hotel"},
|
|
{
|
|
id: "2", name: "David M.", date: "February 2024", title: "A Culinary Delight!", quote: "The restaurant at Golden Sky Home is a hidden gem. Every dish was a masterpiece, and the ambiance was perfect for a special evening. Highly recommend their signature dessert!", tag: "Restaurant Diner", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-holds-guide-brochure_1163-5501.jpg", avatarAlt: "David M. avatar", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-reception-drinking-coffee_1303-22682.jpg?_wi=2", imageAlt: "happy female traveler smiling hotel"},
|
|
{
|
|
id: "3", name: "Emily C.", date: "January 2024", title: "My New Favorite Café Spot", quote: "The café offers such a warm and inviting atmosphere, perfect for working or catching up with friends. Their coffee is fantastic, and the pastries are a must-try. I'm a regular now!", tag: "Café Patron", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-couple-sitting-near-swimmingpool_1157-20222.jpg", avatarAlt: "Emily C. avatar", imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg", imageAlt: "happy female traveler smiling hotel"},
|
|
{
|
|
id: "4", name: "Michael L.", date: "December 2023", title: "Perfect for Business & Leisure", quote: "I frequently travel for business, and Golden Sky Home offers the ideal combination of a professional environment and relaxing amenities. The apartments are spacious, and the location is superb.", tag: "Business Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/man-chef-cooking-asian-chicken-cafe-kitchen_1303-32155.jpg", avatarAlt: "Michael L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg", imageAlt: "happy female traveler smiling hotel"},
|
|
{
|
|
id: "5", name: "Jessica T.", date: "November 2023", title: "Truly Felt Like Home", quote: "From the moment we arrived, we felt welcomed. The apartment was beautifully decorated and had all the comforts of home. The entire team was incredibly friendly and helpful.", tag: "Family Vacationer", avatarSrc: "http://img.b2bpic.net/free-photo/mother-children-taking-selfie-beach-african-american-family-spending-time-together-open-air-taking-pictures-with-mobile-phone-leisure-social-media-parenting-concept_74855-24478.jpg", avatarAlt: "Jessica T. avatar", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3429.jpg", imageAlt: "happy female traveler smiling hotel"},
|
|
{
|
|
id: "6", name: "Alex K.", date: "October 2023", title: "Unforgettable Dining Experience", quote: "The Golden Sky Restaurant provided one of the best dining experiences I've had. The staff was attentive, the wine selection was excellent, and the food was simply divine.", tag: "Food Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/good-vibes-only-workspace-with-clipboard-pen-mug-white-background-flat-lay-top-view_501050-623.jpg", avatarAlt: "Alex K. avatar", imageSrc: "http://img.b2bpic.net/free-photo/friendly-cheerful-hotel-administrator-taking-guest-feedback-asking-about-their-stay-check-out-process-resort-staff-employees-working-front-desk-check-reception_482257-65130.jpg", imageAlt: "happy female traveler smiling hotel"},
|
|
]}
|
|
title="What Our Guests & Diners Say"
|
|
description="Hear from those who have experienced the unique blend of luxury and warmth at Golden Sky Home, from our hotel apartments to our delightful restaurant and café."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "What are the check-in and check-out times for the Appart Hôtel?", content: "Check-in is from 3:00 PM, and check-out is by 11:00 AM. Early check-in or late check-out may be available upon request and subject to availability, with potential additional charges."},
|
|
{
|
|
id: "faq2", title: "Do you offer complimentary breakfast for hotel guests?", content: "Yes, a complimentary breakfast is included for all guests staying in our Appart Hôtel. You can enjoy it daily at our Golden Sky Café."},
|
|
{
|
|
id: "faq3", title: "Is parking available at Golden Sky Home?", content: "Yes, we offer secure on-site parking for our guests. Please inquire at reception for parking arrangements and availability upon arrival."},
|
|
{
|
|
id: "faq4", title: "What are the operating hours for the Café & Restaurant?", content: "Our Café operates from 7:00 AM to 6:00 PM daily. The Restaurant serves dinner from 6:30 PM to 10:00 PM, Tuesday through Sunday. Reservations are recommended for the restaurant."},
|
|
{
|
|
id: "faq5", title: "Can I make a reservation for the restaurant online?", content: "Yes, you can easily make a reservation for our Golden Sky Restaurant through our website's contact form or by calling us directly during operating hours."},
|
|
{
|
|
id: "faq6", title: "Are pets allowed in the Appart Hôtel?", content: "We understand that pets are part of the family. Please contact us directly regarding our pet policy and any associated fees or restrictions prior to your stay."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our Appart Hôtel, Café, and Restaurant services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Ready to Experience Golden Sky Home? Contact us for reservations, inquiries, or any special requests.\n\nPhone: +1 (234) 567-890\nEmail: info@goldenskyhome.com\nAddress: 123 Skyview Lane, Metropolis, NY 10001\n\nHours:\nAppart Hôtel Reception: 24/7\nCafé: Mon-Sun, 7:00 AM - 6:00 PM\nRestaurant: Tue-Sun, 6:30 PM - 10:00 PM (Closed Mondays)"
|
|
buttons={[
|
|
{
|
|
text: "Call Us", href: "tel:+1234567890"},
|
|
{
|
|
text: "Send an Email", href: "mailto:info@goldenskyhome.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Golden Sky Home"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Appart Hôtel", href: "#rooms"},
|
|
{
|
|
label: "Restaurant & Café", href: "#features"},
|
|
{
|
|
label: "Amenities", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Golden Sky Home. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |