276 lines
17 KiB
TypeScript
276 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Home } from "lucide-react";
|
|
|
|
const assetMap = {
|
|
"hero-inn-exterior-day": {
|
|
"url": "http://img.b2bpic.net/free-photo/indian-city-buildings-scene_23-2151823112.jpg", "alt": "traditional Kerala heritage home stay exterior"
|
|
},
|
|
"hero-inn-room-interior": {
|
|
"url": "http://img.b2bpic.net/free-photo/interior-old-residential-building-village-museum-bucharest-romania_1268-21642.jpg", "alt": "heritage inn cozy room interior design"
|
|
},
|
|
"hero-inn-garden": {
|
|
"url": "http://img.b2bpic.net/free-photo/stair-pool_1203-2781.jpg", "alt": "serene heritage inn garden lush"
|
|
},
|
|
"hero-local-palace": {
|
|
"url": "http://img.b2bpic.net/free-photo/row-ornate-pillars_23-2152005836.jpg", "alt": "kuthira maliga palace thiruvananthapuram historic"
|
|
},
|
|
"hero-kerala-backwaters": {
|
|
"url": "http://img.b2bpic.net/free-photo/lake-surrounded-by-hills-covered-forests-sunlight_181624-12764.jpg", "alt": "kerala backwaters serene houseboat scenery"
|
|
},
|
|
"hero-local-art": {
|
|
"url": "http://img.b2bpic.net/free-photo/mexican-culture-with-sunflowers-mug_23-2149672978.jpg", "alt": "traditional indian artwork Kerala mural"
|
|
},
|
|
"about-inn-interior": {
|
|
"url": "http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg", "alt": "heritage inn traditional common area lounge"
|
|
},
|
|
"feature-free-cancellation": {
|
|
"url": "http://img.b2bpic.net/free-photo/view-jami-ul-alfar-mosque-colombo-sri-lanka-blue-sky-backgound_181624-38434.jpg", "alt": "Cancellation icon"
|
|
},
|
|
"feature-free-wifi": {
|
|
"url": "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-read-book-bed_74190-11964.jpg", "alt": "hotel room with wifi signal connection"
|
|
},
|
|
"feature-breakfast": {
|
|
"url": "http://img.b2bpic.net/free-photo/healthy-breakfast-set-with-egg-bacon-pancakes-orange-juice-milk-bread-coffee_74190-2221.jpg", "alt": "delicious traditional indian breakfast spread"
|
|
},
|
|
"feature-parking": {
|
|
"url": "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149091986.jpg", "alt": "hotel parking area secured guest"
|
|
},
|
|
"product-deluxe-double": {
|
|
"url": "http://img.b2bpic.net/free-photo/ornate-bed-art-nouveau-style_23-2150975587.jpg", "alt": "deluxe double room heritage inn comfortable"
|
|
},
|
|
"product-family-suite": {
|
|
"url": "http://img.b2bpic.net/free-photo/close-up-woman-balancing-man-s-feet-bed-home_23-2147966487.jpg", "alt": "family suite heritage inn multiple beds"
|
|
},
|
|
"product-premium-single": {
|
|
"url": "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532984.jpg", "alt": "premium single room heritage inn elegant"
|
|
},
|
|
"product-heritage-view": {
|
|
"url": "http://img.b2bpic.net/free-photo/stunning-fantasy-videogame-landscape_23-2150927814.jpg", "alt": "heritage inn room with historic view palace"
|
|
},
|
|
"product-garden-cottage": {
|
|
"url": "http://img.b2bpic.net/free-photo/peaceful-cabin-woods_23-2148245159.jpg", "alt": "garden cottage heritage inn private serene"
|
|
},
|
|
"product-executive-king": {
|
|
"url": "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-face-care-product_23-2149132067.jpg", "alt": "executive king room heritage inn business luxury"
|
|
},
|
|
"testimonial-1": {
|
|
"url": "http://img.b2bpic.net/free-photo/man-embracing-wife-balcony-relaxed-couple-enjoy-day-good-news-happy-young-family_158595-6656.jpg", "alt": "happy indian couple enjoying heritage stay"
|
|
},
|
|
"testimonial-2": {
|
|
"url": "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg", "alt": "solo female traveler exploring historic inn"
|
|
},
|
|
"testimonial-3": {
|
|
"url": "http://img.b2bpic.net/free-photo/mother-children-walking-beach-sunny-day-african-american-family-spending-time-together-open-air-leisure-family-time-parenting-concept_74855-24483.jpg", "alt": "family with kids enjoying hotel stay"
|
|
},
|
|
"testimonial-4": {
|
|
"url": "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8856.jpg", "alt": "senior couple relaxing in heritage property"
|
|
},
|
|
"testimonial-5": {
|
|
"url": "http://img.b2bpic.net/free-photo/smiling-woman-man-with-glasses-bed-near-food-breakfast-table_23-2148007292.jpg", "alt": "young couple romantic getaway heritage inn"
|
|
},
|
|
"footer-background": {
|
|
"url": "http://img.b2bpic.net/free-photo/animal-habitat_23-2148167357.jpg", "alt": "traditional indian architectural pattern wood carving"
|
|
}
|
|
};
|
|
|
|
function getAsset(id) {
|
|
return assetMap[id] || { url: "", alt: "" };
|
|
}
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Kubera Heritage Inn"
|
|
navItems={[
|
|
{ name: "Home", id: "#hero" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Rooms", id: "#rooms" },
|
|
{ name: "Reviews", id: "#reviews" },
|
|
{ name: "FAQ", id: "#faq" }
|
|
]}
|
|
button={{
|
|
text: "Book Now", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Experience Tranquility at Kubera Heritage Inn"
|
|
description="Nestled in the historic heart of Thiruvananthapuram, our home stay offers a serene experience blending traditional charm with modern comforts."
|
|
background={{
|
|
variant: "radial-gradient"
|
|
}}
|
|
buttons={[
|
|
{ text: "Check Availability", href: "#contact" },
|
|
{ text: "Explore Rooms", href: "#rooms" }
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: getAsset("hero-inn-exterior-day").url, imageAlt: getAsset("hero-inn-exterior-day").alt },
|
|
{ imageSrc: getAsset("hero-inn-room-interior").url, imageAlt: getAsset("hero-inn-room-interior").alt },
|
|
{ imageSrc: getAsset("hero-inn-garden").url, imageAlt: getAsset("hero-inn-garden").alt },
|
|
{ imageSrc: getAsset("hero-local-palace").url, imageAlt: getAsset("hero-local-palace").alt },
|
|
{ imageSrc: getAsset("hero-kerala-backwaters").url, imageAlt: getAsset("hero-kerala-backwaters").alt },
|
|
{ imageSrc: getAsset("hero-local-art").url, imageAlt: getAsset("hero-local-art").alt }
|
|
]}
|
|
ariaLabel="Hero section showcasing Kubera Heritage Inn and local attractions"
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
title="A Legacy of Warmth and Heritage"
|
|
description="Kubera Heritage Inn blends authentic Kerala traditions with exceptional hospitality, set amidst the ancient grandeur of Thiruvananthapuram's historic Fort area."
|
|
subdescription="With a remarkable 4.8-star rating from over 50 delighted guests, we are celebrated for our serene ambiance, comfortable accommodations, and close proximity to iconic cultural landmarks like Kuthira Maliga Palace and Ganapathi Temple."
|
|
icon={Home}
|
|
imageSrc={getAsset("about-inn-interior").url}
|
|
imageAlt={getAsset("about-inn-interior").alt}
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
ariaLabel="About section describing Kubera Heritage Inn's history and location"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
title="Comforts & Conveniences"
|
|
description="Enjoy a perfect blend of traditional hospitality and modern amenities designed to make your stay truly memorable and relaxing."
|
|
features={[
|
|
{ id: "f1", title: "Free Cancellation", descriptions: ["Enjoy peace of mind with flexible booking options.", "Cancel your reservation without hassle."], imageSrc: getAsset("feature-free-cancellation").url },
|
|
{ id: "f2", title: "High-Speed Wi-Fi", descriptions: ["Stay connected with complimentary Wi-Fi throughout your stay.", "Perfect for leisure and remote work needs."], imageSrc: getAsset("feature-free-wifi").url },
|
|
{ id: "f3", title: "Complimentary Breakfast", descriptions: ["Start your day with a delicious traditional Kerala breakfast.", "Freshly prepared meals to energize your mornings."], imageSrc: getAsset("feature-breakfast").url },
|
|
{ id: "f4", title: "Free Parking", descriptions: ["Secure and convenient on-site parking for all guests.", "Hassle-free arrivals and departures."], imageSrc: getAsset("feature-parking").url }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Features section detailing amenities and services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardTwo
|
|
title="Our Exquisite Accommodations"
|
|
description="Choose from our beautifully appointed rooms and suites, each offering a unique blend of comfort and traditional elegance for an unforgettable stay."
|
|
products={[
|
|
{ id: "r1", brand: "Kubera Heritage Inn", name: "Deluxe Double Room", price: "₹2,964/night", rating: 4.8, reviewCount: "50 reviews", imageSrc: getAsset("product-deluxe-double").url, imageAlt: getAsset("product-deluxe-double").alt },
|
|
{ id: "r2", brand: "Kubera Heritage Inn", name: "Family Suite (2BR)", price: "₹3,085/night", rating: 4.7, reviewCount: "45 reviews", imageSrc: getAsset("product-family-suite").url, imageAlt: getAsset("product-family-suite").alt },
|
|
{ id: "r3", brand: "Kubera Heritage Inn", name: "Premium Single Room", price: "₹1,629/night", rating: 4.9, reviewCount: "30 reviews", imageSrc: getAsset("product-premium-single").url, imageAlt: getAsset("product-premium-single").alt },
|
|
{ id: "r4", brand: "Kubera Heritage Inn", name: "Heritage View Suite", price: "₹3,013/night", rating: 4.8, reviewCount: "38 reviews", imageSrc: getAsset("product-heritage-view").url, imageAlt: getAsset("product-heritage-view").alt },
|
|
{ id: "r5", brand: "Kubera Heritage Inn", name: "Garden Cottage", price: "₹3,990/night", rating: 4.9, reviewCount: "25 reviews", imageSrc: getAsset("product-garden-cottage").url, imageAlt: getAsset("product-garden-cottage").alt },
|
|
{ id: "r6", brand: "Kubera Heritage Inn", name: "Executive King Room", price: "₹6,300/night", rating: 4.7, reviewCount: "20 reviews", imageSrc: getAsset("product-executive-king").url, imageAlt: getAsset("product-executive-king").alt }
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Product section showcasing available rooms and accommodations"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSixteen
|
|
title="What Our Guests Say"
|
|
description="Our guests consistently rate us 4.8 out of 5 stars, praising our warm hospitality, beautiful surroundings, and exceptional service. Read their experiences below."
|
|
testimonials={[
|
|
{ id: "t1", name: "Sarah Johnson", role: "Travel Blogger", company: "Global Explorers", rating: 5, imageSrc: getAsset("testimonial-1").url, imageAlt: getAsset("testimonial-1").alt },
|
|
{ id: "t2", name: "Michael Chen", role: "Cultural Enthusiast", company: "Heritage Tours", rating: 5, imageSrc: getAsset("testimonial-2").url, imageAlt: getAsset("testimonial-2").alt },
|
|
{ id: "t3", name: "Emily Rodriguez", role: "Family Vacationer", company: "Rod Family Adventures", rating: 5, imageSrc: getAsset("testimonial-3").url, imageAlt: getAsset("testimonial-3").alt },
|
|
{ id: "t4", name: "David Kim", role: "Business Traveller", company: "Apex Corp", rating: 4, imageSrc: getAsset("testimonial-4").url, imageAlt: getAsset("testimonial-4").alt },
|
|
{ id: "t5", name: "Priya Sharma", role: "Solo Traveller", company: "Wanderlust Diaries", rating: 5, imageSrc: getAsset("testimonial-5").url, imageAlt: getAsset("testimonial-5").alt }
|
|
]}
|
|
kpiItems={[
|
|
{ value: "4.8/5", label: "Average Rating" },
|
|
{ value: "50+", label: "Guest Reviews" },
|
|
{ value: "Top Rated", label: "Home Stay" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
ariaLabel="Testimonial section with guest reviews and ratings"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about booking, amenities, and your stay at Kubera Heritage Inn."
|
|
faqs={[
|
|
{ id: "faq1", title: "What are the check-in and check-out times?", content: "Check-in is typically at 2:00 PM and check-out is at 11:00 AM. Early check-in or late check-out may be available upon request and subject to availability." },
|
|
{ id: "faq2", title: "Is breakfast included in the stay?", content: "Yes, a complimentary traditional Kerala breakfast is included with every stay to ensure you start your day energized." },
|
|
{ id: "faq3", title: "Do you have parking available?", content: "Yes, we offer secure and complimentary on-site parking for all our guests." },
|
|
{ id: "faq4", title: "What attractions are nearby?", content: "We are conveniently located near the Kuthira Maliga Palace, Ganapathi Temple, and the historic Fort area, all within walking distance." },
|
|
{ id: "faq5", title: "Do you offer free cancellation?", content: "Yes, we offer free cancellation options. Please refer to your booking details for specific terms and conditions." }
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="smooth"
|
|
ariaLabel="FAQ section with common questions"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready for an unforgettable stay in the heart of Thiruvananthapuram? Contact us today to check availability and make a reservation. We look forward to welcoming you."
|
|
buttons={[
|
|
{ text: "Call Us Now", href: "tel:+919633361599" },
|
|
{ text: "Email Us", href: "mailto:info@kuberainn.com" }
|
|
]}
|
|
background={{
|
|
variant: "radial-gradient"
|
|
}}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact section with call to action buttons"
|
|
animationType="reveal-blur"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc={getAsset("footer-background").url}
|
|
imageAlt={getAsset("footer-background").alt}
|
|
logoText="Kubera Heritage Inn"
|
|
columns={[
|
|
{ title: "Explore", items: [{ label: "Home", href: "#hero" }, { label: "About Us", href: "#about" }, { label: "Rooms", href: "#rooms" }] },
|
|
{ title: "Guest Services", items: [{ label: "Reviews", href: "#reviews" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
|
{ title: "Contact Details", items: [{ label: "+91 96333 61599", href: "tel:+919633361599" }, { label: "info@kuberainn.com", href: "mailto:info@kuberainn.com" }, { label: "Ramaswami street, Thiruvananthapuram, Kerala", href: "https://maps.app.goo.gl/example" }] }
|
|
]}
|
|
copyrightText="© 2024 Kubera Heritage Inn. All rights reserved."
|
|
ariaLabel="Site footer with navigation and contact information"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|