302 lines
18 KiB
TypeScript
302 lines
18 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, Bed, Sun } 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/hotel-logo-template_23-2150531580.jpg"
|
|
logoAlt="Hôtel Auberge Ramz Logo"
|
|
brandName="Hôtel Auberge Ramz"
|
|
button={{
|
|
text: "Book Your Stay", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Hôtel Auberge Ramz: Your Rustic Retreat in the Heart of Nature"
|
|
description="Experience the charm of a traditional auberge with modern comforts. Perfect for a peaceful getaway, family adventures, or a romantic escape."
|
|
buttons={[
|
|
{
|
|
text: "Book Your Stay", href: "#pricing"},
|
|
{
|
|
text: "Discover Our Rooms", href: "#rooms"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-luxurious-hotel-entrance-night_105762-1845.jpg"
|
|
imageAlt="Luxurious hotel entrance at Hôtel Auberge Ramz"
|
|
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="Loved by guests seeking tranquility and authentic experiences"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Cozy Rooms & Suites"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/spacious-hotel-room-with-balcony-view_23-2150967527.jpg", alt: "Cozy hotel room with a view"},
|
|
{
|
|
type: "text", text: "Authentic Local Cuisine"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-view-table-filled-with-food_23-2149168923.jpg", alt: "Table filled with delicious local food"},
|
|
{
|
|
type: "text", text: "Relaxing Common Areas"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/modern-living-room-interior-with-table_23-2149021200.jpg", alt: "Modern hotel living room interior"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
tag="Our Story"
|
|
title="Where Tradition Meets Tranquility"
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Bed,
|
|
title: "Cozy Rooms & Suites", description: "Relax in beautifully appointed rooms, from charming singles to spacious family suites."},
|
|
{
|
|
icon: Utensils,
|
|
title: "Authentic Dining", description: "Savor delicious local and international dishes prepared with fresh, seasonal ingredients."},n {
|
|
icon: Sun,
|
|
title: "Nature Activities", description: "Discover hiking trails, cycling routes, and serene spots right outside our door."},n {
|
|
icon: Bell,
|
|
title: "Warm Hospitality", description: "Our dedicated team is here to ensure your every need is met with a personal touch."},n {
|
|
icon: Wifi,
|
|
title: "Free Wi-Fi", description: "Stay connected with complimentary high-speed internet throughout the auberge."},n {
|
|
icon: MapPin,
|
|
title: "Scenic Location", description: "Nestled amidst breathtaking landscapes, perfect for relaxation and exploration."},n ]}
|
|
title="Experience Unforgettable Stays with Our Amenities"
|
|
description="At Hôtel Auberge Ramz, every detail is crafted to enhance your comfort and create lasting memories, whether you're here for relaxation or adventure."
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "classic-1", name: "Classic Room", price: "From €90/night", imageSrc: "http://img.b2bpic.net/free-photo/hotel-room_1407-1601.jpg", imageAlt: "Interior of a classic room"},
|
|
{
|
|
id: "superior-2", name: "Superior Room", price: "From €120/night", imageSrc: "http://img.b2bpic.net/free-photo/empty-room-with-single-bed_23-2149544760.jpg", imageAlt: "Interior of a superior room with more space"},
|
|
{
|
|
id: "family-suite-3", name: "Family Suite", price: "From €180/night", imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-two-beds_1407-1616.jpg", imageAlt: "Spacious family suite"},
|
|
{
|
|
id: "executive-suite-4", name: "Executive Suite", price: "From €250/night", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-room-modern-hotel_1407-1603.jpg", imageAlt: "Elegant executive suite"},
|
|
{
|
|
id: "auberge-grand-suite-5", name: "Auberge Grand Suite", price: "From €350/night", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg", imageAlt: "Panoramic view from a luxury grand suite"},
|
|
{
|
|
id: "deluxe-cottage-6", name: "Deluxe Cottage", price: "From €300/night", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-exterior_23-2149206233.jpg", imageAlt: "Charming deluxe cottage exterior"},
|
|
]}
|
|
title="Our Comfortable Rooms & Suites"
|
|
description="Find your perfect haven among our diverse range of rooms, designed with comfort, character, and tranquility in mind."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "nightly-escape", title: "Nightly Escape", price: "Starting €90", period: "per night", features: [
|
|
"Comfortable Accommodation", "Complimentary Breakfast", "Access to Common Areas"],
|
|
button: {
|
|
text: "Book Now", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hotel-bedroom_114579-2469.jpg", imageAlt: "Cozy hotel bedroom with a view"},
|
|
{
|
|
id: "weekly-getaway", title: "Weekly Getaway", price: "Starting €550", period: "per week", features: [
|
|
"Daily Housekeeping", "Discounted Dining Options", "Complimentary Nature Guide"],
|
|
button: {
|
|
text: "Reserve Weekly", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/countryside-landscape-with-a-village-in-autumn_1203-12509.jpg", imageAlt: "Scenic countryside landscape"},
|
|
{
|
|
id: "extended-retreat", title: "Extended Retreat", price: "Starting €2000", period: "per month", features: [
|
|
"Weekly Housekeeping", "Personalized Activity Planning", "Laundry Service", "Local Artisan Welcome Gift"],
|
|
button: {
|
|
text: "Inquire for Monthly", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-meditating-by-lake_23-2147772295.jpg", imageAlt: "Woman meditating by a serene lake"},
|
|
]}
|
|
title="Tailored Stays for Every Journey"
|
|
description="Whether you're planning a short escape or a longer retreat, our flexible pricing plans offer the best value for your stay at Hôtel Auberge Ramz."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Clara S.", date: "March 2024", title: "A Truly Tranquil Escape", quote: "Hôtel Auberge Ramz was the perfect place to unwind and reconnect with nature. The surroundings were breathtaking, and the peace and quiet were exactly what I needed. Highly recommend!", tag: "Nature Lover", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-backpack-mountain_23-2147720978.jpg", avatarAlt: "Clara S. avatar", imageSrc: "http://img.b2bpic.net/free-photo/wooden-houses-small-pond-forest_23-2149590740.jpg", imageAlt: "Wooden houses by a pond in a forest"},
|
|
{
|
|
id: "2", name: "Marc L.", date: "February 2024", title: "Delicious Local Flavors", quote: "The restaurant at Auberge Ramz served some of the best local cuisine I've ever tasted. Every dish was prepared with care, and the ingredients were incredibly fresh. A culinary highlight of my trip!", tag: "Food Explorer", avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-man-with-backpack_23-2147721013.jpg", avatarAlt: "Marc L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-landscape-mountains-under-clear-sky_181621-1279.jpg", imageAlt: "High-angle shot of a beautiful mountain landscape"},
|
|
{
|
|
id: "3", name: "Elisa B.", date: "January 2024", title: "Wonderful Family Getaway", quote: "Our family had an amazing time at Hôtel Auberge Ramz. The rooms were comfortable, and there were so many activities for the kids. The staff were incredibly friendly and made us feel right at home.", tag: "Family Guest", avatarSrc: "http://img.b2bpic.net/free-photo/cute-woman-enjoying-her-drink_1303-34509.jpg", avatarAlt: "Elisa B. avatar", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-taking-selfie_23-2147610664.jpg", imageAlt: "Happy family taking a selfie outdoors"},
|
|
{
|
|
id: "4", name: "Thomas H.", date: "December 2023", title: "Peaceful and Rejuvenating", quote: "I came to Auberge Ramz seeking a quiet retreat, and it exceeded all expectations. The peaceful atmosphere and stunning views allowed me to truly relax and recharge. I left feeling completely refreshed.", tag: "Peace Seeker", avatarSrc: "http://img.b2bpic.net/free-photo/mid-shot-man-posing-with-backpack_23-2147720993.jpg", avatarAlt: "Thomas H. avatar", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-misty-mountain-range-scene-forest-morning-alps_114579-9130.jpg", imageAlt: "Misty mountain range with forest"},
|
|
{
|
|
id: "5", name: "Laura P.", date: "November 2023", title: "Authentic Charm and Comfort", quote: "What a charming auberge! The traditional decor combined with modern amenities created a unique and comfortable stay. The staff's attention to detail made all the difference. I'll be back!", tag: "Relaxation Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-relaxing_23-2147721016.jpg", avatarAlt: "Laura P. avatar", imageSrc: "http://img.b2bpic.net/free-photo/woman-lying-down-hammock-beautiful-scenery_23-2147761012.jpg", imageAlt: "Woman lying in a hammock with beautiful scenery"},
|
|
{
|
|
id: "6", name: "Daniel R.", date: "October 2023", title: "Perfect Base for Exploration", quote: "Auberge Ramz was the ideal starting point for exploring the surrounding trails and villages. The location is fantastic, and the advice from the staff on local gems was invaluable. An adventurer's dream!", tag: "Explorer", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-with-backpack_23-2147720999.jpg", avatarAlt: "Daniel R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-path-forest_23-2147720967.jpg", imageAlt: "Man walking on a path in a forest"},
|
|
]}
|
|
title="Hear from Our Happy Guests"
|
|
description="Read heartfelt stories from travelers who found peace, comfort, and memorable experiences at Hôtel Auberge Ramz."
|
|
/>
|
|
</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?", content: "Check-in is from 4:00 PM, and check-out is by 11:00 AM. We offer flexible options where possible; please inquire with reception."},
|
|
{
|
|
id: "faq2", title: "Is breakfast included with my stay?", content: "Yes, a delicious continental breakfast featuring local produce is included with your stay and served daily in our dining area."},
|
|
{
|
|
id: "faq3", title: "Is parking available at the auberge?", content: "Ample free parking is available on-site for all our guests."},
|
|
{
|
|
id: "faq4", title: "What are the dining hours for the restaurant?", content: "Our restaurant serves breakfast from 7:30 AM to 10:00 AM and dinner from 7:00 PM to 9:30 PM. Packed lunches can also be arranged."},
|
|
{
|
|
id: "faq5", title: "How can I make a reservation for dining?", content: "You can make dining reservations by contacting our reception directly or via the contact form on our website."},
|
|
{
|
|
id: "faq6", title: "Are pets allowed at Hôtel Auberge Ramz?", content: "We welcome well-behaved pets in select rooms for a small additional fee. Please inform us when booking so we can ensure a pet-friendly room is available."},
|
|
]}
|
|
title="Your Questions, Our Answers"
|
|
description="We've compiled answers to common questions about staying at Hôtel Auberge Ramz, from booking to local activities."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Plan Your Escape to Hôtel Auberge Ramz. Contact us for reservations, inquiries, or any special requests.\n\nPhone: +33 (0)4 12 34 56 78\nEmail: info@aubergeramz.com\nAddress: 7 Rue du Vieux Pont, 74000 Annecy, France\n\nHours:\nReception: 8:00 AM - 10:00 PM (Emergency line available 24/7)\nBreakfast: 7:30 AM - 10:00 AM\nDinner: 7:00 PM - 9:30 PM"
|
|
buttons={[
|
|
{
|
|
text: "Call Us", href: "tel:+33412345678"},
|
|
{
|
|
text: "Send an Email", href: "mailto:info@aubergeramz.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Hôtel Auberge Ramz"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Rooms & Suites", href: "#rooms"},
|
|
{
|
|
label: "Dining & Activities", href: "#features"},
|
|
{
|
|
label: "Our 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 Hôtel Auberge Ramz. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |