Files
bf17c8ed-50d8-4625-87ae-861…/src/app/page.tsx
2026-05-26 09:41:07 +00:00

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