220 lines
11 KiB
TypeScript
220 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
|
||
const navItems = [
|
||
{ name: "Rooms", id: "/accommodations" },
|
||
{ name: "Experiences", id: "/accommodations" },
|
||
{ name: "About", id: "/about" },
|
||
{ name: "Contact", id: "/contact" },
|
||
];
|
||
|
||
export default function HomePage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="compact"
|
||
sizing="medium"
|
||
background="grid"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={navItems}
|
||
brandName="Alpine Calm"
|
||
button={{
|
||
text: "Book Now", href: "/contact"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlay
|
||
title="Alpine Calm Awaits"
|
||
description="A Swiss retreat designed for quiet moments and panoramic beauty. Experience alpine serenity, refined craftsmanship, and the peaceful solitude of the mountains."
|
||
tag="Alpine Sanctuary"
|
||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-lake-gosauseen-dachstein-austria-surrounded-by-lush-trees-snowy-mountains_181624-61350.jpg?_wi=1"
|
||
imageAlt="Alpine lake with panoramic mountain view"
|
||
textPosition="bottom-left"
|
||
showBlur={true}
|
||
showDimOverlay={false}
|
||
buttons={[
|
||
{
|
||
text: "Book Now", href: "/contact"
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
title="Comfort Through Simplicity"
|
||
description="Nestled in the heart of the Swiss Alps, Alpine Calm offers an authentic retreat from the bustling world. Our philosophy centers on the belief that true luxury emerges from thoughtful restraint—natural light, panoramic views, and curated spaces free from unnecessary ornamentation. Here, silence becomes a sanctuary, and the mountain landscape serves as your sanctuary's most compelling design element."
|
||
metrics={[
|
||
{ value: "8", title: "Thoughtfully Designed Rooms" },
|
||
{ value: "100%", title: "Mountain View Guarantee" },
|
||
]}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg?_wi=1"
|
||
imageAlt="Luxury hotel interior with modern design"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="rooms" data-section="rooms">
|
||
<ProductCardFour
|
||
title="Rooms & Apartments"
|
||
description="Each space is meticulously designed to foster calm and showcase the surrounding landscape. From intimate rooms to expansive apartments for extended stays."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
gridVariant="three-columns-all-equal-width"
|
||
products={[
|
||
{
|
||
id: "room-alpine-view", name: "Alpine View Room", price: "CHF 280–380", variant: "32 m² • King Bed • Mountain View", imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg?_wi=2", imageAlt: "Alpine View Room with panoramic windows"
|
||
},
|
||
{
|
||
id: "room-garden", name: "Garden Room", price: "CHF 220–300", variant: "24 m² • Queen Bed • Garden Access", imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-asian-woman-laying-couch-home-with-laptop-listening-podcast-enjoying-weekend_1258-83737.jpg?_wi=1", imageAlt: "Garden Room with terrace access"
|
||
},
|
||
{
|
||
id: "apartment-family", name: "Family Apartment", price: "CHF 450–650", variant: "65 m² • 2 Bedrooms • Kitchen • Living Space", imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-asian-woman-laying-couch-home-with-laptop-listening-podcast-enjoying-weekend_1258-83737.jpg?_wi=2", imageAlt: "Family Apartment with full kitchen"
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="experiences" data-section="experiences">
|
||
<FeatureCardSixteen
|
||
title="Moments of Alpine Presence"
|
||
description="Curated experiences that invite stillness and connection with the mountain landscape."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
negativeCard={{
|
||
items: ["Rushed experiences", "Commercial distractions", "Crowded schedules"],
|
||
}}
|
||
positiveCard={{
|
||
items: ["Peaceful contemplation", "Unobstructed nature", "Flexible rhythms"],
|
||
}}
|
||
animationType="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
title="Trusted by Discerning Travelers"
|
||
description="Hear from guests who have experienced our alpine sanctuary."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
testimonials={[
|
||
{
|
||
id: "testimonial-1", name: "Catherine Müller", role: "Creative Director", company: "Design Studio, Zurich", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1", imageAlt: "Catherine Müller"
|
||
},
|
||
{
|
||
id: "testimonial-2", name: "James Richardson", role: "Executive", company: "Private Investor", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2", imageAlt: "James Richardson"
|
||
},
|
||
{
|
||
id: "testimonial-3", name: "Sophie Leclerc", role: "Author", company: "Independent Writer", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=3", imageAlt: "Sophie Leclerc"
|
||
},
|
||
]}
|
||
kpiItems={[
|
||
{ value: "98%", label: "Guest Satisfaction" },
|
||
{ value: "4.9", label: "Average Rating" },
|
||
{ value: "87%", label: "Return Guests" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
title="Practical Inquiries"
|
||
description="Answers to common questions about your stay at Alpine Calm."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqsAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "What is included in the room rate?", content: "Each room includes daily housekeeping, premium bedding, luxurious toiletries, high-speed WiFi, and access to our private library and mountain terrace. Continental breakfast is available upon request at CHF 18 per person."
|
||
},
|
||
{
|
||
id: "faq-2", title: "Is parking available?", content: "Yes, secure parking is available free of charge in our dedicated lot. For guests arriving by car, we provide complimentary arrival and departure parking. EV charging stations are available upon request."
|
||
},
|
||
{
|
||
id: "faq-3", title: "Do you accommodate pets?", content: "Well-behaved pets are welcome at Alpine Calm. A small surcharge of CHF 25 per night applies. We provide water bowls, beds, and designated outdoor areas. Please notify us at the time of booking."
|
||
},
|
||
{
|
||
id: "faq-4", title: "What languages are spoken?", content: "Our staff speaks German, French, English, and Italian fluently. We welcome international guests and provide multilingual information upon request."
|
||
},
|
||
{
|
||
id: "faq-5", title: "Are your facilities accessible?", content: "Alpine Calm is committed to accessibility. We offer ground-floor rooms with accessible bathrooms, elevator access, and designated parking spaces. Please contact us in advance to discuss specific requirements."
|
||
},
|
||
{
|
||
id: "faq-6", title: "What is the cancellation policy?", content: "Reservations may be modified or cancelled free of charge up to 7 days before arrival. Cancellations within 7 days are subject to the full room rate charge. Group reservations have different terms; please inquire directly."
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
tag="Get In Touch"
|
||
title="Begin Your Alpine Journey"
|
||
description="Reserve your dates and experience the profound serenity of Alpine Calm. Our team is delighted to assist with any inquiries or special requests."
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
inputPlaceholder="your@email.com"
|
||
buttonText="Reserve"
|
||
termsText="We respect your privacy. Your information will only be used to confirm your reservation and send you relevant updates about your stay."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
logoText="Alpine Calm"
|
||
columns={[
|
||
{
|
||
items: [
|
||
{ label: "Home", href: "/" },
|
||
{ label: "Accommodations", href: "/accommodations" },
|
||
{ label: "About", href: "/about" },
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Contact", href: "/contact" },
|
||
{ label: "Practical Info", href: "/practical-info" },
|
||
{ label: "Reservations", href: "/contact" },
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "Guest Portal", href: "#" },
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|