bender/f32f985d-1fd7-43c1-ba36-2639d83bc73c
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #10

Merged
bender merged 6 commits from version_2 into main 2026-03-10 16:42:27 +00:00
Conversation 0 Commits 6 Files Changed 6 +549 -410
6 changed files with 549 additions and 410 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
src/app/availability/page.tsx
View File

@@ -2,16 +2,18 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
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 { Calendar, Clock, Users, CreditCard } 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-guide" },
{ name: "Location", id: "/location" },
{ name: "Reviews", id: "reviews" },
{ name: "Book Now", id: "/availability" },
];
@@ -36,70 +38,137 @@ export default function AvailabilityPage() {
/>
</div>
<div id="booking-calendar" data-section="booking-calendar" className="py-20 md:py-32 max-w-5xl mx-auto">
<MetricCardEleven
title="Check Availability & Book Your Dates"
description="View our calendar and availability throughout the year. Flexible booking options and direct communication with our family hosts."
tag="Booking"
metrics={[
<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={[
{
id: "1", value: "Apr-Oct", title: "Peak Season", description: "Best weather and warmest waters. Early booking recommended for summer dates.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/calendar-planning-concept_23-2147654321.jpg", imageAlt: "Calendar and planning"
},
{
id: "2", value: "Nov-Mar", title: "Off Season", description: "Mild weather, fewer crowds, beautiful sunsets. Perfect for couples and peaceful retreats.", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg", imageAlt: "Villa exterior"
},
{
id: "3", value: "3-7 Days", title: "Minimum Stay", description: "Flexible stay durations available. Longer stays qualify for special discounts.", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg", imageAlt: "Guest enjoying stay"
},
{
id: "4", value: "1-14", title: "Guests", description: "Sleeps 12+ with flexible sleeping arrangements for families and larger groups.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-by-sea-side_23-2149347015.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg", imageAlt: "Couple at sunset"
},
]}
animationType="slide-up"
textboxLayout="default"
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="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="pricing-info" data-section="pricing-info" className="py-20 md:py-28 max-w-5xl mx-auto">
<MetricCardEleven
title="Transparent Pricing & Booking Terms"
description="Simple, honest pricing with no hidden fees. All-inclusive luxury for families and groups."
tag="Pricing"
metrics={[
{
id: "1", value: "€250-400/n", title: "Nightly Rate", description: "Varies by season and group size. Peak season (July-August) rates apply during summer holidays.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-stylish-woman-posing_23-2148602019.jpg"
},
{
id: "2", value: "10%", title: "Group Discount", description: "Special rates for large groups and extended stays (7+ nights). Contact for custom quotes.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girls-beach_23-2148594227.jpg"
},
{
id: "3", value: "Included", title: "What's Included", description: "Heated pool, welcome basket, linens, Wi-Fi, utilities, parking. No surprise charges.", imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg"
},
{
id: "4", value: "Flexible", title: "Cancellation Policy", description: "Generous cancellation terms depending on booking date. Direct contact with hosts for arrangements.", 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"
},
]}
animationType="slide-up"
<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="booking-form" data-section="booking-form" className="py-20 md:py-28">
<div id="contact" data-section="contact" className="py-20 md:py-28">
<ContactSplit
tag="Ready to Reserve?"
title="Request Your Booking"
description="Send us your preferred dates and group details. Our family hosts will respond within 24 hours with availability, pricing, and next steps for your confirmation."
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}
imageSrc="http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg"
imageSrc="http://img.b2bpic.net/free-vector/app-screens-set-travelling_23-2148403050.jpg"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="your@email.com"
buttonText="Request Availability"
termsText="We'll respond within 24 hours with availability details, pricing, and booking confirmation options. Direct communication with our family hosts."
buttonText="Get Availability"
termsText="We'll respond within 24 hours with available dates and personalized recommendations for your stay."
/>
</div>
@@ -108,26 +177,26 @@ export default function AvailabilityPage() {
columns={[
{
title: "Villa", items: [
{ label: "The Villa", href: "/" },
{ label: "Gallery", href: "/#gallery" },
{ label: "Amenities", href: "/#amenities" },
{ label: "Rooms", href: "/#rooms" },
{ 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: "Location Guide", href: "/location-guide" },
{ label: "Pricing", href: "/availability" },
{ label: "Contact Us", href: "/#booking" },
{ label: "Booking Info", href: "#booking" },
{ label: "Pricing", href: "#pricing" },
{ label: "Contact Us", href: "#contact" },
],
},
{
title: "Explore Crete", items: [
{ label: "Nearby Attractions", href: "/#location" },
{ label: "Guest Reviews", href: "/#reviews" },
{ label: "FAQ", href: "/#faq" },
{ label: "Book Now", href: "/availability" },
{ label: "Location Guide", href: "/location" },
{ label: "Nearby Attractions", href: "#attractions" },
{ label: "Guest Reviews", href: "#reviews" },
{ label: "FAQ", href: "#faq" },
],
},
]}
@@ -136,4 +205,4 @@ export default function AvailabilityPage() {
</div>
</ThemeProvider>
);
}
}

232
src/app/gallery/page.tsx
View File

@@ -2,98 +2,53 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureBento from "@/components/sections/feature/FeatureBento";
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 { Image as ImageIcon } from "lucide-react";
import { Sparkles, Camera, Calendar } from "lucide-react";
export default function GalleryPage() {
const navItems = [
{ name: "The Villa", id: "/" },
{ name: "Experience", id: "/" },
{ name: "Location", id: "/" },
{ name: "Reviews", id: "/" },
{ name: "Details", id: "/villa-details" },
{ name: "Book Now", id: "/" },
{ name: "Home", id: "/" },
{ name: "The Villa", id: "/villa-details" },
{ name: "Gallery", id: "photos" },
{ name: "Reviews", id: "reviews" },
{ name: "Book Now", id: "booking" },
];
const galleryFeatures = [
const galleryPhotos = [
{
title: "Pool & Terrace Views", description: "Stunning infinity pool with panoramic sea views and multiple relaxation areas.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg", imageAlt: "Heated infinity pool with sea views"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg", imageAlt: "Pool terrace and lounge area"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg", imageAlt: "Sunset seating area"
},
],
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: "Indoor Living Spaces", description: "Spacious and elegantly designed common areas perfect for families and groups.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg", imageAlt: "Modern living room interior"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg", imageAlt: "Dining area"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg", imageAlt: "Living space with sea view"
},
],
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: "Bedrooms & Suites", description: "Luxury bedrooms with premium furnishings and private facilities.", bentoComponent: "media-stack", items: [
{
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: "Guest bedroom with comfort"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg", imageAlt: "Bedroom with terrace"
},
],
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"
},
{
title: "Grounds & Landscaping", description: "Beautiful manicured gardens and outdoor spaces with Mediterranean charm.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg", imageAlt: "Villa gardens with flowers"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-coastline-with-seascape-view-sunlight_181624-39790.jpg", imageAlt: "Coastal landscape view"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg", imageAlt: "Garden lounge area"
},
],
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"
},
{
title: "Outdoor Dining", description: "Multiple terrace dining areas perfect for romantic dinners and group gatherings.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-assortment_23-2149072596.jpg", imageAlt: "Outdoor dining setup"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg", imageAlt: "Romantic dining corner"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg", imageAlt: "Terrace with sea views"
},
],
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"
},
{
title: "Sea & Landscape Views", description: "Breathtaking panoramic views of the sea, mountains, and Mediterranean surroundings.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg", imageAlt: "Sea view from villa"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-coastline-with-seascape-view-sunlight_181624-39790.jpg", imageAlt: "Coastline panorama"
},
{
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-spring-landscape-with-fields-colorful-flowers_23-2148434817.jpg", imageAlt: "Mountain landscape"
},
],
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"
},
];
@@ -117,17 +72,114 @@ export default function GalleryPage() {
/>
</div>
<div id="gallery" data-section="gallery" className="py-20 md:py-32">
<FeatureBento
<div id="hero" data-section="hero" className="py-20 md:py-32 overflow-hidden">
<HeroSplitDoubleCarousel
title="Photo Gallery"
description="Explore the beauty and elegance of Cretan Dream Villa through our comprehensive photo collection. Experience the luxury, comfort, and stunning Mediterranean views."
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"
features={galleryFeatures}
testimonials={galleryPhotos}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<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", 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", 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", 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", 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"
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>
@@ -136,26 +188,26 @@ export default function GalleryPage() {
columns={[
{
title: "Villa", items: [
{ label: "The Villa", href: "/" },
{ label: "Home", href: "/" },
{ label: "Details", href: "/villa-details" },
{ label: "Gallery", href: "/gallery" },
{ label: "Amenities", href: "/villa-details" },
{ label: "Rooms", href: "/villa-details" },
],
},
{
title: "Plan Your Stay", items: [
{ label: "Check Availability", href: "/availability" },
{ label: "Booking Info", href: "/" },
{ label: "Book Now", href: "#booking" },
{ label: "Pricing", href: "/availability" },
{ label: "Contact Us", href: "/" },
{ label: "Contact Us", href: "#booking" },
],
},
{
title: "Explore Crete", items: [
{ label: "Location Guide", href: "/" },
{ label: "Nearby Attractions", href: "/" },
{ label: "Guest Reviews", href: "/" },
{ label: "FAQ", href: "/" },
title: "Experience", items: [
{ label: "Gallery", href: "/gallery" },
{ label: "Reviews", href: "#reviews" },
{ label: "Location", href: "/villa-details" },
{ label: "FAQ", href: "/villa-details" },
],
},
]}
@@ -164,4 +216,4 @@ export default function GalleryPage() {
</div>
</ThemeProvider>
);
}
}

113
src/app/guest-reviews/page.tsx
View File

@@ -4,16 +4,15 @@ 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 } from "lucide-react";
import { Star, Sparkles } from "lucide-react";
export default function GuestReviewsPage() {
const navItems = [
{ name: "The Villa", id: "#villa" },
{ name: "Experience", id: "#experience" },
{ name: "Location", id: "#location" },
{ name: "Reviews", id: "#reviews" },
{ name: "Guest Reviews", id: "/guest-reviews" },
{ name: "Book Now", id: "#booking" },
{ name: "The Villa", id: "/" },
{ name: "Experience", id: "/" },
{ name: "Location", id: "/" },
{ name: "Reviews", id: "/guest-reviews" },
{ name: "Book Now", id: "/" },
];
return (
@@ -36,18 +35,13 @@ export default function GuestReviewsPage() {
/>
</div>
<div className="py-20 md:py-32 overflow-hidden">
<div className="max-w-6xl mx-auto px-4">
<h1 className="text-4xl md:text-5xl font-bold mb-4">Guest Reviews</h1>
<p className="text-lg text-gray-600 mb-12">Discover what our guests have to say about their unforgettable experiences at Cretan Dream Villa. Read detailed testimonials from families and groups from around the world.</p>
</div>
</div>
<div className="py-20 md:py-28">
<div id="guest-reviews" data-section="guest-reviews" className="py-20 md:py-28">
<TestimonialCardSixteen
title="Detailed Guest Testimonials"
description="Comprehensive reviews from families and groups who have experienced the magic of Cretan Dream Villa."
tag="Guest Stories"
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,
@@ -66,99 +60,58 @@ export default function GuestReviewsPage() {
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 & Lisa", role: "Honeymooners", company: "Toronto, Canada", rating: 5,
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: "Multi-generational", company: "Barcelona, Spain", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-by-sea-side_23-2149347015.jpg"
},
{
id: "7", name: "Sophie & Group", role: "Friends Retreat", company: "Paris, France", rating: 5,
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: "8", name: "David & Family", role: "Family of 4", company: "Berlin, Germany", rating: 5,
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: "250+", label: "5-Star Reviews" },
{ value: "180+", label: "Happy Guests" },
{ value: "4.9/5", label: "Average Rating" },
{ value: "98%", label: "Would Recommend" },
{ value: "95%", label: "Return Interest" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
/>
</div>
<div className="py-20 md:py-28 bg-gray-50">
<div className="max-w-4xl mx-auto px-4">
<h2 className="text-3xl md:text-4xl font-bold mb-8">Why Guests Love Us</h2>
<div className="grid md:grid-cols-3 gap-8">
<div className="space-y-4">
<div className="flex items-center gap-2 mb-4">
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
</div>
<h3 className="text-xl font-semibold">Stunning Locations</h3>
<p className="text-gray-600">Breathtaking sea views, spacious grounds, and authentic Mediterranean charm that creates unforgettable memories.</p>
</div>
<div className="space-y-4">
<div className="flex items-center gap-2 mb-4">
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
</div>
<h3 className="text-xl font-semibold">Exceptional Hospitality</h3>
<p className="text-gray-600">Our family owners ensure every guest feels welcomed with personalized attention and insider tips for exploring Crete.</p>
</div>
<div className="space-y-4">
<div className="flex items-center gap-2 mb-4">
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
<Star className="w-6 h-6 fill-yellow-400 text-yellow-400" />
</div>
<h3 className="text-xl font-semibold">Perfect Amenities</h3>
<p className="text-gray-600">Heated pool, multiple bedrooms, spacious living areas, and everything needed for a luxurious family getaway.</p>
</div>
</div>
</div>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Villa", items: [
{ label: "The Villa", href: "#villa" },
{ label: "Gallery", href: "#gallery" },
{ label: "Amenities", href: "#amenities" },
{ label: "Rooms", href: "#rooms" },
{ label: "The Villa", href: "/" },
{ label: "Gallery", href: "/" },
{ label: "Amenities", href: "/" },
{ label: "Rooms", href: "/" },
],
},
{
title: "Plan Your Stay", items: [
{ label: "Check Availability", href: "/availability" },
{ label: "Booking Info", href: "#booking" },
{ label: "Pricing", href: "/availability" },
{ label: "Contact Us", href: "#booking" },
{ label: "Check Availability", href: "/" },
{ label: "Booking Info", href: "/" },
{ label: "Pricing", href: "/" },
{ label: "Contact Us", href: "/" },
],
},
{
title: "Explore Crete", items: [
{ label: "Location Guide", href: "#location" },
{ label: "Nearby Attractions", href: "#attractions" },
{ label: "Location Guide", href: "/" },
{ label: "Nearby Attractions", href: "/" },
{ label: "Guest Reviews", href: "/guest-reviews" },
{ label: "FAQ", href: "#faq" },
{ label: "FAQ", href: "/" },
],
},
]}

