Merge version_1 into main #3
325
src/app/page.tsx
325
src/app/page.tsx
@@ -26,200 +26,149 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Blue Door"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="The Blue Door"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Taste with a View"
|
||||
description="Pure vegetarian hotel and rooftop café located near the historic Taragarh Fort in Bundi, Rajasthan."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Priya Singh", handle: "@priya_traveller", testimonial: "Stunning views of the fort, peaceful ambience. Loved it!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-shot-group-friends-siting-atound-table-outdoor-party_1098-17461.jpg"},
|
||||
{
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "Great food and budget friendly. Must visit!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/husband-proposing-wife-marry-him-kitchen-romantic-dinner-man-making-proposal-his-girlfriend-kitchen-romantic-dinner-happy-caucasian-woman-smiling-being-speechless_482257-9268.jpg"},
|
||||
{
|
||||
name: "Amit Sharma", handle: "@amit.sharma", testimonial: "Pure veg rooftop dining is the best in Bundi.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-tablet_23-2149966940.jpg"},
|
||||
{
|
||||
name: "Sara Miller", handle: "@saramiller", testimonial: "Romantic vibe at night is just unbeatable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dancing_1187-3140.jpg"},
|
||||
{
|
||||
name: "Rahul Verma", handle: "@rahulverma", testimonial: "Average experience, service could be faster.", rating: 2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-taking-selfie_23-2149333811.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table", href: "#contact"},
|
||||
{
|
||||
text: "WhatsApp", href: "https://wa.me/placeholder"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-shot-group-friends-siting-atound-table-outdoor-party_1098-17461.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/husband-proposing-wife-marry-him-kitchen-romantic-dinner-man-making-proposal-his-girlfriend-kitchen-romantic-dinner-happy-caucasian-woman-smiling-being-speechless_482257-9268.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-tablet_23-2149966940.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-dancing_1187-3140.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-taking-selfie_23-2149333811.jpg", alt: "Customer 5"},
|
||||
],
|
||||
}
|
||||
avatarText="Trusted by 500+ happy visitors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Pure Vegetarian"},
|
||||
{
|
||||
type: "text", text: "Fort View Terrace"},
|
||||
{
|
||||
type: "text", text: "Budget Friendly"},
|
||||
{
|
||||
type: "text", text: "Romantic Atmosphere"},
|
||||
{
|
||||
type: "text", text: "Authentic Bundi Flavors"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience Taste with a View"
|
||||
description="Pure vegetarian hotel and rooftop café located near the historic Taragarh Fort in Bundi, Rajasthan."
|
||||
testimonials={[
|
||||
{ name: "Priya Singh", handle: "@priya_traveller", testimonial: "Stunning views of the fort, peaceful ambience. Loved it!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-shot-group-friends-siting-atound-table-outdoor-party_1098-17461.jpg" },
|
||||
{ name: "John Doe", handle: "@johndoe", testimonial: "Great food and budget friendly. Must visit!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/husband-proposing-wife-marry-him-kitchen-romantic-dinner-man-making-proposal-his-girlfriend-kitchen-romantic-dinner-happy-caucasian-woman-smiling-being-speechless_482257-9268.jpg" },
|
||||
{ name: "Amit Sharma", handle: "@amit.sharma", testimonial: "Pure veg rooftop dining is the best in Bundi.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-tablet_23-2149966940.jpg" },
|
||||
{ name: "Sara Miller", handle: "@saramiller", testimonial: "Romantic vibe at night is just unbeatable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-dancing_1187-3140.jpg" },
|
||||
{ name: "Rahul Verma", handle: "@rahulverma", testimonial: "Average experience, service could be faster.", rating: 2, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-taking-selfie_23-2149333811.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Book a Table", href: "#contact" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/placeholder" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-shot-group-friends-siting-atound-table-outdoor-party_1098-17461.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/husband-proposing-wife-marry-him-kitchen-romantic-dinner-man-making-proposal-his-girlfriend-kitchen-romantic-dinner-happy-caucasian-woman-smiling-being-speechless_482257-9268.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-tablet_23-2149966940.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-dancing_1187-3140.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-taking-selfie_23-2149333811.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy visitors"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Pure Vegetarian" },
|
||||
{ type: "text", text: "Fort View Terrace" },
|
||||
{ type: "text", text: "Budget Friendly" },
|
||||
{ type: "text", text: "Romantic Atmosphere" },
|
||||
{ type: "text", text: "Authentic Bundi Flavors" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Peaceful Ambience & Fort Views"
|
||||
description={[
|
||||
"Nestled near the historic Taragarh Fort in Bundi, Rajasthan, 'The Blue Door' offers a tranquil escape.", "Our rooftop café provides the perfect romantic setting with a panoramic view of the majestic fort.", "Whether it is a peaceful morning coffee or an elegant dinner under golden lighting, we promise an experience that is both budget-friendly and soul-satisfying."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Peaceful Ambience & Fort Views"
|
||||
description={[
|
||||
"Nestled near the historic Taragarh Fort in Bundi, Rajasthan, 'The Blue Door' offers a tranquil escape.", "Our rooftop café provides the perfect romantic setting with a panoramic view of the majestic fort.", "Whether it is a peaceful morning coffee or an elegant dinner under golden lighting, we promise an experience that is both budget-friendly and soul-satisfying."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Snacks", name: "Crispy Veg Pakoras", price: "₹150", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Main Course", name: "Paneer Butter Masala", price: "₹350", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Main Course", name: "Dal Makhani", price: "₹280", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Beverage", name: "Fresh Lime Soda", price: "₹90", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Beverage", name: "Masala Chai", price: "₹60", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Dessert", name: "Gulab Jamun", price: "₹120", rating: 5,
|
||||
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Exquisite pure vegetarian dishes and refreshments to please your palate."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", brand: "Snacks", name: "Crispy Veg Pakoras", price: "₹150", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg" },
|
||||
{ id: "p2", brand: "Main Course", name: "Paneer Butter Masala", price: "₹350", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg" },
|
||||
{ id: "p3", brand: "Main Course", name: "Dal Makhani", price: "₹280", rating: 4, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg" },
|
||||
{ id: "p4", brand: "Beverage", name: "Fresh Lime Soda", price: "₹90", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg" },
|
||||
{ id: "p5", brand: "Beverage", name: "Masala Chai", price: "₹60", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg" },
|
||||
{ id: "p6", brand: "Dessert", name: "Gulab Jamun", price: "₹120", rating: 5, reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg" }
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Exquisite pure vegetarian dishes and refreshments to please your palate."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwentyFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
title="Gallery"
|
||||
description="Catch a glimpse of the beauty at The Blue Door."
|
||||
features={[
|
||||
{
|
||||
title: "Rooftop Views", description: "Beautiful evening views of the Taragarh Fort.", icon: Camera,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-tower-dusk_1127-3007.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-tower-dusk_1127-3007.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Artistic Vibe", description: "Elegant and peaceful interior designs.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Delicious Food", description: "Pure veg dishes prepared with fresh ingredients.", icon: Utensils,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwentyFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
title="Gallery"
|
||||
description="Catch a glimpse of the beauty at The Blue Door."
|
||||
features={[
|
||||
{
|
||||
title: "Rooftop Views", description: "Beautiful evening views of the Taragarh Fort.", icon: Camera,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ancient-tower-dusk_1127-3007.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ancient-tower-dusk_1127-3007.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Artistic Vibe", description: "Elegant and peaceful interior designs.", icon: Star,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Delicious Food", description: "Pure veg dishes prepared with fresh ingredients.", icon: Utensils,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/summer-tomato-cheese-salad_23-2151942383.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pastry-beverages-amidst-leaves_23-2147869657.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
tag="Location"
|
||||
title="Bundi, Rajasthan"
|
||||
description="Plot No.1, Rooftop Ujjivan Bank, Near Circuit House, New Colony, Bundi, Rajasthan – 323001. Phone: +91-9876543210"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Location"
|
||||
title="Bundi, Rajasthan"
|
||||
description="Plot No.1, Rooftop Ujjivan Bank, Near Circuit House, New Colony, Bundi, Rajasthan – 323001. Phone: +91-9876543210"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/placeholder"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 The Blue Door. All rights reserved."
|
||||
bottomRightText="Crafted with ❤ in Rajasthan"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/placeholder" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 The Blue Door. All rights reserved."
|
||||
bottomRightText="Crafted with ❤ in Rajasthan"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user