129 lines
5.8 KiB
TypeScript
129 lines
5.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import Link from 'next/link';
|
|
|
|
const navItems = [
|
|
{ name: "Rooms", id: "/accommodations" },
|
|
{ name: "Experiences", id: "/accommodations" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
export default function AboutPage() {
|
|
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="about-philosophy" data-section="about-philosophy">
|
|
<MetricSplitMediaAbout
|
|
title="Our Alpine Philosophy"
|
|
description="Alpine Calm was founded on the principle that true luxury lies in simplicity and authenticity. We believe in creating spaces where the natural beauty of the Swiss Alps becomes the primary design element. Every architectural decision, every interior detail, and every guest experience is guided by our philosophy: to provide a sanctuary of calm in an increasingly complex world. We celebrate restraint, honor natural materials, and invite our guests to reconnect with the profound beauty of alpine solitude."
|
|
metrics={[
|
|
{ value: "20+", title: "Years of Hospitality Excellence" },
|
|
{ value: "5★", title: "Michelin-Recognized Service" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg?_wi=3"
|
|
imageAlt="Alpine Calm architectural design"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-values" data-section="about-values">
|
|
<MetricSplitMediaAbout
|
|
title="Sustainability & Stewardship"
|
|
description="As custodians of this pristine alpine environment, Alpine Calm is deeply committed to sustainable practices. We source locally whenever possible, minimize our environmental impact, and work closely with conservation organizations to protect the natural landscape that defines our home. Our commitment to sustainability is not a marketing statement—it is woven into every operational decision and reflected in our infrastructure, from renewable energy systems to zero-waste dining initiatives."
|
|
metrics={[
|
|
{ value: "100%", title: "Renewable Energy Usage" },
|
|
{ value: "Zero", title: "Single-Use Plastics" },
|
|
]}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/summer-landscape-mountains-blue-sky_661209-69.jpg?_wi=1"
|
|
imageAlt="Alpine mountain landscape"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-faq" data-section="about-faq">
|
|
<FaqBase
|
|
title="About Alpine Calm"
|
|
description="Learn more about our retreat and the experience we offer."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "about-faq-1",
|
|
title: "When was Alpine Calm established?",
|
|
content: "Alpine Calm opened in 2003 as an intimate retreat for design-conscious travelers seeking authentic alpine hospitality. Over two decades, we have maintained our commitment to understated luxury and environmental stewardship.",
|
|
},
|
|
{
|
|
id: "about-faq-2",
|
|
title: "How many guests can Alpine Calm accommodate?",
|
|
content: "We intentionally limit our capacity to 40 guests across 8 rooms and 2 apartments. This ensures personalized service and preserves the peaceful, intimate atmosphere that defines the Alpine Calm experience.",
|
|
},
|
|
{
|
|
id: "about-faq-3",
|
|
title: "What makes Alpine Calm different from other alpine hotels?",
|
|
content: "Our distinction lies in our unwavering commitment to simplicity, authenticity, and the principle that luxury is defined by what is removed, not what is added. We prioritize guest experience, environmental responsibility, and the celebration of natural beauty over commercial excess.",
|
|
},
|
|
]}
|
|
/>
|
|
</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>
|
|
);
|
|
} |