210 lines
11 KiB
TypeScript
210 lines
11 KiB
TypeScript
"use client";
|
|
import { Sparkles, Crown, Star, UtensilsCrossed, Heart, Gift, Leaf, Sun, Snowflake } from "lucide-react";
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Santorini Lux"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Rooms", id: "/rooms" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
button={{
|
|
text: "Book Now", href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Experience Mediterranean Elegance in Santorini"
|
|
description="Discover your sanctuary overlooking the Aegean Sea. Indulge in world-class luxury, breathtaking sunsets, and unforgettable moments at our exclusive Santorini resort."
|
|
tag="Luxury Retreat"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "/contact" },
|
|
{ text: "Explore Rooms", href: "/rooms" }
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "https://img.b2bpic.net/free-photo/wooden-bridge-pier-against-beautiful-sky_146671-18871.jpg", imageAlt: "Santorini sunset ocean view"
|
|
},
|
|
{
|
|
id: "2", imageSrc: "https://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8219.jpg", imageAlt: "White building architecture with caldera view"
|
|
},
|
|
{
|
|
id: "3", imageSrc: "https://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8221.jpg", imageAlt: "Luxury bedroom with ocean window"
|
|
},
|
|
{
|
|
id: "4", imageSrc: "https://img.b2bpic.net/free-photo/sunset-santorini-modern-balcony-design-generated-by-ai_188544-34086.jpg", imageAlt: "Infinity pool overlooking Aegean Sea"
|
|
},
|
|
{
|
|
id: "5", imageSrc: "https://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8220.jpg", imageAlt: "Luxury terrace with Mediterranean columns"
|
|
},
|
|
{
|
|
id: "6", imageSrc: "https://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8222.jpg", imageAlt: "Romantic sunset dining experience"
|
|
}
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="Crafted for the discerning traveler seeking uncompromising luxury and authentic Mediterranean hospitality in the heart of Santorini's most exclusive location"
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "/about" },
|
|
{ text: "Reserve Today", href: "/contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Trusted by luxury travelers and discerning guests from around the world"
|
|
cardTag="Guest Reviews"
|
|
cardTagIcon={Heart}
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Victoria Sterling", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg", imageAlt: "Victoria Sterling"
|
|
},
|
|
{
|
|
id: "2", name: "Alexander Rousseau", imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Alexander Rousseau"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Dimitriou", imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", imageAlt: "Elena Dimitriou"
|
|
},
|
|
{
|
|
id: "4", name: "James Mitchell", imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg", imageAlt: "James Mitchell"
|
|
},
|
|
{
|
|
id: "5", name: "Sophia Papadopoulos", imageSrc: "https://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "Sophia Papadopoulos"
|
|
},
|
|
{
|
|
id: "6", name: "Andreas Nikolaides", imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg", imageAlt: "Andreas Nikolaides"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardMedia
|
|
title="World-Class Amenities"
|
|
description="Immerse yourself in luxury with our curated selection of premium amenities designed for relaxation, wellness, and unforgettable experiences"
|
|
tag="Our Facilities"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: "1", title: "Spa & Wellness", description: "Rejuvenating treatments and therapies overlooking the Aegean Sea", tag: "Relaxation", imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-bath-with-bubbles_1303-24667.jpg", imageAlt: "Luxury spa with sea views"
|
|
},
|
|
{
|
|
id: "2", title: "Infinity Pool", description: "Seamlessly blending with the horizon for the ultimate swimming experience", tag: "Recreation", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg", imageAlt: "Infinity pool at sunset"
|
|
},
|
|
{
|
|
id: "3", title: "Fitness Center", description: "State-of-the-art equipment and personalized wellness programs", tag: "Health", imageSrc: "https://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg", imageAlt: "Modern luxury fitness facility"
|
|
},
|
|
{
|
|
id: "4", title: "Fine Dining", description: "Michelin-inspired cuisine prepared by our award-winning chef", tag: "Culinary", imageSrc: "https://img.b2bpic.net/free-photo/relaxed-couple-wearing-bathrobes-while-enjoying-health-spa-focus-is-man_637285-7504.jpg", imageAlt: "Elegant fine dining restaurant"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
title="Seasonal Packages & Rates"
|
|
description="Flexible pricing options tailored to your perfect Santorini getaway throughout the year"
|
|
tag="Exclusive Offers"
|
|
tagIcon={Gift}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
plans={[
|
|
{
|
|
id: "1", badge: "Spring & Fall", badgeIcon: Leaf,
|
|
price: "$450", subtitle: "Per Night (April-May, September-October)", features: [
|
|
"Deluxe Ocean Suite", "Complimentary breakfast daily", "Spa credit $100", "Wine tasting experience"
|
|
]
|
|
},
|
|
{
|
|
id: "2", badge: "Summer Peak", badgeIcon: Sun,
|
|
price: "$750", subtitle: "Per Night (June-August)", features: [
|
|
"Premium Room Selection", "All-inclusive dining", "Beach club access", "Private boat excursion", "Sunset cruise"
|
|
]
|
|
},
|
|
{
|
|
id: "3", badge: "Winter Luxury", badgeIcon: Snowflake,
|
|
price: "$350", subtitle: "Per Night (November-March)", features: [
|
|
"Discounted room rates", "Extended stay benefits", "Spa packages included", "Cultural tours", "Wine pairing dinners"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
copyrightText="© 2025 Santorini Lux | Luxury Hotel & Resort. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Rooms & Suites", href: "/rooms" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Contact", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Reservations", href: "/contact" },
|
|
{ label: "+30 2286 025000", href: "#" },
|
|
{ label: "info@santorini-lux.gr", href: "#" },
|
|
{ label: "Oia, Santorini 84702", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |