Merge version_3 into main #6
206
src/app/page.tsx
206
src/app/page.tsx
@@ -3,15 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { useState } from "react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/HeroCarouselLogo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardThree from '@/components/sections/feature/FeatureCardThree';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { MessageCircle } from 'lucide-react';
|
||||
import { MessageCircle, Sparkles } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [activeTab, setActiveTab] = useState('stay');
|
||||
@@ -43,16 +44,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
<HeroCarouselLogo
|
||||
title="Authentic Veg Food & Comfortable Stay in Deulgaon Raja"
|
||||
description="Loved by travelers and families for genuine hospitality, clean rooms, and delicious traditional cuisine. Your trusted destination for food and rest."
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-black-suit-with-office-building-background_23-2147955273.jpg", alt: "Business traveler guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-sitting-couch_23-2148095697.jpg", alt: "Family visitor guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-aged-bearded-caucasian-botanist-biologist-wearing-panama-hat-holding-briefcase-with-both-hands-with-friendly-smile-enjoying-his-research-field-work-rainforest_273609-6322.jpg", alt: "Food traveler guest" }
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/happy-mature-businessman-black-suit-with-office-building-background_23-2147955273.jpg", "http://img.b2bpic.net/free-photo/thoughtful-business-woman-sitting-couch_23-2148095697.jpg", "http://img.b2bpic.net/free-photo/middle-aged-bearded-caucasian-botanist-biologist-wearing-panama-hat-holding-briefcase-with-both-hands-with-friendly-smile-enjoying-his-research-field-work-rainforest_273609-6322.jpg"
|
||||
]}
|
||||
avatarText="Trusted by 500+ guests"
|
||||
logoText="Trusted by 500+ guests"
|
||||
buttons={[
|
||||
{ text: "Book Your Stay", onClick: () => setActiveTab('stay') },
|
||||
{ text: "Order Food", onClick: () => setActiveTab('dining') }
|
||||
@@ -63,7 +61,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<SplitAbout
|
||||
title="Welcome to Gokul Hotel"
|
||||
description="For over two decades, Gokul Hotel has been Deulgaon Raja's most trusted destination for authentic vegetarian dining and comfortable accommodation. We pride ourselves on three core commitments: serving genuine, home-cooked Maharashtrian cuisine prepared fresh daily, maintaining pristine room cleanliness and hygiene standards, and offering warm, personalized hospitality that makes every guest feel like family. Whether you're traveling for business, visiting family, or exploring our region's rich food culture, Gokul Hotel is your home away from home."
|
||||
tag="About Gokul"
|
||||
@@ -71,14 +69,36 @@ export default function LandingPage() {
|
||||
imageAlt="Gokul Hotel welcoming entrance"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "View Our Rooms", href: "#rooms" }
|
||||
{ text: "View Our Rooms", href: "rooms" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
title="Why Choose Gokul Hotel"
|
||||
description="Discover what makes us the preferred choice for travelers and families."
|
||||
tag="Our Strengths"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Authentic Cuisine", description: "Traditional Maharashtrian vegetarian dishes prepared fresh daily with locally sourced ingredients and family recipes passed down through generations.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-dish-with-chicken-vegetables-grunge-wooden-desk_23-2148113625.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Pristine Cleanliness", description: "Every room and common area maintained to the highest hygiene standards, ensuring a comfortable and healthy stay for all our guests.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-person-s-hand-slicing-red-tomato-chopping-board_23-2147944239.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Warm Hospitality", description: "Our dedicated staff treats every guest like family, providing personalized service and going the extra mile to ensure your complete satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-tablet-while-having-breakfast_23-2147601316.jpg"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dining" data-section="dining">
|
||||
<ProductCardThree
|
||||
<ProductCardTwo
|
||||
title="Authentic Vegetarian Dining"
|
||||
description="Experience the flavors of traditional Maharashtrian cuisine, prepared fresh daily with locally sourced ingredients and family recipes passed down through generations."
|
||||
tag="Restaurant"
|
||||
@@ -88,20 +108,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Traditional Thali", price: "₹150-250", imageSrc: "http://img.b2bpic.net/free-photo/healthy-dish-with-chicken-vegetables-grunge-wooden-desk_23-2148113625.jpg?_wi=1", imageAlt: "Traditional vegetarian thali meal"
|
||||
id: "1", name: "Traditional Thali", price: "₹150-250", imageSrc: "http://img.b2bpic.net/free-photo/healthy-dish-with-chicken-vegetables-grunge-wooden-desk_23-2148113625.jpg", imageAlt: "Traditional vegetarian thali meal"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Homestyle Curries", price: "₹80-180", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-person-s-hand-slicing-red-tomato-chopping-board_23-2147944239.jpg", imageAlt: "Authentic vegetarian curry dishes"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Fresh Breads & Rice", price: "₹30-100", imageSrc: "http://img.b2bpic.net/free-photo/healthy-dish-with-chicken-vegetables-grunge-wooden-desk_23-2148113625.jpg?_wi=2", imageAlt: "Traditional breads and rice preparations"
|
||||
id: "3", name: "Fresh Breads & Rice", price: "₹30-100", imageSrc: "http://img.b2bpic.net/free-photo/healthy-dish-with-chicken-vegetables-grunge-wooden-desk_23-2148113625.jpg", imageAlt: "Traditional breads and rice preparations"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<PricingCardNine
|
||||
<PricingCardTwo
|
||||
title="Comfortable Budget Rooms"
|
||||
description="Clean, well-maintained accommodations designed for travelers seeking comfort without compromise. Every room includes essential amenities and impeccable hygiene standards."
|
||||
tag="Accommodation"
|
||||
@@ -110,13 +130,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "standard", title: "Standard Room", price: "₹800-1200", period: "/night", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-tablet-while-having-breakfast_23-2147601316.jpg", imageAlt: "Standard clean hotel room", button: { text: "Book Room", href: "https://wa.me/919999999999" },
|
||||
id: "standard", badge: "Standard Room", badgeIcon: Sparkles,
|
||||
price: "₹800-1200", subtitle: "Perfect for solo travelers and couples", buttons: [
|
||||
{ text: "Book Room", href: "https://wa.me/919999999999" },
|
||||
{ text: "Learn More", href: "rooms" }
|
||||
],
|
||||
features: [
|
||||
"Clean, spacious room", "Attached bathroom with hot water", "24-hour room service", "Free WiFi connectivity", "Air conditioning"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "deluxe", title: "Deluxe Room", price: "₹1500-2000", period: "/night", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-ecological-zero-waster-concept_23-2148591690.jpg", imageAlt: "Deluxe room with premium bathroom", button: { text: "Book Room", href: "https://wa.me/919999999999" },
|
||||
id: "deluxe", badge: "Deluxe Room", badgeIcon: Sparkles,
|
||||
price: "₹1500-2000", subtitle: "Premium comfort for discerning travelers", buttons: [
|
||||
{ text: "Book Room", href: "https://wa.me/919999999999" },
|
||||
{ text: "Learn More", href: "rooms" }
|
||||
],
|
||||
features: [
|
||||
"Larger deluxe suite", "Premium bathroom fixtures", "24-hour room service", "Complimentary breakfast", "Entertainment system"
|
||||
]
|
||||
@@ -125,12 +153,61 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Our Impact & Commitment"
|
||||
tag="By The Numbers"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "20+", description: "Years of dedicated service to travelers, families, and food enthusiasts from across the region and beyond."
|
||||
},
|
||||
{
|
||||
id: "2", value: "500+", description: "Satisfied guests who trust Gokul Hotel for authentic food and comfortable accommodation every year."
|
||||
}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
title="Meet Our Team"
|
||||
description="The dedicated professionals behind your comfort and satisfaction."
|
||||
tag="Our Staff"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "management", groupTitle: "Management", members: [
|
||||
{
|
||||
id: "1", title: "Gokul Sharma", subtitle: "Owner & Founder", detail: "gokul@gokulhotel.com", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-black-suit-with-office-building-background_23-2147955273.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Rajesh Deshmukh", subtitle: "Operations Manager", detail: "rajesh@gokulhotel.com", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-sitting-couch_23-2148095697.jpg"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "kitchen", groupTitle: "Kitchen Staff", members: [
|
||||
{
|
||||
id: "3", title: "Priya Joshi", subtitle: "Head Chef", detail: "priya@gokulhotel.com", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-tablet-while-having-breakfast_23-2147601316.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Amit Patel", subtitle: "Sous Chef", detail: "amit@gokulhotel.com", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-caucasian-botanist-biologist-wearing-panama-hat-holding-briefcase-with-both-hands-with-friendly-smile-enjoying-his-research-field-work-rainforest_273609-6322.jpg"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardTwo
|
||||
title="Loved by Our Guests"
|
||||
description="Genuine reviews from travelers, families, and food enthusiasts who've experienced Gokul's authentic hospitality and exceptional service."
|
||||
tag="Guest Reviews"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -163,55 +240,22 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
title="Find Us On Your Favorite Platforms"
|
||||
description="Book directly or through your preferred travel and review platforms. We're listed on all major booking services for your convenience."
|
||||
tag="Book Online"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-psd/gradient-abstract-logo_23-2150689652.jpg", "http://img.b2bpic.net/free-vector/detailed-click-collect-sign_23-2148782062.jpg", "http://img.b2bpic.net/free-vector/travel-lettering-background-with-photo_23-2148236087.jpg", "http://img.b2bpic.net/free-vector/pin-map-logo_1043-275.jpg", "http://img.b2bpic.net/free-photo/freelancer-traveler-waiting-transport-station_1163-1458.jpg", "http://img.b2bpic.net/free-photo/portrait-asian-girl-takes-selfie-mobile-phone-korean-woman-smiling-video-chat-smartphone_1258-193054.jpg", "http://img.b2bpic.net/free-vector/contact-us-icons-set_98292-6887.jpg"
|
||||
]}
|
||||
names={[
|
||||
"Google", "Booking.com", "TripAdvisor", "Airbnb", "OTA", "WhatsApp", "Phone"
|
||||
]}
|
||||
speed={35}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Book Your Stay or Order Food"
|
||||
ctaDescription="Connect with us via WhatsApp, phone, or email to reserve your room or place a food order. We're here to help 24/7 with personalized service."
|
||||
ctaButton={{ text: "Message on WhatsApp", href: "https://wa.me/919999999999" }}
|
||||
ctaIcon={MessageCircle}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
accordionAnimationType="smooth"
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are your room rates and availability?", content: "Standard rooms start at ₹800-1200 per night, while Deluxe rooms are ₹1500-2000 per night. We offer competitive rates for extended stays and group bookings. Check availability directly through our WhatsApp or call us for real-time bookings."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Is the restaurant open for non-guests?", content: "Yes, absolutely. Our restaurant welcomes all guests, families, and travelers. We serve authentic vegetarian Maharashtrian cuisine daily. Walk-ins are always welcome, or you can reserve a table via WhatsApp."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What makes Gokul Hotel special?", content: "We combine authentic home-cooked vegetarian food, pristine cleanliness standards, and genuine warm hospitality. Our staff treats every guest like family, and we've built trust over 20+ years with regional travelers, families, and food enthusiasts."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Do you offer group booking discounts?", content: "Yes, we provide special rates for group bookings, corporate travelers, and extended stays. Contact us directly via WhatsApp or phone to discuss your specific needs and get a customized quote."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How can I book a room?", content: "You can book through WhatsApp, phone, or our listed pages on Google, Booking.com, and TripAdvisor. Direct bookings often include special rates. Our team responds quickly to ensure your comfort."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What dietary preferences do you accommodate?", content: "We specialize in authentic vegetarian cuisine. We can accommodate specific dietary preferences, allergies, and customized meal requests. Let us know your needs when booking, and we'll prepare special meals with care."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<div className="py-16">
|
||||
<div className="mx-auto max-w-2xl px-6">
|
||||
<div className="rounded-lg border border-gray-200 bg-white p-8">
|
||||
<h2 className="mb-4 text-2xl font-semibold">Book Your Stay or Order Food</h2>
|
||||
<p className="mb-6 text-gray-600">Connect with us via WhatsApp, phone, or email to reserve your room or place a food order. We're here to help 24/7 with personalized service.</p>
|
||||
<a
|
||||
href="https://wa.me/919999999999"
|
||||
className="inline-flex items-center gap-2 rounded-lg bg-blue-600 px-6 py-3 text-white hover:bg-blue-700"
|
||||
>
|
||||
<MessageCircle className="h-5 w-5" />
|
||||
Message on WhatsApp
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
@@ -223,10 +267,10 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel", items: [
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
{ label: "Dining", href: "#dining" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Group Bookings", href: "#contact" }
|
||||
{ label: "Rooms", href: "rooms" },
|
||||
{ label: "Dining", href: "dining" },
|
||||
{ label: "Reviews", href: "reviews" },
|
||||
{ label: "Group Bookings", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -239,10 +283,10 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
title: "More", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Testimonials", href: "#reviews" },
|
||||
{ label: "Book Online", href: "#partners" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Testimonials", href: "reviews" },
|
||||
{ label: "Features", href: "features" },
|
||||
{ label: "Contact", href: "contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user