186
src/app/location/page.tsx
View File

@@ -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>

3
src/app/page.tsx
View File

@@ -17,8 +17,7 @@ export default function HomePage() {
{ name: "The Villa", id: "villa" },
{ name: "Experience", id: "experience" },
{ name: "Location", id: "location" },
{ name: "Reviews", id: "reviews" },
{ name: "Guest Reviews", id: "/guest-reviews" },
{ name: "Reviews", id: "/guest-reviews" },
{ name: "Book Now", id: "booking" },
];

250
src/app/villa-details/page.tsx
View File

@@ -2,19 +2,22 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
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 { Wifi, Zap, UtensilsCrossed, Wind, Waves, Lock, Home, MapPin, Users, Clock, Thermometer, Sparkles } from "lucide-react";
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: "Experience", id: "/" },
{ name: "Location", id: "/" },
{ name: "Reviews", id: "/" },
{ name: "Details", id: "amenities" },
{ name: "Rooms", id: "rooms" },
{ name: "Gallery", id: "/gallery" },
{ name: "Book Now", id: "/" },
{ name: "Location", id: "location" },
{ name: "Book Now", id: "booking" },
];
return (
@@ -37,24 +40,73 @@ export default function VillaDetailsPage() {
/>
</div>
<div id="details" data-section="details" className="py-20 md:py-32">
<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="Villa Amenities & Features"
description="Experience luxury comfort with world-class amenities designed for the perfect Mediterranean getaway. Every detail has been thoughtfully curated for your enjoyment."
title="World-Class Amenities"
description="Everything you need for a luxurious Mediterranean retreat is included in your stay."
features={[
{
id: 1,
title: "Modern Kitchen & Dining", description: "Fully equipped with professional appliances, preparation areas, and outdoor dining terraces overlooking the sea. Perfect for group meals and entertaining.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg"
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/delicious-gulas-dish-assortment_23-2149072596.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg"
},
},
{
id: 2,
title: "Entertainment & Comfort", description: "Smart entertainment systems, high-speed WiFi, AC throughout, heated pool with jets, and relaxation zones for complete comfort and entertainment.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg"
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"
@@ -62,11 +114,11 @@ export default function VillaDetailsPage() {
},
{
id: 3,
title: "Bedroom & Bathroom Suites", description: "5 elegantly designed bedrooms with luxury linens, multiple bathrooms with premium toiletries, and ensuite facilities. Each space designed for privacy and comfort.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg"
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/contemporary-house-interior-design_23-2151050927.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg"
},
},
]}
@@ -79,41 +131,51 @@ export default function VillaDetailsPage() {
/>
</div>
<div id="amenities-list" data-section="amenities-list" className="py-20 md:py-28 max-w-4xl mx-auto">
<div id="rooms" data-section="rooms" className="py-20 md:py-28">
<AboutMetric
title="Complete Amenities Checklist"
title="Luxurious Bedroom Suites"
metrics={[
{
icon: Wifi,
label: "High-Speed WiFi", value: "Throughout"
},
{
icon: Wind,
label: "Full Air Conditioning", value: "All Rooms"
},
{
icon: UtensilsCrossed,
label: "Professional Kitchen", value: "Fully Equipped"
},
{
icon: Waves,
label: "Heated Pool with Jets", value: "Year-Round"
},
{
icon: Lock,
label: "Smart Security System", value: "24/7 Protection"
},
{
icon: Thermometer,
label: "Climate Control", value: "Smart Zones"
},
{
icon: Zap,
label: "Premium Appliances", value: "All Modern"
icon: Star,
label: "Master Suite", value: "Ensuite Bath"
},
{
icon: Home,
label: "Spacious Living Areas", value: "Multiple"
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"
@@ -121,71 +183,39 @@ export default function VillaDetailsPage() {
/>
</div>
<div id="rooms" data-section="rooms" className="py-20 md:py-28">
<FeatureCardNine
title="Bedroom Layouts & Features"
description="Five thoughtfully designed bedrooms, each offering comfort, privacy, and stunning views. Perfect for families and groups."
features={[
<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,
title: "Master Suite with Sea Views", description: "King bed, ensuite bathroom, private balcony overlooking the sea. The ultimate luxury retreat with premium amenities and stunning sunsets.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg"
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg"
},
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,
title: "Double Bedroom with Mountain View", description: "King bed, ensuite bathroom, private terrace. Spectacular views of the surrounding mountains and lush landscape.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg"
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.jpg"
},
},
{
id: 3,
title: "Family Bedrooms (3 Additional)", description: "Mix of queen and twin configurations. Shared bathrooms, comfortable furnishings, and garden or terrace access. Perfect for families and friends.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050927.jpg"
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977123.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"
},
]}
showStepNumbers={false}
tag="Bedrooms"
tagAnimation="slide-up"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="spaces" data-section="spaces" className="py-20 md:py-28 max-w-4xl mx-auto">
<AboutMetric
title="Living Spaces Overview"
metrics={[
{
icon: Users,
label: "Maximum Capacity", value: "12 Guests"
},
{
icon: Clock,
label: "Check-In / Check-Out", value: "3pm / 11am"
},
{
icon: MapPin,
label: "Total Villa Area", value: "550 sqm"
},
{
icon: Sparkles,
label: "Outdoor Terraces", value: "4 Areas"
},
]}
metricsAnimation="slide-up"
<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>
@@ -194,26 +224,26 @@ export default function VillaDetailsPage() {
columns={[
{
title: "Villa", items: [
{ label: "The Villa", href: "/" },
{ label: "Home", href: "/" },
{ label: "Gallery", href: "/gallery" },
{ label: "Amenities", href: "/villa-details" },
{ label: "Rooms", href: "/villa-details" },
{ label: "Amenities", href: "#amenities" },
{ label: "Rooms", href: "#rooms" },
],
},
{
title: "Plan Your Stay", items: [
{ label: "Check Availability", href: "/availability" },
{ label: "Booking Info", href: "/" },
{ label: "Book Now", href: "#booking" },
{ label: "Pricing", href: "/availability" },
{ label: "Contact Us", href: "/" },
{ label: "Contact Us", href: "#booking" },
],
},
{
title: "Explore Crete", items: [
{ label: "Location Guide", href: "/" },
{ label: "Nearby Attractions", href: "/" },
{ label: "Guest Reviews", href: "/" },
{ label: "FAQ", href: "/" },
title: "Explore", items: [
{ label: "Location Guide", href: "#location" },
{ label: "Services", href: "#services" },
{ label: "Reviews", href: "/" },
{ label: "FAQ", href: "#services" },
],
},
]}
@@ -222,4 +252,4 @@ export default function VillaDetailsPage() {
</div>
</ThemeProvider>
);
}
}