Update src/app/page.tsx
This commit is contained in:
@@ -1,14 +1,15 @@
|
|||||||
"use client";
|
"use client";
|
||||||
import { Sparkles, Crown, Star, UtensilsCrossed, Heart, Gift, Leaf, Sun, Snowflake } from "lucide-react";
|
import { Sparkles, Crown, Star, UtensilsCrossed, Heart, Gift, Leaf, Sun, Snowflake, Zap } from "lucide-react";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||||
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
@@ -41,38 +42,36 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardCarousel
|
||||||
title="Experience Mediterranean Elegance in Santorini"
|
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."
|
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"
|
tag="Luxury Retreat"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Book Your Stay", href: "/contact" },
|
{ text: "Book Your Stay", href: "/contact" },
|
||||||
{ text: "Explore Rooms", href: "/rooms" }
|
{ text: "Explore Rooms", href: "/rooms" }
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
id: "1", imageSrc: "https://img.b2bpic.net/free-photo/wooden-bridge-pier-against-beautiful-sky_146671-18871.jpg", imageAlt: "Santorini sunset ocean view"
|
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"
|
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"
|
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"
|
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"
|
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"
|
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>
|
||||||
|
|
||||||
@@ -174,6 +173,34 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="cta" data-section="cta">
|
||||||
|
<ContactSplitForm
|
||||||
|
title="Ready for Your Luxe Escape?"
|
||||||
|
description="Connect with our concierge team to curate your perfect Santorini experience. We're here to bring your Mediterranean dreams to life."
|
||||||
|
useInvertedBackground="invertDefault"
|
||||||
|
imageSrc="https://img.b2bpic.net/free-photo/scenic-view-sandy-beach-beach-with-sun-beds-umbrellas-open-against-sea-mountains-hotel-resort-tekirova-kemer-turkey_146671-18877.jpg"
|
||||||
|
imageAlt="Santorini luxury ocean view"
|
||||||
|
mediaPosition="right"
|
||||||
|
buttonText="Request Your Package"
|
||||||
|
inputs={[
|
||||||
|
{
|
||||||
|
name: "name", type: "text", placeholder: "Full Name", required: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "email", type: "email", placeholder: "Email Address", required: true
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textarea={{
|
||||||
|
name: "message", placeholder: "Tell us about your ideal stay...", rows: 4,
|
||||||
|
required: false
|
||||||
|
}}
|
||||||
|
onSubmit={(data) => {
|
||||||
|
console.log("CTA submission:", data);
|
||||||
|
alert("Thank you! We'll be in touch within 24 hours.");
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
copyrightText="© 2025 Santorini Lux | Luxury Hotel & Resort. All rights reserved."
|
copyrightText="© 2025 Santorini Lux | Luxury Hotel & Resort. All rights reserved."
|
||||||
@@ -207,4 +234,4 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user