Initial commit
This commit is contained in:
286
src/app/page.tsx
Normal file
286
src/app/page.tsx
Normal file
@@ -0,0 +1,286 @@
|
||||
"use client";
|
||||
import { Sparkles, Crown, Star, UtensilsCrossed, Heart, Gift, Leaf, Sun, Snowflake } from "lucide-react";
|
||||
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="aurora"
|
||||
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: "aurora" }}
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user