Merge version_1 into main #1
425
src/app/page.tsx
425
src/app/page.tsx
@@ -12,6 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Utensils, BedDouble, MapPin, UserCheck } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,306 +29,148 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bismi Hotel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bismi Hotel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Welcome to Bismi Hotel"
|
||||
description="Experience authentic hospitality in the heart of Kaithappoyil, Kerala. Comfort, quality, and traditional taste."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos-dessert_23-2149333773.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-pancakes-breakfast_23-2148354681.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-glasses-speaking-phone-smiling-holding-coffee-standing-near-business-centre_176420-42443.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by our guests"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Kerala Cuisine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Hospitality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Comfortable Rooms",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Bismi Hotel"
|
||||
description="Experience authentic hospitality in the heart of Kaithappoyil, Kerala. Comfort, quality, and traditional taste."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg", alt: "Guest 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos-dessert_23-2149333773.jpg", alt: "Guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-having-pancakes-breakfast_23-2148354681.jpg", alt: "Guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-glasses-speaking-phone-smiling-holding-coffee-standing-near-business-centre_176420-42443.jpg", alt: "Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg", alt: "Guest 5" },
|
||||
]}
|
||||
avatarText="Trusted by our guests"
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Authentic Kerala Cuisine" },
|
||||
{ type: "text", text: "Traditional Hospitality" },
|
||||
{ type: "text", text: "Comfortable Rooms" },
|
||||
{ type: "text", text: "Prime Location" },
|
||||
{ type: "text", text: "Quality Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Taste and Comfort"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Taste and Comfort"
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Traditional Dining",
|
||||
description: "Authentic Kerala cuisine prepared with fresh, local ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-green-vegetarian-buddha-bowl-lunch-with-eggs-rice-tomato-avocado-blue-cheese-table_2829-18812.jpg",
|
||||
buttonIcon: "Utensils",
|
||||
},
|
||||
{
|
||||
title: "Comfortable Stays",
|
||||
description: "Well-maintained, clean, and peaceful rooms for your relaxation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg",
|
||||
buttonIcon: "BedDouble",
|
||||
},
|
||||
{
|
||||
title: "Prime Location",
|
||||
description: "Conveniently located on Thiruvambady - Adivaram Road.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-national-art-museum-bucharest-romania-golden-details-marble-painting_1268-19835.jpg",
|
||||
buttonIcon: "MapPin",
|
||||
},
|
||||
{
|
||||
title: "Dedicated Service",
|
||||
description: "Hospitality-driven staff ready to assist you anytime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guest-checkin-reception-service_482257-80034.jpg",
|
||||
buttonIcon: "UserCheck",
|
||||
},
|
||||
]}
|
||||
title="Our Amenities"
|
||||
description="We offer a range of services to ensure your stay is comfortable and memorable."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Traditional Dining", description: "Authentic Kerala cuisine prepared with fresh, local ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-green-vegetarian-buddha-bowl-lunch-with-eggs-rice-tomato-avocado-blue-cheese-table_2829-18812.jpg", buttonIcon: Utensils },
|
||||
{ title: "Comfortable Stays", description: "Well-maintained, clean, and peaceful rooms for your relaxation.", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg", buttonIcon: BedDouble },
|
||||
{ title: "Prime Location", description: "Conveniently located on Thiruvambady - Adivaram Road.", imageSrc: "http://img.b2bpic.net/free-photo/interior-national-art-museum-bucharest-romania-golden-details-marble-painting_1268-19835.jpg", buttonIcon: MapPin },
|
||||
{ title: "Dedicated Service", description: "Hospitality-driven staff ready to assist you anytime.", imageSrc: "http://img.b2bpic.net/free-photo/guest-checkin-reception-service_482257-80034.jpg", buttonIcon: UserCheck },
|
||||
]}
|
||||
title="Our Amenities"
|
||||
description="We offer a range of services to ensure your stay is comfortable and memorable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Standard Room",
|
||||
price: "₹1500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-with-armchair_1203-741.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Deluxe Room",
|
||||
price: "₹2500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-2140.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Family Suite",
|
||||
price: "₹3500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-indoor-design-concept_23-2148811462.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Daily Meal Deal",
|
||||
price: "₹200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086032.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Party Space",
|
||||
price: "₹5000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-actress-wearing-beautiful-ancient-costumes-ancient-monuments-dramatic-style-perform-legend-love-popular-story-thai-isan-folktale-called-phadaeng-nang-ai-acient-site_1150-48736.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Catering Service",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-green-vegetarian-buddha-bowl-lunch-with-eggs-rice-tomato-avocado-blue-cheese-table_2829-18804.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Offerings"
|
||||
description="Choose from our quality selections."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Standard Room", price: "₹1500", imageSrc: "http://img.b2bpic.net/free-photo/bed-with-armchair_1203-741.jpg" },
|
||||
{ id: "2", name: "Deluxe Room", price: "₹2500", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-2140.jpg" },
|
||||
{ id: "3", name: "Family Suite", price: "₹3500", imageSrc: "http://img.b2bpic.net/free-photo/home-indoor-design-concept_23-2148811462.jpg" },
|
||||
{ id: "4", name: "Daily Meal Deal", price: "₹200", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086032.jpg" },
|
||||
{ id: "5", name: "Party Space", price: "₹5000", imageSrc: "http://img.b2bpic.net/free-photo/young-female-actress-wearing-beautiful-ancient-costumes-ancient-monuments-dramatic-style-perform-legend-love-popular-story-thai-isan-folktale-called-phadaeng-nang-ai-acient-site_1150-48736.jpg" },
|
||||
{ id: "6", name: "Catering Service", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/healthy-green-vegetarian-buddha-bowl-lunch-with-eggs-rice-tomato-avocado-blue-cheese-table_2829-18804.jpg" },
|
||||
]}
|
||||
title="Our Offerings"
|
||||
description="Choose from our quality selections."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1000+",
|
||||
description: "Happy Guests",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50+",
|
||||
description: "Menu Varieties",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "10+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We are proud of our milestones."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "1000+", description: "Happy Guests" },
|
||||
{ id: "2", value: "50+", description: "Menu Varieties" },
|
||||
{ id: "3", value: "10+", description: "Years of Experience" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We are proud of our milestones."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arjun Menon",
|
||||
handle: "@arjun_m",
|
||||
testimonial: "Excellent service and traditional food. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-enjoying-fresh-sushi_169016-1395.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara K",
|
||||
handle: "@sarak_",
|
||||
testimonial: "Great experience, very clean rooms and friendly staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rahul V",
|
||||
handle: "@rahulv",
|
||||
testimonial: "Good location and great value for money.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-using-smartphone-drinking-coffee-city_839833-27964.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Priya S",
|
||||
handle: "@priyas",
|
||||
testimonial: "The best dining spot in Kaithappoyil.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vijay R",
|
||||
handle: "@vijayr",
|
||||
testimonial: "Professional and hospitable service. Will visit again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Stories from those who visited us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Arjun Menon", handle: "@arjun_m", testimonial: "Excellent service and traditional food. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-enjoying-fresh-sushi_169016-1395.jpg" },
|
||||
{ id: "2", name: "Sara K", handle: "@sarak_", testimonial: "Great experience, very clean rooms and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg" },
|
||||
{ id: "3", name: "Rahul V", handle: "@rahulv", testimonial: "Good location and great value for money.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-using-smartphone-drinking-coffee-city_839833-27964.jpg" },
|
||||
{ id: "4", name: "Priya S", handle: "@priyas", testimonial: "The best dining spot in Kaithappoyil.", imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg" },
|
||||
{ id: "5", name: "Vijay R", handle: "@vijayr", testimonial: "Professional and hospitable service. Will visit again.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg" },
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Stories from those who visited us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your check-in times?",
|
||||
content: "Check-in begins at 12 PM.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you have parking?",
|
||||
content: "Yes, we provide secure parking space for all guests.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the restaurant vegetarian friendly?",
|
||||
content: "We offer a diverse menu with options for everyone.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "What are your check-in times?", content: "Check-in begins at 12 PM." },
|
||||
{ id: "2", title: "Do you have parking?", content: "Yes, we provide secure parking space for all guests." },
|
||||
{ id: "3", title: "Is the restaurant vegetarian friendly?", content: "We offer a diverse menu with options for everyone." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Have questions? We're here to help."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Have questions? We're here to help."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Bismi Hotel"
|
||||
copyrightText="© 2025 Bismi Hotel, Kerala."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Bismi Hotel"
|
||||
copyrightText="© 2025 Bismi Hotel, Kerala."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user