23 Commits

Author SHA1 Message Date
c1d13afc8f Update src/app/page.tsx 2026-03-10 16:45:24 +00:00
a2d5ef8411 Update src/app/availability/page.tsx 2026-03-10 16:45:23 +00:00
f7bac3bcd6 Merge version_2 into main
Merge version_2 into main
2026-03-10 16:42:26 +00:00
dea4213a42 Update src/app/villa-details/page.tsx 2026-03-10 16:42:21 +00:00
3007e0935e Update src/app/page.tsx 2026-03-10 16:42:21 +00:00
7d71c2bfb5 Update src/app/location/page.tsx 2026-03-10 16:42:20 +00:00
074af134e2 Update src/app/guest-reviews/page.tsx 2026-03-10 16:42:19 +00:00
c0ae68dcf4 Update src/app/gallery/page.tsx 2026-03-10 16:42:18 +00:00
2f20c563c8 Update src/app/availability/page.tsx 2026-03-10 16:42:17 +00:00
fd5ad631c4 Merge version_2 into main
Merge version_2 into main
2026-03-10 16:19:30 +00:00
a690be3055 Add src/app/villa-details/page.tsx 2026-03-10 16:19:21 +00:00
b130e94eea Update src/app/page.tsx 2026-03-10 16:19:19 +00:00
b560acaa4b Add src/app/location-guide/page.tsx 2026-03-10 16:19:16 +00:00
dcfa18daa8 Add src/app/guest-reviews/page.tsx 2026-03-10 16:19:14 +00:00
985c496040 Update src/app/gallery/page.tsx 2026-03-10 16:19:12 +00:00
305412bb72 Update src/app/availability/page.tsx 2026-03-10 16:19:10 +00:00
e522c93908 Merge version_1 into main
Merge version_1 into main
2026-03-10 16:17:41 +00:00
6e059d9940 Merge version_1 into main
Merge version_1 into main
2026-03-10 15:30:50 +00:00
126e02ee96 Merge version_1 into main
Merge version_1 into main
2026-03-10 15:00:32 +00:00
b3e92f8f18 Merge version_1 into main
Merge version_1 into main
2026-03-10 14:34:32 +00:00
f257a34f9f Merge version_1 into main
Merge version_1 into main
2026-03-10 14:25:36 +00:00
3f9716b802 Merge version_1 into main
Merge version_1 into main
2026-03-10 14:10:04 +00:00
9ec73f6ff7 Merge version_1 into main
Merge version_1 into main
2026-03-10 14:03:56 +00:00
5 changed files with 799 additions and 186 deletions

View File

@@ -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>
);
}
}

View 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>
);
}

View 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>
);
}

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>

View 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>
);
}