Add src/app/guest-reviews/page.tsx

This commit is contained in:
2026-03-10 16:19:14 +00:00
parent 985c496040
commit dcfa18daa8

View File

@@ -0,0 +1,170 @@
"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 } 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" },
];
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 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">
<TestimonialCardSixteen
title="Detailed Guest Testimonials"
description="Comprehensive reviews from families and groups who have experienced the magic of Cretan Dream Villa."
tag="Guest Stories"
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 & Lisa", role: "Honeymooners", 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,
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,
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: "4.9/5", label: "Average Rating" },
{ value: "98%", label: "Would Recommend" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</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" },
],
},
{
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: "/guest-reviews" },
{ label: "FAQ", href: "#faq" },
],
},
]}
copyrightText="© 2025 Cretan Dream Villa. All rights reserved. Luxury Retreat in Georgioupoli, Crete."
/>
</div>
</ThemeProvider>
);
}