Compare commits
19 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| dea4213a42 | |||
| 3007e0935e | |||
| 7d71c2bfb5 | |||
| 074af134e2 | |||
| c0ae68dcf4 | |||
| 2f20c563c8 | |||
| a690be3055 | |||
| b130e94eea | |||
| b560acaa4b | |||
| dcfa18daa8 | |||
| 985c496040 | |||
| 305412bb72 | |||
| e522c93908 | |||
| 6e059d9940 | |||
| 126e02ee96 | |||
| b3e92f8f18 | |||
| f257a34f9f | |||
| 3f9716b802 | |||
| 9ec73f6ff7 |
@@ -2,45 +2,20 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import Link from "next/link";
|
||||
import { Calendar, Users, AlertCircle } from "lucide-react";
|
||||
import { Calendar, CheckCircle, Clock, DollarSign, Star } from "lucide-react";
|
||||
|
||||
export default function AvailabilityPage() {
|
||||
const navItems = [
|
||||
{ name: "The Villa", id: "villa" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Location", id: "/location" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "booking" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Villa", items: [
|
||||
{ label: "The Villa", href: "/#villa" },
|
||||
{ label: "Gallery", href: "/#gallery" },
|
||||
{ label: "Amenities", href: "/#amenities" },
|
||||
{ label: "Rooms", href: "/#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Plan Your Stay", items: [
|
||||
{ label: "Check Availability", href: "/availability" },
|
||||
{ label: "Booking Info", href: "/#booking" },
|
||||
{ label: "Pricing", href: "/availability" },
|
||||
{ label: "Contact Us", href: "/#booking" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore Crete", items: [
|
||||
{ label: "Location Guide", href: "/#location" },
|
||||
{ label: "Nearby Attractions", href: "/#attractions" },
|
||||
{ label: "Guest Reviews", href: "/#reviews" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
],
|
||||
},
|
||||
{ name: "Book Now", id: "/availability" },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -63,55 +38,128 @@ export default function AvailabilityPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="availability-header" data-section="availability-header" className="py-20 md:py-32 px-4 md:px-6">
|
||||
<div className="mx-auto max-w-4xl">
|
||||
<div className="mb-8">
|
||||
<div className="inline-block px-4 py-2 rounded-full bg-green-50 border border-green-200 mb-6">
|
||||
<p className="text-sm font-medium text-green-700">Booking Calendar</p>
|
||||
</div>
|
||||
</div>
|
||||
<h1 className="text-5xl md:text-6xl font-light mb-6 text-foreground">
|
||||
Check Availability
|
||||
</h1>
|
||||
<p className="text-xl text-foreground/70 max-w-2xl">
|
||||
View our booking calendar below to find your perfect dates for a Mediterranean escape. For direct assistance with your reservation, reach out to our family hosts.
|
||||
</p>
|
||||
</div>
|
||||
<div id="hero" data-section="hero" className="py-20 md:py-32 overflow-hidden">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Check Availability & Book Your Stay"
|
||||
description="Plan your Mediterranean escape at Cretan Dream Villa. View our availability calendar, pricing, and secure your perfect dates for an unforgettable experience."
|
||||
tag="Booking Calendar"
|
||||
tagIcon={Calendar}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-planning-concept_23-2147654321.jpg", imageAlt: "Calendar and planning"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg", imageAlt: "Villa exterior"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg", imageAlt: "Guest enjoying stay"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg", imageAlt: "Couple at sunset"
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/booking-confirmation_23-2147912345.jpg", imageAlt: "Booking confirmation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg", imageAlt: "Villa interior"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg", imageAlt: "Dining experience"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg", imageAlt: "Scenic views"
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Pricing", href: "#pricing"
|
||||
},
|
||||
{
|
||||
text: "Back to Villa", href: "/"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="calendar-info" data-section="calendar-info" className="py-16 md:py-24 px-4 md:px-6 bg-white/50">
|
||||
<div className="mx-auto max-w-5xl">
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
<div className="rounded-lg p-8 bg-white border border-gray-200">
|
||||
<Calendar className="w-10 h-10 text-accent mb-4" />
|
||||
<h3 className="text-xl font-medium mb-2">Flexible Dates</h3>
|
||||
<p className="text-foreground/60">
|
||||
Choose your preferred dates from our interactive calendar. Minimum stay may apply during peak season.
|
||||
</p>
|
||||
</div>
|
||||
<div className="rounded-lg p-8 bg-white border border-gray-200">
|
||||
<Users className="w-10 h-10 text-accent mb-4" />
|
||||
<h3 className="text-xl font-medium mb-2">Group Sizes</h3>
|
||||
<p className="text-foreground/60">
|
||||
Accommodates up to 12 guests across 5 spacious bedrooms. Perfect for families and friend groups.
|
||||
</p>
|
||||
</div>
|
||||
<div className="rounded-lg p-8 bg-white border border-gray-200">
|
||||
<AlertCircle className="w-10 h-10 text-accent mb-4" />
|
||||
<h3 className="text-xl font-medium mb-2">Direct Booking</h3>
|
||||
<p className="text-foreground/60">
|
||||
Book directly with our family for the best rates and personalized service from local hosts.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="booking-info" data-section="booking-info" className="py-20 md:py-28 max-w-4xl mx-auto">
|
||||
<AboutMetric
|
||||
title="How to Book Your Stay"
|
||||
metrics={[
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Select Your Dates", value: "Flexible"
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Confirm Booking", value: "Instant"
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Minimum Stay", value: "5 Nights"
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "Payment Terms", value: "Flexible"
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking-inquiry" data-section="booking-inquiry" className="py-20 md:py-32 px-4 md:px-6">
|
||||
<div id="pricing" data-section="pricing" className="py-20 md:py-28">
|
||||
<PricingCardThree
|
||||
title="Pricing Plans"
|
||||
description="Choose the booking option that works best for your group and dates."
|
||||
tag="Rates & Seasons"
|
||||
tagIcon={Star}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1", price: "€200-300/night", name: "Low Season", buttons: [
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"October - March rates", "Perfect for peaceful getaways", "Minimum 5 nights", "All amenities included", "Direct host communication"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "€350-450/night", name: "High Season", buttons: [
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"April - September rates", "Perfect beach and sun season", "Minimum 7 nights", "All amenities included", "Priority booking support"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", price: "Custom", name: "Group & Events", buttons: [
|
||||
{ text: "Request Quote", href: "#contact" },
|
||||
{ text: "Contact Us", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Large groups (10+ guests)", "Special events & celebrations", "Flexible dates", "Custom packages available", "Dedicated event coordinator"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="py-20 md:py-28">
|
||||
<ContactSplit
|
||||
tag="Ready to Book?"
|
||||
title="Plan Your Cretan Dream Stay"
|
||||
description="Experience luxury living above the sea. Check availability, request a booking, or get in touch with our family hosts for personalized assistance."
|
||||
tag="Ready to Reserve?"
|
||||
title="Book Your Perfect Dates"
|
||||
description="Contact us directly to check availability and secure your booking. We'll confirm your dates, discuss your needs, and answer any questions about your stay."
|
||||
tagIcon={Calendar}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -119,14 +167,39 @@ export default function AvailabilityPage() {
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Check Availability"
|
||||
termsText="We'll send you availability and pricing details. Direct booking with our family hosts."
|
||||
buttonText="Get Availability"
|
||||
termsText="We'll respond within 24 hours with available dates and personalized recommendations for your stay."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
columns={[
|
||||
{
|
||||
title: "Villa", items: [
|
||||
{ label: "The Villa", href: "#villa" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Amenities", href: "#amenities" },
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Plan Your Stay", items: [
|
||||
{ label: "Check Availability", href: "/availability" },
|
||||
{ label: "Booking Info", href: "#booking" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore Crete", items: [
|
||||
{ label: "Location Guide", href: "/location" },
|
||||
{ label: "Nearby Attractions", href: "#attractions" },
|
||||
{ label: "Guest Reviews", href: "#reviews" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Cretan Dream Villa. All rights reserved. Luxury Retreat in Georgioupoli, Crete."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,48 +1,54 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles, Camera, Calendar } from "lucide-react";
|
||||
|
||||
export default function GalleryPage() {
|
||||
const navItems = [
|
||||
{ name: "The Villa", id: "villa" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "The Villa", id: "/villa-details" },
|
||||
{ name: "Gallery", id: "photos" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "booking" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
const galleryPhotos = [
|
||||
{
|
||||
title: "Villa",
|
||||
items: [
|
||||
{ label: "The Villa", href: "/" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Amenities", href: "/#amenities" },
|
||||
{ label: "Rooms", href: "/#rooms" },
|
||||
],
|
||||
id: "1", name: "Infinity Pool", role: "Main Pool", company: "Heated & Sea View", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg", imageAlt: "Heated infinity pool overlooking the Aegean Sea"
|
||||
},
|
||||
{
|
||||
title: "Plan Your Stay",
|
||||
items: [
|
||||
{ label: "Check Availability", href: "/#booking" },
|
||||
{ label: "Booking Info", href: "/#booking" },
|
||||
{ label: "Pricing", href: "/#booking" },
|
||||
{ label: "Contact Us", href: "/#booking" },
|
||||
],
|
||||
id: "2", name: "Master Bedroom", role: "Luxury Suite", company: "Ensuite Bathroom", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg", imageAlt: "Spacious master bedroom with sea views"
|
||||
},
|
||||
{
|
||||
title: "Explore Crete",
|
||||
items: [
|
||||
{ label: "Location Guide", href: "/location" },
|
||||
{ label: "Nearby Attractions", href: "/location#attractions" },
|
||||
{ label: "Guest Reviews", href: "/#reviews" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
],
|
||||
id: "3", name: "Living Room", role: "Main Space", company: "Entertainment Room", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg", imageAlt: "Modern living room with panoramic views"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Sunset Terrace", role: "Outdoor Living", company: "Dining & Lounge", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg", imageAlt: "Private terrace perfect for sunset dinners"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Coastal View", role: "Sea & Landscape", company: "Mediterranean Setting", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg", imageAlt: "Beautiful coastal landscape from the villa"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Dining Area", role: "Outdoor Dining", company: "Gourmet Kitchen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg", imageAlt: "Outdoor dining terrace with prepared meals"
|
||||
},
|
||||
{
|
||||
id: "7", name: "Garden Paradise", role: "Landscape Design", company: "Mediterranean Flora", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg", imageAlt: "Lush gardens surrounding the villa"
|
||||
},
|
||||
{
|
||||
id: "8", name: "Beach Access", role: "Private Beach", company: "Coastal Location", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-coastline-with-seascape-view-sunlight_181624-39790.jpg", imageAlt: "Direct access to pristine beaches"
|
||||
},
|
||||
];
|
||||
|
||||
@@ -53,123 +59,161 @@ export default function GalleryPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav" className="py-6 md:py-8">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Cretan Dream Villa"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="highlights-gallery" data-section="highlights-gallery" className="py-20 md:py-32">
|
||||
<FeatureCardNine
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Heated Infinity Pool",
|
||||
description: "Swim with panoramic views of the sea and rolling hills. The centerpiece of your villa experience with elegant stonework and lounging areas.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg?_wi=5",
|
||||
imageAlt: "Heated pool with sea views"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg?_wi=5",
|
||||
imageAlt: "Outdoor dining terrace"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "5 Spacious Bedrooms",
|
||||
description: "Perfect for families and groups of up to 12 guests. Each bedroom offers comfort, privacy, and premium furnishings with thoughtful details.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg?_wi=4",
|
||||
imageAlt: "Spacious bedroom interior"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg?_wi=5",
|
||||
imageAlt: "Large living room"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Multiple Outdoor Living Areas",
|
||||
description: "Dining terraces, quiet garden corners, and sunset lounges. Space to gather together or escape for peaceful moments.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg?_wi=6",
|
||||
imageAlt: "Outdoor dining terrace"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg?_wi=4",
|
||||
imageAlt: "Quiet garden corner"
|
||||
}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Villa Highlights"
|
||||
description="Discover what makes Cretan Dream Villa the perfect Mediterranean escape for families and groups."
|
||||
tag="Experience"
|
||||
<div id="hero" data-section="hero" className="py-20 md:py-32 overflow-hidden">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Photo Gallery"
|
||||
description="Explore the stunning beauty of Cretan Dream Villa through our comprehensive photo collection. From luxurious interiors to breathtaking views, discover why guests return again and again."
|
||||
tag="Photo Showcase"
|
||||
tagIcon={Camera}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg", imageAlt: "Infinity pool with sea views"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg", imageAlt: "Master bedroom suite"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg", imageAlt: "Modern living spaces"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg", imageAlt: "Outdoor entertainment areas"
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg", imageAlt: "Coastal views"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg", imageAlt: "Dining and culinary areas"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg", imageAlt: "Garden and outdoor spaces"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-coastline-with-seascape-view-sunlight_181624-39790.jpg", imageAlt: "Beach and coastal access"
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Details", href: "/villa-details"
|
||||
},
|
||||
{
|
||||
text: "Book Now", href: "#booking"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="photos" data-section="photos" className="py-20 md:py-28">
|
||||
<TestimonialCardOne
|
||||
title="Villa Photo Collection"
|
||||
description="Browse our complete gallery of Cretan Dream Villa. Each image showcases the luxury, comfort, and natural beauty that awaits you."
|
||||
tag="Gallery"
|
||||
tagAnimation="slide-up"
|
||||
testimonials={galleryPhotos}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics-gallery" data-section="metrics-gallery" className="py-20 md:py-28">
|
||||
<MetricCardEleven
|
||||
metrics={[
|
||||
<div id="reviews" data-section="reviews" className="py-20 md:py-28">
|
||||
<TestimonialCardOne
|
||||
title="What Guests Say About Our Villa"
|
||||
description="Real reviews from our satisfied guests who have experienced the magic of Cretan Dream Villa."
|
||||
tag="Guest Reviews"
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
value: "360°",
|
||||
title: "Sea & Mountain Views",
|
||||
description: "Panoramic vistas from every angle of the property",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg?_wi=2",
|
||||
imageAlt: "Villa seascape view"
|
||||
id: "1", name: "Sarah & Family", role: "Family of 6", company: "New York, USA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-stylish-woman-posing_23-2148602019.jpg", imageAlt: "Guest Sarah with family"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5",
|
||||
title: "Spacious Bedrooms",
|
||||
description: "Comfortable suites perfect for families and groups",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg?_wi=5",
|
||||
imageAlt: "Luxury bedroom private villa"
|
||||
id: "2", name: "Elena M.", role: "Couple", company: "London, UK", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girls-beach_23-2148594227.jpg", imageAlt: "Guest Elena at the beach"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Heated",
|
||||
title: "Year-Round Pool",
|
||||
description: "Enjoy swimming in comfort any time of year",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg?_wi=6",
|
||||
imageAlt: "Heated infinity pool"
|
||||
id: "3", name: "The Anderson Family", role: "Group of 8", company: "Sydney, Australia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-by-sea-side_23-2149347015.jpg", imageAlt: "The Anderson family enjoying the beach"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "Multiple",
|
||||
title: "Outdoor Spaces",
|
||||
description: "Dining terraces, gardens, and lounge areas throughout",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg?_wi=7",
|
||||
imageAlt: "Outdoor dining area"
|
||||
}
|
||||
id: "4", name: "Marco & Friends", role: "Friend Group", company: "Milan, Italy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleasant-looking-relaxed-female-poses-smart-phone-making-selfie-portrait-shares-photo-with-friends-social-networks-boasts-about-her-good-summer-rest_273609-2454.jpg", imageAlt: "Friends taking a selfie at sunset"
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
title="High-End Photography Gallery"
|
||||
description="Experience the beauty and luxury of Cretan Dream Villa through our curated collection of photography showcasing every corner of this Mediterranean paradise."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking" className="py-20 md:py-28">
|
||||
<ContactSplit
|
||||
tag="Inspired by What You See?"
|
||||
title="Book Your Villa Experience"
|
||||
description="Ready to make memories at Cretan Dream Villa? Check availability for your desired dates and secure your luxury Mediterranean retreat today."
|
||||
tagIcon={Calendar}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Check Availability"
|
||||
termsText="Receive instant availability, pricing, and personalized booking assistance from our team."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
columns={[
|
||||
{
|
||||
title: "Villa", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Details", href: "/villa-details" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Amenities", href: "/villa-details" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Plan Your Stay", items: [
|
||||
{ label: "Check Availability", href: "/availability" },
|
||||
{ label: "Book Now", href: "#booking" },
|
||||
{ label: "Pricing", href: "/availability" },
|
||||
{ label: "Contact Us", href: "#booking" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Experience", items: [
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Location", href: "/villa-details" },
|
||||
{ label: "FAQ", href: "/villa-details" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Cretan Dream Villa. All rights reserved. Luxury Retreat in Georgioupoli, Crete."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
123
src/app/guest-reviews/page.tsx
Normal file
123
src/app/guest-reviews/page.tsx
Normal file
@@ -0,0 +1,123 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Star, Sparkles } from "lucide-react";
|
||||
|
||||
export default function GuestReviewsPage() {
|
||||
const navItems = [
|
||||
{ name: "The Villa", id: "/" },
|
||||
{ name: "Experience", id: "/" },
|
||||
{ name: "Location", id: "/" },
|
||||
{ name: "Reviews", id: "/guest-reviews" },
|
||||
{ name: "Book Now", id: "/" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Cretan Dream Villa"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="guest-reviews" data-section="guest-reviews" className="py-20 md:py-28">
|
||||
<TestimonialCardSixteen
|
||||
title="Guest Reviews & Testimonials"
|
||||
description="Discover what our guests say about their unforgettable experiences at Cretan Dream Villa. With hundreds of five-star reviews, we're proud to be Crete's most loved luxury villa retreat."
|
||||
tag="Reviews"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah & Family", role: "Family of 6", company: "New York, USA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-stylish-woman-posing_23-2148602019.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Elena M.", role: "Couple", company: "London, UK", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girls-beach_23-2148594227.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "The Anderson Family", role: "Group of 8", company: "Sydney, Australia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-by-sea-side_23-2149347015.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Marco & Friends", role: "Friend Group", company: "Milan, Italy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleasant-looking-relaxed-female-poses-smart-phone-making-selfie-portrait-shares-photo-with-friends-social-networks-boasts-about-her-good-summer-rest_273609-2454.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "James & Susan", role: "Couple", company: "Toronto, Canada", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-stylish-woman-posing_23-2148602019.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "The Garcia Family", role: "Family of 5", company: "Madrid, Spain", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girls-beach_23-2148594227.jpg"
|
||||
},
|
||||
{
|
||||
id: "7", name: "Sophie & Family", role: "Family of 7", company: "Paris, France", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-by-sea-side_23-2149347015.jpg"
|
||||
},
|
||||
{
|
||||
id: "8", name: "David & Team", role: "Corporate Retreat", company: "Berlin, Germany", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleasant-looking-relaxed-female-poses-smart-phone-making-selfie-portrait-shares-photo-with-friends-social-networks-boasts-about-her-good-summer-rest_273609-2454.jpg"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "180+", label: "Happy Guests" },
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "95%", label: "Return Interest" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Villa", items: [
|
||||
{ label: "The Villa", href: "/" },
|
||||
{ label: "Gallery", href: "/" },
|
||||
{ label: "Amenities", href: "/" },
|
||||
{ label: "Rooms", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Plan Your Stay", items: [
|
||||
{ label: "Check Availability", href: "/" },
|
||||
{ label: "Booking Info", href: "/" },
|
||||
{ label: "Pricing", href: "/" },
|
||||
{ label: "Contact Us", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore Crete", items: [
|
||||
{ label: "Location Guide", href: "/" },
|
||||
{ label: "Nearby Attractions", href: "/" },
|
||||
{ label: "Guest Reviews", href: "/guest-reviews" },
|
||||
{ label: "FAQ", href: "/" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Cretan Dream Villa. All rights reserved. Luxury Retreat in Georgioupoli, Crete."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
155
src/app/location-guide/page.tsx
Normal file
155
src/app/location-guide/page.tsx
Normal file
@@ -0,0 +1,155 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { MapPin, Navigation, Utensils, Landmark, Waves, Mountain } from "lucide-react";
|
||||
|
||||
export default function LocationGuidePage() {
|
||||
const navItems = [
|
||||
{ name: "The Villa", id: "villa" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Location", id: "/location-guide" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "/availability" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Cretan Dream Villa"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location-intro" data-section="location-intro" className="py-20 md:py-32 max-w-4xl mx-auto">
|
||||
<AboutMetric
|
||||
title="Discover Georgioupoli & Nearby Attractions"
|
||||
metrics={[
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Villa Location", value: "Georgioupoli"
|
||||
},
|
||||
{
|
||||
icon: Navigation,
|
||||
label: "Distance to Beach", value: "5 Minutes"
|
||||
},
|
||||
{
|
||||
icon: Landmark,
|
||||
label: "Historical Sites", value: "Nearby"
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
label: "Coastline Access", value: "Private"
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="nearby-attractions" data-section="nearby-attractions" className="py-20 md:py-28 max-w-5xl mx-auto">
|
||||
<MetricCardEleven
|
||||
title="Top Attractions & Experiences"
|
||||
description="Explore the best of Crete from your private villa. All within easy reach for unforgettable adventures."
|
||||
tag="Explore"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "5 min", title: "Georgioupoli Beach", description: "Beautiful sandy beach with tavernas, water sports, and sunset views. Perfect for families.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-coastline-with-seascape-view-sunlight_181624-39790.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", value: "20 min", title: "Chania Old Town", description: "Historic Venetian harbor with charming streets, shops, galleries, and authentic restaurants.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-travel-concept_23-2149159313.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", value: "15 min", title: "Lake Kournas", description: "Greece's only freshwater lake surrounded by mountains. Great for swimming, kayaking, and nature walks.", imageSrc: "http://img.b2bpic.net/free-vector/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", value: "30 min", title: "Samaria Gorge", description: "One of Europe's longest gorges. Stunning hiking with dramatic cliffs and pristine beaches at the exit.", imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-with-hiking-trail_23-2149198765.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", value: "25 min", title: "Rethymno Old Town", description: "Another charming Venetian harbor town with fortress, museums, and delicious local cuisine.", imageSrc: "http://img.b2bpic.net/free-photo/historic-architecture-european-city_23-2149195432.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", value: "10 min", title: "Local Tavernas", description: "Authentic Cretan restaurants serving fresh seafood, homemade pasta, and traditional meze platters.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg"
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="travel-info" data-section="travel-info" className="py-20 md:py-28 max-w-4xl mx-auto">
|
||||
<AboutMetric
|
||||
title="Getting Around & Travel Tips"
|
||||
metrics={[
|
||||
{
|
||||
icon: Navigation,
|
||||
label: "To Chania Airport", value: "45 Minutes"
|
||||
},
|
||||
{
|
||||
icon: Mountain,
|
||||
label: "Best Season", value: "Apr-Oct"
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Local Cuisine", value: "Exceptional"
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
label: "Water Temperature", value: "26°C Summer"
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Villa", items: [
|
||||
{ label: "The Villa", href: "/" },
|
||||
{ label: "Gallery", href: "/#gallery" },
|
||||
{ label: "Amenities", href: "/#amenities" },
|
||||
{ label: "Rooms", href: "/#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Plan Your Stay", items: [
|
||||
{ label: "Check Availability", href: "/availability" },
|
||||
{ label: "Location Guide", href: "/location-guide" },
|
||||
{ label: "Pricing", href: "/availability" },
|
||||
{ label: "Contact Us", href: "/#booking" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore Crete", items: [
|
||||
{ label: "Nearby Attractions", href: "#nearby-attractions" },
|
||||
{ label: "Guest Reviews", href: "/#reviews" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Book Now", href: "/availability" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Cretan Dream Villa. All rights reserved. Luxury Retreat in Georgioupoli, Crete."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,50 +1,19 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import Link from "next/link";
|
||||
import { MapPin, Utensils, Waves } from "lucide-react";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { MapPin, Compass, Utensils, Info, Heart, Mountain, Waves, Zap } from "lucide-react";
|
||||
|
||||
export default function LocationPage() {
|
||||
const navItems = [
|
||||
{ name: "The Villa", id: "villa" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Location", id: "/location" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "booking" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Villa",
|
||||
items: [
|
||||
{ label: "The Villa", href: "/" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Amenities", href: "/#amenities" },
|
||||
{ label: "Rooms", href: "/#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Plan Your Stay",
|
||||
items: [
|
||||
{ label: "Check Availability", href: "/#booking" },
|
||||
{ label: "Booking Info", href: "/#booking" },
|
||||
{ label: "Pricing", href: "/#booking" },
|
||||
{ label: "Contact Us", href: "/#booking" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore Crete",
|
||||
items: [
|
||||
{ label: "Location Guide", href: "/location" },
|
||||
{ label: "Nearby Attractions", href: "/location#attractions" },
|
||||
{ label: "Guest Reviews", href: "/#reviews" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
],
|
||||
},
|
||||
{ name: "Book Now", id: "/availability" },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -54,81 +23,148 @@ export default function LocationPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav" className="py-6 md:py-8">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Cretan Dream Villa"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location-metrics" data-section="location-metrics" className="py-20 md:py-32">
|
||||
<div id="hero" data-section="hero" className="py-20 md:py-32 overflow-hidden">
|
||||
<MetricCardEleven
|
||||
title="Location Guide - Cretan Dream Villa"
|
||||
description="Discover where our luxury villa is located and explore the beauty of Georgioupoli and surrounding attractions."
|
||||
tag="Georgioupoli, Crete"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5 min",
|
||||
title: "To Georgioupoli Beach",
|
||||
description: "Sandy shores and seaside dining with vibrant local atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-coastline-with-seascape-view-sunlight_181624-39790.jpg?_wi=2",
|
||||
imageAlt: "Georgioupoli beach village crete"
|
||||
id: "1", value: "5 min", title: "To Georgioupoli Beach", description: "Beautiful sandy beaches with crystal clear waters and beachside tavernas.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-coastline-with-seascape-view-sunlight_181624-39790.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "20 min",
|
||||
title: "To Chania Old Town",
|
||||
description: "Historic charm, local culture, and authentic Cretan experiences",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg?_wi=3",
|
||||
imageAlt: "Sunset cretan hills landscape"
|
||||
}
|
||||
id: "2", value: "20 min", title: "To Chania Old Town", description: "Historic Venetian architecture, charming streets, and local shops.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-photography-venetian-fortress_23-2148901234.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", value: "25 min", title: "To Chania Airport", description: "Easy airport access for convenient arrivals and departures.", imageSrc: "http://img.b2bpic.net/free-photo/airplane-travel-vacation-concept_23-2147891456.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", value: "40 min", title: "To Samaria Gorge", description: "UNESCO-protected natural wonder and hiking destination.", imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-with-valley_23-2148567890.jpg"
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Near the Beach Town of Georgioupoli"
|
||||
description="The villa sits in the hills just minutes from the charming seaside village of Georgioupoli. Minutes from charming coastal village with restaurants, beaches, and local culture. Close to Crete's top attractions."
|
||||
tag="Location"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="attractions" data-section="attractions" className="py-20 md:py-28">
|
||||
<AboutMetric
|
||||
title="Explore Nearby Attractions & Experiences"
|
||||
metrics={[
|
||||
<div id="nearby-attractions" data-section="nearby-attractions" className="py-20 md:py-28">
|
||||
<SplitAbout
|
||||
title="Top Nearby Attractions"
|
||||
description="Cretan Dream Villa puts you close to the island's best experiences. From pristine beaches to historic villages, adventure and culture are just minutes away."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Georgioupoli Beach", description: "Sandy shores perfect for swimming, sunbathing, and water sports just 5 minutes away."
|
||||
},
|
||||
{
|
||||
icon: Compass,
|
||||
title: "Chania Old Town", description: "Explore Venetian architecture, local markets, and authentic Greek tavernas 20 minutes away."
|
||||
},
|
||||
{
|
||||
icon: Mountain,
|
||||
title: "Samaria Gorge", description: "One of Europe's most spectacular gorges ideal for hiking and nature walks (40 minutes)."
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
label: "Water Sports & Beach Activities",
|
||||
value: "Close by"
|
||||
title: "Balos Lagoon", description: "Stunning pink sand beach and turquoise waters perfect for swimming and snorkeling (50 minutes)."
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Beachfront Restaurants & Tavernas",
|
||||
value: "Nearby"
|
||||
title: "Local Tavernas", description: "Authentic Greek dining with fresh seafood and traditional Cretan dishes nearby."
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Lake Kournas Natural Wonder",
|
||||
value: "25 min"
|
||||
icon: Heart,
|
||||
title: "Traditional Villages", description: "Experience authentic Cretan culture in charming hilltop villages with local hospitality."
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Rethymno Historic Town",
|
||||
value: "30 min"
|
||||
}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-with-destinations_23-2147654321.jpg"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="area-highlights" data-section="area-highlights" className="py-20 md:py-28">
|
||||
<SplitAbout
|
||||
title="Why Choose Georgioupoli"
|
||||
description="Located on Crete's northwest coast, Georgioupoli offers the perfect balance of relaxation, culture, and natural beauty."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Convenient Location", description: "Close to airport, beaches, and major attractions without being in a crowded area."
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Beautiful Coastline", description: "Miles of pristine beaches with golden sand and calm Mediterranean waters."
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Culinary Excellence", description: "Fresh local seafood, traditional Cretan cuisine, and family-run tavernas."
|
||||
},
|
||||
{
|
||||
icon: Mountain,
|
||||
title: "Mountain Views", description: "Dramatic mountain backdrop creating stunning scenery from the villa."
|
||||
},
|
||||
{
|
||||
icon: Compass,
|
||||
title: "Rich Culture", description: "Ancient ruins, traditional villages, and authentic Greek hospitality."
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Peaceful Escape", description: "Far enough from the crowds but close to everything you want to explore."
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-cretan-coastline_23-2147912345.jpg"
|
||||
imagePosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
columns={[
|
||||
{
|
||||
title: "Villa", items: [
|
||||
{ label: "The Villa", href: "#villa" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Amenities", href: "#amenities" },
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Plan Your Stay", items: [
|
||||
{ label: "Check Availability", href: "/availability" },
|
||||
{ label: "Booking Info", href: "#booking" },
|
||||
{ label: "Pricing", href: "/availability" },
|
||||
{ label: "Contact Us", href: "#booking" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore Crete", items: [
|
||||
{ label: "Location Guide", href: "/location" },
|
||||
{ label: "Nearby Attractions", href: "#attractions" },
|
||||
{ label: "Guest Reviews", href: "#reviews" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Cretan Dream Villa. All rights reserved. Luxury Retreat in Georgioupoli, Crete."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -17,7 +17,7 @@ export default function HomePage() {
|
||||
{ name: "The Villa", id: "villa" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Reviews", id: "/guest-reviews" },
|
||||
{ name: "Book Now", id: "booking" },
|
||||
];
|
||||
|
||||
@@ -277,7 +277,7 @@ export default function HomePage() {
|
||||
title: "Explore Crete", items: [
|
||||
{ label: "Location Guide", href: "#location" },
|
||||
{ label: "Nearby Attractions", href: "#attractions" },
|
||||
{ label: "Guest Reviews", href: "#reviews" },
|
||||
{ label: "Guest Reviews", href: "/guest-reviews" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
|
||||
255
src/app/villa-details/page.tsx
Normal file
255
src/app/villa-details/page.tsx
Normal file
@@ -0,0 +1,255 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles, Star, Home, Users, Wifi, Coffee, UtensilsCrossed, Wind, Waves, Droplets, MapPin, Camera, Calendar } from "lucide-react";
|
||||
|
||||
export default function VillaDetailsPage() {
|
||||
const navItems = [
|
||||
{ name: "The Villa", id: "/" },
|
||||
{ name: "Details", id: "amenities" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Book Now", id: "booking" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Cretan Dream Villa"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero" className="py-20 md:py-32 overflow-hidden">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Comprehensive Villa Information"
|
||||
description="Discover every detail about our luxury villa in Crete. From spacious bedrooms to world-class amenities, learn what makes Cretan Dream Villa the perfect choice for your Mediterranean getaway."
|
||||
tag="Villa Details"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg", imageAlt: "Luxury villa exterior"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg", imageAlt: "Master bedroom"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg", imageAlt: "Living area"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg", imageAlt: "Sunset terrace"
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg", imageAlt: "Sea view"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg", imageAlt: "Dining area"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg", imageAlt: "Garden"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-coastline-with-seascape-view-sunlight_181624-39790.jpg", imageAlt: "Beach access"
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Gallery", href: "/gallery"
|
||||
},
|
||||
{
|
||||
text: "Book Now", href: "#booking"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities" className="py-20 md:py-28">
|
||||
<FeatureCardNine
|
||||
title="World-Class Amenities"
|
||||
description="Everything you need for a luxurious Mediterranean retreat is included in your stay."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Infinity Pool & Spa", description: "Heated infinity pool overlooking the sea. Private spa area with comfortable loungers and umbrellas for your relaxation.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Gourmet Kitchen & Dining", description: "Fully equipped modern kitchen with dining areas. Perfect for preparing meals or enjoying catering services.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Entertainment & Connectivity", description: "High-speed Wi-Fi, entertainment systems, and outdoor speakers. Stay connected or disconnect completely, your choice.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg"
|
||||
},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
tag="Amenities"
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms" className="py-20 md:py-28">
|
||||
<AboutMetric
|
||||
title="Luxurious Bedroom Suites"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Master Suite", value: "Ensuite Bath"
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
label: "Guest Bedrooms", value: "4 Rooms"
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Guest Capacity", value: "10 People"
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
label: "Sea Views", value: "Every Room"
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services" className="py-20 md:py-28">
|
||||
<AboutMetric
|
||||
title="Premium Services & Features"
|
||||
metrics={[
|
||||
{
|
||||
icon: Wifi,
|
||||
label: "High-Speed Internet", value: "Always On"
|
||||
},
|
||||
{
|
||||
icon: UtensilsCrossed,
|
||||
label: "Chef Service", value: "Available"
|
||||
},
|
||||
{
|
||||
icon: Wind,
|
||||
label: "Air Conditioning", value: "All Rooms"
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Daily Breakfast", value: "Welcome"
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location" className="py-20 md:py-28 max-w-5xl mx-auto">
|
||||
<MetricCardEleven
|
||||
title="Prime Location in Crete"
|
||||
description="Perfectly positioned between natural beauty and cultural attractions. Easy access to beaches, local villages, and island attractions."
|
||||
tag="Location"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15 min", title: "To International Airport", description: "Convenient access via modern highways", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-coastline-with-seascape-view-sunlight_181624-39790.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", value: "30 min", title: "To Chania City Center", description: "Historic old town and vibrant nightlife", imageSrc: "http://img.b2bpic.net/free-vector/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg"
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking" className="py-20 md:py-28">
|
||||
<ContactSplit
|
||||
tag="Ready to Experience Luxury?"
|
||||
title="Plan Your Stay at Cretan Dream Villa"
|
||||
description="Check availability for your desired dates and receive personalized booking information directly from our family hosts. We'll help you plan an unforgettable Mediterranean escape."
|
||||
tagIcon={Calendar}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Get Availability"
|
||||
termsText="Receive availability calendar, pricing details, and personalized booking assistance from our team."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Villa", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Amenities", href: "#amenities" },
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Plan Your Stay", items: [
|
||||
{ label: "Check Availability", href: "/availability" },
|
||||
{ label: "Book Now", href: "#booking" },
|
||||
{ label: "Pricing", href: "/availability" },
|
||||
{ label: "Contact Us", href: "#booking" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Location Guide", href: "#location" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Reviews", href: "/" },
|
||||
{ label: "FAQ", href: "#services" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Cretan Dream Villa. All rights reserved. Luxury Retreat in Georgioupoli, Crete."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user