313 lines
17 KiB
TypeScript
313 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Clock, Wifi, UtensilsCrossed, ParkingCircle, Sparkles, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Prabhaa Grand Inn"
|
|
navItems={[
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "Location", id: "location" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Book Now", href: "https://booking.example.com"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Experience Comfort & Elegance in the Heart of Chittoor"
|
|
description="Stay at Prabhaa Grand Inn, where premium comfort, warm hospitality, and prime location create the perfect stay for travelers, families, and temple visitors."
|
|
tag="Premium Comfort Stay"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Book Your Stay Now", href: "https://booking.example.com" },
|
|
{ text: "View Rooms", href: "#rooms" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1", imageAlt: "Luxury Hotel Room"
|
|
},
|
|
{
|
|
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg?_wi=1", imageAlt: "Hotel Exterior View"
|
|
},
|
|
{
|
|
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=2", imageAlt: "Deluxe Room"
|
|
},
|
|
{
|
|
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=3", imageAlt: "Premium Suite"
|
|
},
|
|
{
|
|
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=4", imageAlt: "Bedroom Comfort"
|
|
},
|
|
{
|
|
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg?_wi=2", imageAlt: "Building Entrance"
|
|
},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="A Premium Stay Experience in Chittoor"
|
|
description={[
|
|
"Prabhaa Grand Inn has welcomed 2800+ satisfied guests seeking authentic hospitality and comfort in Chittoor. Located on Rajiv Gandhi Road near MSR Circle, our hotel combines decades of trusted service with modern amenities to ensure every stay is memorable. Whether you're visiting for business, family travel, or temple darshan, our hotel ensures a peaceful and exceptional experience.", "Just minutes away from Chittoor Railway Station, Kattamanchi Lake, and Kanipakam Vinayaka Temple, we provide the ideal base for exploring the region while enjoying premium amenities and exceptional service."
|
|
]}
|
|
buttons={[{ text: "Learn More", href: "#amenities" }]}
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<SocialProofOne
|
|
title="Why Guests Choose Prabhaa Grand Inn"
|
|
description="Recognized for exceptional comfort, warm hospitality, and excellent value."
|
|
names={[
|
|
"2800+ Happy Guests", "Free Breakfast", "Spacious AC Rooms", "Parking Available", "Fast WiFi", "24/7 Support", "Prime Location"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<FeatureCardOne
|
|
title="Comfortable Rooms Designed for Relaxation"
|
|
description="Each room at Prabhaa Grand Inn is thoughtfully designed with modern amenities and premium comfort."
|
|
tag="Accommodations"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Deluxe Room", description: "Perfect for solo travelers and couples. Features king size bed, air conditioning, smart TV, free WiFi, and room service.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=5", imageAlt: "Deluxe Room", button: {
|
|
text: "Book This Room", href: "https://booking.example.com"
|
|
},
|
|
},
|
|
{
|
|
title: "Premium Room", description: "Spacious room ideal for families and business travelers. Includes larger space, premium interiors, work desk, and luxury bedding.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=6", imageAlt: "Premium Suite", button: {
|
|
text: "Check Availability", href: "https://booking.example.com"
|
|
},
|
|
},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardOne
|
|
title="What Our Guests Say"
|
|
description="Real feedback from travelers who experienced Prabhaa Grand Inn's exceptional service and comfort."
|
|
tag="Reviews"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Rajesh Kumar", role: "Business Traveler", company: "IT Professional", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", imageAlt: "Rajesh Kumar"
|
|
},
|
|
{
|
|
id: "2", name: "Priya Sharma", role: "Temple Visitor", company: "Family Traveler", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-walking-shore_1262-6118.jpg", imageAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
id: "3", name: "Amit Patel", role: "Hotel Guest", company: "Chittoor Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-professional-with-tablet-meeting-table-with-satisfied-customers_74855-8866.jpg", imageAlt: "Amit Patel"
|
|
},
|
|
{
|
|
id: "4", name: "Deepa Iyer", role: "Corporate Guest", company: "Company Executive", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-man-with-suitcase-looks-smartphone-holds-travel-tickets-passport_1258-270532.jpg", imageAlt: "Deepa Iyer"
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<MetricCardOne
|
|
title="Everything You Need for a Comfortable Stay"
|
|
description="Complete range of amenities designed to ensure your comfort and convenience."
|
|
tag="Facilities"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "24", title: "hours", description: "Round-the-clock front desk service", icon: Clock,
|
|
},
|
|
{
|
|
id: "2", value: "100", title: "%", description: "Free WiFi coverage throughout", icon: Wifi,
|
|
},
|
|
{
|
|
id: "3", value: "5", title: "star", description: "Food court dining experience", icon: UtensilsCrossed,
|
|
},
|
|
{
|
|
id: "4", value: "24", title: "parking", description: "Secure parking available", icon: ParkingCircle,
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<TextSplitAbout
|
|
title="Perfectly Located in Chittoor"
|
|
description={[
|
|
"Prabhaa Grand Inn is conveniently located on SH83 near MSR Circle, making it easy to reach major attractions and transportation hubs.", "Nearby Places: Chittoor Railway Station (2 km), Kattamanchi Lake (2 km), Kanipakam Vinayaka Temple (12 km). Our strategic location ensures easy access to business districts, temples, and leisure destinations."
|
|
]}
|
|
buttons={[{ text: "Get Directions", href: "https://maps.google.com" }]}
|
|
showBorder={false}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="offers" data-section="offers">
|
|
<PricingCardNine
|
|
title="Exclusive Offers When You Book Direct"
|
|
description="Special packages and discounts for different guest types and occasions."
|
|
tag="Special Packages"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "earlybird", title: "Early Bird Discount", price: "20%", period: "off", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=7", imageAlt: "Early Bird Offer", button: {
|
|
text: "Book Early", href: "https://booking.example.com"
|
|
},
|
|
features: [
|
|
"Book 7 days in advance", "Valid for all room types", "Non-cancellable rate", "Complimentary breakfast included"
|
|
],
|
|
},
|
|
{
|
|
id: "temple", title: "Temple Visitor Package", price: "Special", period: "rate", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=8", imageAlt: "Temple Package", button: {
|
|
text: "Book Package", href: "https://booking.example.com"
|
|
},
|
|
features: [
|
|
"Discounted room rates", "Breakfast included", "Temple darshan guide available", "Late checkout option"
|
|
],
|
|
},
|
|
{
|
|
id: "business", title: "Business Traveler Package", price: "Corporate", period: "rate", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=9", imageAlt: "Business Package", button: {
|
|
text: "Book Corporate", href: "https://booking.example.com"
|
|
},
|
|
features: [
|
|
"Flexible check-in/out", "Business center access", "Free WiFi and printing", "Meeting room available"
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Book Your Stay Today"
|
|
ctaDescription="Experience comfort, convenience, and warm hospitality in the heart of Chittoor. Contact us now to secure your booking."
|
|
ctaButton={{
|
|
text: "Book Now", href: "https://booking.example.com"
|
|
}}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your check-in and check-out times?", content: "Standard check-in is at 2:00 PM and check-out is at 11:00 AM. Early check-in and late check-out may be available upon request, subject to room availability."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer free breakfast?", content: "Yes, complimentary breakfast is included with all room bookings. Our in-house food court serves a variety of Indian, Continental, and South Indian cuisines."
|
|
},
|
|
{
|
|
id: "3", title: "Is parking available?", content: "Yes, secure parking is available free of charge for all guests. We have ample parking space with 24/7 security monitoring."
|
|
},
|
|
{
|
|
id: "4", title: "How far is the railway station?", content: "Chittoor Railway Station is approximately 2 km away from our hotel. We can arrange transportation upon request for additional convenience."
|
|
},
|
|
{
|
|
id: "5", title: "What is your cancellation policy?", content: "Cancellations made 48 hours before check-in are eligible for a full refund. Cancellations within 48 hours may incur a charge of one night's stay."
|
|
},
|
|
{
|
|
id: "6", title: "Do you have a food court?", content: "Yes, our in-house food court offers multi-cuisine dining options throughout the day. Room service is also available 24/7."
|
|
},
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "About", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Rooms", href: "#rooms" },
|
|
{ label: "Amenities", href: "#amenities" },
|
|
],
|
|
},
|
|
{
|
|
title: "Information", items: [
|
|
{ label: "Location", href: "#location" },
|
|
{ label: "Special Offers", href: "#offers" },
|
|
{ label: "Reviews", href: "#reviews" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +91 95817 11150", href: "tel:+919581711150" },
|
|
{ label: "Email: reservations@prabhaagrandinn.in", href: "mailto:reservations@prabhaagrandinn.in" },
|
|
{ label: "Address", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
{ label: "Booking Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 Prabhaa Grand Inn. All rights reserved. 15/2143 Rajiv Gandhi Road, MSR Circle, Chittoor, Andhra Pradesh"
|
|
bottomRightText="Premium Comfort Stay in Chittoor"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |