Merge version_1 into main #2
349
src/app/page.tsx
349
src/app/page.tsx
@@ -25,254 +25,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hotel Nisarg"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hotel Nisarg"
|
||||
button={{ text: "Book Now", href: "tel:+910000000000" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Best Maharashtrian Food on Pune–Solapur Highway"
|
||||
description="Authentic Maharashtrian cuisine, family-friendly environment, and quick service. Open 24x7 for highway travelers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-french-fries-side-view_141793-1757.jpg?_wi=1",
|
||||
imageAlt: "Traditional Maharashtrian Thali",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-rice-plate-with-loby-beans-variety-meat-sauce_141793-3943.jpg?_wi=1",
|
||||
imageAlt: "Authentic Indian Food",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-businessman-who-is-eating-beef-salad-business-lunch_8353-10599.jpg?_wi=1",
|
||||
imageAlt: "Fresh Breakfast Snacks",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-mixed-pickles-side-pomegranate_140725-6452.jpg",
|
||||
imageAlt: "Highway Stop Restaurant",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246083.jpg",
|
||||
imageAlt: "Masala Chai Service",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262202.jpg",
|
||||
imageAlt: "Family Dining Experience",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Best Maharashtrian Food on Pune–Solapur Highway"
|
||||
description="Authentic Maharashtrian cuisine, family-friendly environment, and quick service. Open 24x7 for highway travelers."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+910000000000" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-french-fries-side-view_141793-1757.jpg", imageAlt: "Traditional Maharashtrian Thali" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-rice-plate-with-loby-beans-variety-meat-sauce_141793-3943.jpg", imageAlt: "Authentic Indian Food" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-businessman-who-is-eating-beef-salad-business-lunch_8353-10599.jpg", imageAlt: "Fresh Breakfast Snacks" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-mixed-pickles-side-pomegranate_140725-6452.jpg", imageAlt: "Highway Stop Restaurant" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246083.jpg", imageAlt: "Masala Chai Service" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262202.jpg", imageAlt: "Family Dining Experience" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Trusted Highway Stop Since Decades"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Trusted Highway Stop Since Decades"
|
||||
buttons={[{ text: "Learn Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Misal Pav",
|
||||
price: "₹150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-french-fries-side-view_141793-1757.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Maharashtrian Thali",
|
||||
price: "₹350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-rice-plate-with-loby-beans-variety-meat-sauce_141793-3943.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Khava Poli",
|
||||
price: "₹120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-businessman-who-is-eating-beef-salad-business-lunch_8353-10599.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Popular Dishes"
|
||||
description="Authentic taste from our kitchen, served fresh 24/7."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Misal Pav", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-french-fries-side-view_141793-1757.jpg" },
|
||||
{ id: "p2", name: "Maharashtrian Thali", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-rice-plate-with-loby-beans-variety-meat-sauce_141793-3943.jpg" },
|
||||
{ id: "p3", name: "Khava Poli", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-businessman-who-is-eating-beef-salad-business-lunch_8353-10599.jpg" },
|
||||
]}
|
||||
title="Our Popular Dishes"
|
||||
description="Authentic taste from our kitchen, served fresh 24/7."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Traveler",
|
||||
company: "Pune",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Family",
|
||||
company: "Solapur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-conducting-interview_23-2149037956.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Driver",
|
||||
company: "Highway Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Traveler",
|
||||
company: "Local Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-having-lunch-cafe_1303-23874.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Rajesh Gupta",
|
||||
role: "Truck Driver",
|
||||
company: "Pune Express",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "14k+",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "4.2",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Available",
|
||||
},
|
||||
]}
|
||||
title="Loved by Travelers & Families"
|
||||
description="Join 14,000+ satisfied guests who choose us as their favorite highway stop."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", role: "Traveler", company: "Pune", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", role: "Family", company: "Solapur", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-conducting-interview_23-2149037956.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Driver", company: "Highway Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg" },
|
||||
{ id: "t4", name: "David Kim", role: "Traveler", company: "Local Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-having-lunch-cafe_1303-23874.jpg" },
|
||||
{ id: "t5", name: "Rajesh Gupta", role: "Truck Driver", company: "Pune Express", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "14k+", label: "Reviews" },
|
||||
{ value: "4.2", label: "Rating" },
|
||||
{ value: "24/7", label: "Available" },
|
||||
]}
|
||||
title="Loved by Travelers & Families"
|
||||
description="Join 14,000+ satisfied guests who choose us as their favorite highway stop."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Solapur–Pune Highway, Chincholikati. Call us now to book your table!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Solapur–Pune Highway, Chincholikati. Call us now to book your table!"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+910000000000" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{
|
||||
label: "Call: 000-000-0000",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Hotel Nisarg. All rights reserved."
|
||||
bottomRightText="Open 24/7"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Directions", href: "https://maps.google.com" },
|
||||
{ label: "Call: 000-000-0000", href: "tel:+910000000000" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Hotel Nisarg. All rights reserved."
|
||||
bottomRightText="Open 24/7"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user