574 lines
20 KiB
TypeScript
574 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Crown, Home, MessageSquare, Mountain, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Rooms",
|
|
id: "#rooms",
|
|
},
|
|
{
|
|
name: "Offers",
|
|
id: "#offers",
|
|
},
|
|
{
|
|
name: "Guests",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ht2tyd"
|
|
logoAlt="Hotel Al Vecchio Pietreto Logo"
|
|
brandName="Al Vecchio Pietreto"
|
|
button={{
|
|
text: "Book Now",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
imagePosition="right"
|
|
title="Experience Timeless Elegance at Al Vecchio Pietreto"
|
|
description="Nestled in the heart of historic beauty, our hotel offers an unforgettable escape with authentic Italian charm, luxurious comfort, and breathtaking views. Your perfect Tuscan getaway awaits."
|
|
testimonials={[
|
|
{
|
|
name: "Sophia L.",
|
|
handle: "@Travel_Enthusiast",
|
|
testimonial: "Absolutely enchanting! The service was impeccable, and the views from our balcony were straight out of a postcard. A true gem in Tuscany.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cool-brunette-man-looks-sea-tanned-guy-white-shorts-darkgreen-tshirt-sits-fence-enjoys-sunset_197531-30049.jpg",
|
|
imageAlt: "Sophia L. happy guest",
|
|
},
|
|
{
|
|
name: "Marcus R.",
|
|
handle: "@Globetrotter",
|
|
testimonial: "From the moment we arrived, we felt like family. The historical ambiance combined with modern amenities made our stay incredibly comfortable and relaxing.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
|
imageAlt: "Marcus R. satisfied guest",
|
|
},
|
|
{
|
|
name: "Elena K.",
|
|
handle: "@FamilyAdventures",
|
|
testimonial: "Our family had an amazing time! The staff went above and beyond for our children, and the hotel's location was perfect for exploring the region.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-mother-daughter-laughing-together-outdoors_1153-7512.jpg",
|
|
imageAlt: "Elena K. happy family guest",
|
|
},
|
|
{
|
|
name: "David M.",
|
|
handle: "@BusinessTraveler",
|
|
testimonial: "A peaceful retreat after busy days. The Wi-Fi was excellent, and the serene environment allowed for great productivity and relaxation. Highly recommend for business trips.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sitting-yard-drinking-whiskey_1157-13374.jpg",
|
|
imageAlt: "David M. business traveler",
|
|
},
|
|
{
|
|
name: "Chiara P.",
|
|
handle: "@RomanticEscapes",
|
|
testimonial: "The most romantic anniversary trip! Every detail was perfect, from the delicious breakfast to the beautiful sunset over the hills. We can't wait to return.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-loving-couple-watching-movie-together-balcony-morning-with-curtains-foreground-young-man-resting-with-his-amazing-tanned-girlfriend-bed-holding-laptop-with-sea-views_197531-3206.jpg",
|
|
imageAlt: "Chiara P. romantic guest",
|
|
},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
tag="Your Tuscan Dream"
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "Book Your Stay",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Explore Rooms",
|
|
href: "#rooms",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-with-brown-eyes-dressed-casually-white-t-shirt-yellow-headband-joyful-attractive-housewife-being-glad-see-her-relatives-people-emotions_273609-8033.jpg",
|
|
alt: "Guest avatar 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg",
|
|
alt: "Guest avatar 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-cozy-wear-outdoors_624325-539.jpg",
|
|
alt: "Guest avatar 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116270.jpg",
|
|
alt: "Guest avatar 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-american-woman_53876-34038.jpg",
|
|
alt: "Guest avatar 5",
|
|
},
|
|
]}
|
|
avatarText="Loved by thousands of guests"
|
|
imageSrc="http://img.b2bpic.net/free-photo/street-castellon-de-la-plana-evening_1398-2363.jpg"
|
|
imageAlt="Exterior of Hotel Al Vecchio Pietreto with beautiful scenery"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
marqueeItems={[
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/happy-couple-embracing-each-other-beach-4k_107420-10012.jpg",
|
|
alt: "Happy couple embracing each other on the beach 4k",
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Exceptional Service",
|
|
icon: Star,
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/girl-her-boyfriend-smiling_1398-4055.jpg",
|
|
alt: "Girl and her boyfriend smiling",
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Scenic Views",
|
|
icon: Mountain,
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/happy-friends-laughing-relaxing_1398-4056.jpg",
|
|
alt: "Happy friends laughing and relaxing",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
imagePosition="left"
|
|
title="Discover the Soul of Tuscany"
|
|
description="Al Vecchio Pietreto is more than just a hotel; it's a journey back in time, offering a blend of historic charm and modern luxury. Our meticulously restored property dates back centuries, providing a unique ambiance that reflects the rich heritage of the Tuscan countryside."
|
|
tag="Our Story"
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "Learn More",
|
|
href: "#",
|
|
},
|
|
]}
|
|
bulletPoints={[
|
|
{
|
|
title: "Authentic Italian Experience",
|
|
description: "Immerse yourself in local culture and traditions with our curated experiences.",
|
|
icon: Sparkles,
|
|
},
|
|
{
|
|
title: "Luxurious Comfort",
|
|
description: "Each room is designed for utmost relaxation, blending antique elegance with contemporary amenities.",
|
|
icon: Home,
|
|
},
|
|
{
|
|
title: "Breathtaking Scenery",
|
|
description: "Wake up to panoramic views of rolling hills, vineyards, and olive groves.",
|
|
icon: Mountain,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg"
|
|
imageAlt="Elegant interior of Hotel Al Vecchio Pietreto lounge"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Rejuvenating Spa & Wellness",
|
|
descriptions: [
|
|
"Unwind with bespoke treatments and therapies in our tranquil spa. Rejuvenate your body and mind with massages, facials, and access to our heated indoor pool.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000359.jpg",
|
|
imageAlt: "Luxurious hotel spa interior",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Gourmet Tuscan Dining",
|
|
descriptions: [
|
|
"Savor the authentic flavors of Tuscany at our acclaimed restaurant. Our chefs prepare exquisite dishes using fresh, local ingredients, paired with an extensive wine list.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg",
|
|
imageAlt: "Elegant hotel restaurant dining area",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Enchanting Gardens & Views",
|
|
descriptions: [
|
|
"Explore our beautifully landscaped gardens, perfect for a leisurely stroll or enjoying an aperitivo at sunset. Discover hidden nooks with panoramic views of the countryside.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-chairs-tropical-beach-resort_1373-483.jpg",
|
|
imageAlt: "Hotel garden with outdoor seating",
|
|
},
|
|
]}
|
|
title="Indulge in Our Distinctive Amenities"
|
|
description="At Al Vecchio Pietreto, every detail is crafted to enhance your stay. From serene spa treatments to gourmet dining, we provide exceptional experiences that cater to your every desire."
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Classic Double Room",
|
|
price: "From €150/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532971.jpg",
|
|
imageAlt: "Classic Double Room interior",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Deluxe Room with Balcony",
|
|
price: "From €220/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-glass-railings_1232-1307.jpg",
|
|
imageAlt: "Deluxe Room with Balcony interior",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Grand Suite",
|
|
price: "From €350/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2721.jpg",
|
|
imageAlt: "Luxury Grand Suite living area",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Family Suite",
|
|
price: "From €280/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-with-baby_23-2149141876.jpg",
|
|
imageAlt: "Family Suite with multiple beds",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Private Villa",
|
|
price: "From €600/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-lush-tropical-surroundings_23-2152008195.jpg",
|
|
imageAlt: "Exterior of a private hotel villa",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Accessible Room",
|
|
price: "From €170/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/patient-getting-chemotherapy-treatment_23-2149261124.jpg",
|
|
imageAlt: "Accessible hotel room with grab bars",
|
|
},
|
|
]}
|
|
title="Our Luxurious Accommodations"
|
|
description="Choose from a selection of beautifully appointed rooms and suites, each offering a unique blend of traditional charm and modern comfort. Find your perfect sanctuary."
|
|
/>
|
|
</div>
|
|
|
|
<div id="offers" data-section="offers">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "plan-1",
|
|
badge: "Popular",
|
|
badgeIcon: Sparkles,
|
|
price: "From €400",
|
|
subtitle: "Romantic Getaway",
|
|
buttons: [
|
|
{
|
|
text: "Book Now",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
features: [
|
|
"2 Nights in a Deluxe Room",
|
|
"Welcome Prosecco & Chocolates",
|
|
"Gourmet Dinner for Two",
|
|
"Late Checkout (subject to availability)",
|
|
],
|
|
},
|
|
{
|
|
id: "plan-2",
|
|
badge: "Best Value",
|
|
badgeIcon: Star,
|
|
price: "From €750",
|
|
subtitle: "Tuscan Explorer",
|
|
buttons: [
|
|
{
|
|
text: "Book Now",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
features: [
|
|
"3 Nights in a Grand Suite",
|
|
"Daily Breakfast Buffet",
|
|
"Guided Vineyard Tour & Tasting",
|
|
"Complimentary Shuttle Service",
|
|
],
|
|
},
|
|
{
|
|
id: "plan-3",
|
|
badge: "Luxury",
|
|
badgeIcon: Crown,
|
|
price: "From €1200",
|
|
subtitle: "Ultimate Indulgence",
|
|
buttons: [
|
|
{
|
|
text: "Book Now",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
features: [
|
|
"4 Nights in a Private Villa",
|
|
"Private Chef Dining Experience",
|
|
"Spa Treatment for Two",
|
|
"Personalized Concierge Service",
|
|
],
|
|
},
|
|
]}
|
|
title="Exclusive Offers & Packages"
|
|
description="Enhance your stay with our specially curated packages, designed to make your Tuscan experience even more memorable."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Isabella Rossi",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friendly-couple-beach_23-2147645549.jpg",
|
|
imageAlt: "Isabella Rossi",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Giovanni Bianchi",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-happy-brunette-man-dark-green-t-shirt-white-shorts-smiles-sincerely-outside_197531-24140.jpg",
|
|
imageAlt: "Giovanni Bianchi",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Sofia Conti",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-traveller-practice-yoga-young-man-meditating-before-going-vacation-sitting-with_1258-314028.jpg",
|
|
imageAlt: "Sofia Conti",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Marco Romano",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-putting-legs-table-office_23-2148055734.jpg",
|
|
imageAlt: "Marco Romano",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Francesca Gallo",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/romantic-young-hipster-couple-indie-style-love-walking-countryside-lighthouse-background-summer-vacation_285396-2611.jpg",
|
|
imageAlt: "Francesca Gallo",
|
|
},
|
|
]}
|
|
cardTitle="What Our Guests Say"
|
|
cardTag="Rave Reviews"
|
|
cardTagIcon={MessageSquare}
|
|
buttons={[
|
|
{
|
|
text: "Read All Reviews",
|
|
href: "#",
|
|
},
|
|
]}
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</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 3:00 PM, and check-out is until 11:00 AM. Early check-in or late check-out may be available upon request and subject to availability.",
|
|
},
|
|
{
|
|
id: "faq2",
|
|
title: "Is breakfast included in the room rate?",
|
|
content: "A complimentary buffet breakfast is included for all guests. It is served daily from 7:30 AM to 10:30 AM in our main dining area.",
|
|
},
|
|
{
|
|
id: "faq3",
|
|
title: "Do you have parking facilities?",
|
|
content: "Yes, we offer complimentary private parking for all our guests. Valet service is also available upon request.",
|
|
},
|
|
{
|
|
id: "faq4",
|
|
title: "Are pets allowed at the hotel?",
|
|
content: "We welcome well-behaved pets for an additional fee. Please notify us in advance when booking if you plan to bring a pet.",
|
|
},
|
|
{
|
|
id: "faq5",
|
|
title: "What amenities are available in the rooms?",
|
|
content: "All our rooms feature air conditioning, free Wi-Fi, a flat-screen TV, minibar, safe, and a private bathroom with luxury toiletries.",
|
|
},
|
|
{
|
|
id: "faq6",
|
|
title: "Is there a restaurant on-site?",
|
|
content: "Yes, our gourmet Tuscan restaurant serves breakfast, lunch, and dinner. We also have a cozy bar and lounge area for drinks and light snacks.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about your stay at Hotel Al Vecchio Pietreto."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
tag="Plan Your Escape"
|
|
tagAnimation="blur-reveal"
|
|
title="Reserve Your Tuscan Retreat"
|
|
description="Ready to experience the magic of Al Vecchio Pietreto? Contact us today to check availability or make a reservation."
|
|
buttons={[
|
|
{
|
|
text: "Book Now",
|
|
href: "#",
|
|
},
|
|
{
|
|
text: "Send an Inquiry",
|
|
href: "mailto:info@alvecchiopietreto.com",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ht2tyd"
|
|
logoAlt="Hotel Al Vecchio Pietreto Logo"
|
|
logoText="Al Vecchio Pietreto"
|
|
columns={[
|
|
{
|
|
title: "Hotel",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Rooms & Suites",
|
|
href: "#rooms",
|
|
},
|
|
{
|
|
label: "Amenities",
|
|
href: "#features",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Guests",
|
|
items: [
|
|
{
|
|
label: "Book Now",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Offers",
|
|
href: "#offers",
|
|
},
|
|
{
|
|
label: "Reviews",
|
|
href: "#testimonials",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Hotel Al Vecchio Pietreto. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|