Files
8183be86-e2c0-450c-88d5-0b2…/src/app/page.tsx
2026-03-03 07:51:49 +00:00

260 lines
11 KiB
TypeScript

"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
{ name: "Location", id: "/location" },
];
const handleBookingClick = () => {
window.location.href = "tel:+998557057056";
};
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
background="aurora"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
button={{ text: "Book Now", href: "/contact" }}
brandName="Eco Village"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
title="Your Peaceful Villa Stay in Samarkand"
description="Eco-conscious comfort near the Silk Road. Experience authentic Uzbek hospitality in our exclusive villa retreat with free breakfast, parking, and WiFi."
background={{ variant: "aurora" }}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Guest testimonial" },
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Guest testimonial" },
{ src: "http://img.b2bpic.net/free-photo/hugging-couple-inside-transparent-bubble-tent-glamping-while-sitting-bed-lush-forest_1268-24560.jpg", alt: "Guest testimonial" },
]}
avatarText="Trusted by 100+ international guests"
buttons={[
{ text: "Check Availability", href: "/contact" },
{ text: "Call: +998 55 705 70 56", onClick: handleBookingClick },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Welcome to Eco Village—where" },
{ type: "text", content: "nature meets luxury" },
]}
buttons={[
{ text: "Explore Rooms", href: "/rooms" },
{ text: "View Amenities", href: "/amenities" },
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardTwo
title="Our Room Collection"
description="Choose from our carefully curated selection of comfortable, eco-friendly accommodations designed for your perfect stay."
tag="Rooms"
products={[
{
id: "1",
brand: "Eco Village",
name: "Deluxe Room",
price: "$85/night",
rating: 5,
reviewCount: "47",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1",
imageAlt: "Deluxe Room",
},
{
id: "2",
brand: "Eco Village",
name: "Standard Room",
price: "$65/night",
rating: 5,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=1",
imageAlt: "Standard Room",
},
{
id: "3",
brand: "Eco Village",
name: "Family Suite",
price: "$120/night",
rating: 5,
reviewCount: "28",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-carrying-their-baby-sitting-bedroom_23-2147923004.jpg?_wi=1",
imageAlt: "Family Suite",
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardOne
title="World-Class Amenities"
description="Every detail designed for your comfort and relaxation. Discover the features that make Eco Village your perfect Samarkand retreat."
tag="Amenities"
features={[
{
title: "Free Breakfast",
description: "Enjoy authentic Uzbek breakfast with fresh local ingredients each morning in our dining courtyard.",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-egg-with-sausages-side-view_140725-11205.jpg?_wi=1",
imageAlt: "Breakfast spread",
},
{
title: "Private Garden",
description: "Relax in our serene courtyard garden with native plants, outdoor seating, and peaceful ambiance.",
imageSrc: "http://img.b2bpic.net/free-photo/plants-pot-with-watering-can_23-2148905227.jpg?_wi=1",
imageAlt: "Garden courtyard",
},
{
title: "Free WiFi & Parking",
description: "Stay connected and worry-free with complimentary high-speed WiFi and secure on-site parking.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-climbing-out-off-hotel-pool_1262-5189.jpg?_wi=1",
imageAlt: "Pool area",
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by International Travelers"
description="Join guests from around the world who've chosen Eco Village for their Samarkand experience."
tag="Social Proof"
names={[
"Google Reviews",
"TripAdvisor Featured",
"Booking.com Verified",
"Airbnb Superhost",
"Expedia Traveler Choice",
"Local Expert Rated",
"International Guests Welcome",
]}
textboxLayout="default"
useInvertedBackground={false}
showCard={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Guests Say"
description="Real experiences from travelers who've discovered the Eco Village difference."
tag="Testimonials"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "Travel Blogger",
testimonial: "The most peaceful villa stay in Samarkand. The staff was incredibly warm and helpful. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
{
id: "2",
name: "Michael Chen",
handle: "Business Traveler",
testimonial: "Excellent value for money. Beautiful courtyard, fantastic breakfast, and very close to the Registan.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1",
imageAlt: "Michael Chen",
},
{
id: "3",
name: "Emma & James",
handle: "Honeymoon Couple",
testimonial: "Perfect romantic getaway. The villa atmosphere is absolutely magical. We'll be back!",
imageSrc: "http://img.b2bpic.net/free-photo/hugging-couple-inside-transparent-bubble-tent-glamping-while-sitting-bed-lush-forest_1268-24560.jpg?_wi=1",
imageAlt: "Emma and James",
},
{
id: "4",
name: "Fatima Al-Rashid",
handle: "Family Traveler",
testimonial: "My family loved the spacious family suite and the welcoming environment. Great experience overall!",
imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16242.jpg?_wi=1",
imageAlt: "Fatima Al-Rashid",
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Eco Village"
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Rooms", href: "/rooms" },
{ label: "Amenities", href: "/amenities" },
],
},
{
items: [
{ label: "Gallery", href: "/gallery" },
{ label: "Location", href: "/location" },
{ label: "Contact", href: "/contact" },
],
},
{
items: [
{ label: "Phone: +998 55 705 70 56", href: "tel:+998557057056" },
{ label: "Email: info@ecovillage-samarkand.com", href: "mailto:info@ecovillage-samarkand.com" },
{ label: "Grebnoj Kanal, Samarkand", href: "#" },
],
},
{
items: [
{ label: "Check-in: 3:00 PM", href: "#" },
{ label: "Check-out: 12:00 PM", href: "#" },
{ label: "Google Rating: 3.8★", href: "#" },
],
},
]}
/>
</div>
</ThemeProvider>
);
}