Update src/app/page.tsx
This commit is contained in:
305
src/app/page.tsx
305
src/app/page.tsx
@@ -19,31 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kapil Dev’s Elevens"
|
||||
/>
|
||||
@@ -52,107 +44,34 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="A Masterclass in Flavor."
|
||||
description="Experience the legacy of a legend. Fine dining meets cricket heritage at Patna’s premier multicuisine destination."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The bamboo biryani is a masterpiece of authentic flavor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=1",
|
||||
imageAlt: "fine dining restaurant interior elegant",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
handle: "@mikec",
|
||||
testimonial: "Incredible cricket atmosphere combined with world-class dining.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg?_wi=1",
|
||||
imageAlt: "fine dining restaurant interior elegant",
|
||||
},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "A must-visit in Patna for any food enthusiast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg?_wi=1",
|
||||
imageAlt: "fine dining restaurant interior elegant",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "Excellent service and the best ambiance I've seen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-vegetarian-meal-rustic-wooden-table-generated-by-ai_188544-33834.jpg?_wi=1",
|
||||
imageAlt: "fine dining restaurant interior elegant",
|
||||
},
|
||||
{
|
||||
name: "Priya Singh",
|
||||
handle: "@priyas",
|
||||
testimonial: "A perfect blend of sports legacy and culinary excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-white-plate-looks-nice-tasty-brightlooking-tasty-white-table_132075-13042.jpg?_wi=1",
|
||||
imageAlt: "fine dining restaurant interior elegant",
|
||||
},
|
||||
{ name: "Sarah Johnson", handle: "@sarahj", testimonial: "The bamboo biryani is a masterpiece of authentic flavor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "fine dining restaurant interior elegant" },
|
||||
{ name: "Michael Chen", handle: "@mikec", testimonial: "Incredible cricket atmosphere combined with world-class dining.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg", imageAlt: "fine dining restaurant interior elegant" },
|
||||
{ name: "Emily Rodriguez", handle: "@emilyr", testimonial: "A must-visit in Patna for any food enthusiast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg", imageAlt: "fine dining restaurant interior elegant" },
|
||||
{ name: "David Kim", handle: "@davidk", testimonial: "Excellent service and the best ambiance I've seen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-vegetarian-meal-rustic-wooden-table-generated-by-ai_188544-33834.jpg", imageAlt: "fine dining restaurant interior elegant" },
|
||||
{ name: "Priya Singh", handle: "@priyas", testimonial: "A perfect blend of sports legacy and culinary excellence.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-white-plate-looks-nice-tasty-brightlooking-tasty-white-table_132075-13042.jpg", imageAlt: "fine dining restaurant interior elegant" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore the Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Book Your Table", href: "#contact" },
|
||||
{ text: "Explore the Menu", href: "#menu" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg",
|
||||
alt: "Luxury meeting and dining room table and multiple chairs",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",
|
||||
alt: "Close up of restaurant table with pink velvet chairs",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg",
|
||||
alt: "Grey painted fancy restaurant with empty dinner table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",
|
||||
alt: "Life style interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg",
|
||||
alt: "Expensive restaurant interior view",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", alt: "Luxury meeting and dining room table and multiple chairs" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg", alt: "Close up of restaurant table with pink velvet chairs" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg", alt: "Grey painted fancy restaurant with empty dinner table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg", alt: "Life style interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg", alt: "Expensive restaurant interior view" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Recipes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cricket Legacy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fine Dining",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Multicuisine Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Patna’s Finest",
|
||||
},
|
||||
{ type: "text", text: "Authentic Recipes" },
|
||||
{ type: "text", text: "Cricket Legacy" },
|
||||
{ type: "text", text: "Fine Dining" },
|
||||
{ type: "text", text: "Multicuisine Experience" },
|
||||
{ type: "text", text: "Patna’s Finest" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,12 +80,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Where History Meets Hospitality"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -177,42 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "All-Rounder Platter",
|
||||
price: "₹650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bamboo Biryani",
|
||||
price: "₹550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-vegetarian-meal-rustic-wooden-table-generated-by-ai_188544-33834.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tandoori Chicken",
|
||||
price: "₹450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-white-plate-looks-nice-tasty-brightlooking-tasty-white-table_132075-13042.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pavilion Curry",
|
||||
price: "₹400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-composition-with-delicious-pakistan-meal_23-2148821540.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Oriental Classics",
|
||||
price: "₹380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/noodles-prepared-with-mushrooms-bell-peppers-sauce_141793-1223.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Dessert Selection",
|
||||
price: "₹250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-baked-vegetables-stands-barrel_1304-4658.jpg",
|
||||
},
|
||||
{ id: "1", name: "All-Rounder Platter", price: "₹650", imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg" },
|
||||
{ id: "2", name: "Bamboo Biryani", price: "₹550", imageSrc: "http://img.b2bpic.net/free-photo/healthy-vegetarian-meal-rustic-wooden-table-generated-by-ai_188544-33834.jpg" },
|
||||
{ id: "3", name: "Tandoori Chicken", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-white-plate-looks-nice-tasty-brightlooking-tasty-white-table_132075-13042.jpg" },
|
||||
{ id: "4", name: "Pavilion Curry", price: "₹400", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-composition-with-delicious-pakistan-meal_23-2148821540.jpg" },
|
||||
{ id: "5", name: "Oriental Classics", price: "₹380", imageSrc: "http://img.b2bpic.net/free-photo/noodles-prepared-with-mushrooms-bell-peppers-sauce_141793-1223.jpg" },
|
||||
{ id: "6", name: "Dessert Selection", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-baked-vegetables-stands-barrel_1304-4658.jpg" }
|
||||
]}
|
||||
title="Signature Picks from the Pavilion"
|
||||
description="A curated journey through the best of our multicuisine menu."
|
||||
@@ -223,45 +107,13 @@ export default function LandingPage() {
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "The Cricket Gallery",
|
||||
description: "Dine surrounded by rare memorabilia.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-birthday-with-popcorn-drink_23-2149818367.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-family-enjoying-christmas-lunch-dining-table_637285-13021.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=3",
|
||||
imageAlt: "sports memorabilia restaurant decor",
|
||||
},
|
||||
{
|
||||
title: "Banquet Excellence",
|
||||
description: "Premium space for intimate events.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-italian-hall-with-paintings-wall_8353-656.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-delicious-gourmet-meal_23-2148516923.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg?_wi=2",
|
||||
imageAlt: "sports memorabilia restaurant decor",
|
||||
},
|
||||
{
|
||||
title: "Courteous Service",
|
||||
description: "Attentive Captain’s Service for all.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-through-menu-restaurant_23-2150520059.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg?_wi=3",
|
||||
imageAlt: "sports memorabilia restaurant decor",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
showStepNumbers={true}
|
||||
features={[
|
||||
{ title: "The Cricket Gallery", description: "Dine surrounded by rare memorabilia.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/soccer-birthday-with-popcorn-drink_23-2149818367.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-family-enjoying-christmas-lunch-dining-table_637285-13021.jpg" } },
|
||||
{ title: "Banquet Excellence", description: "Premium space for intimate events.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-italian-hall-with-paintings-wall_8353-656.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-eating-delicious-gourmet-meal_23-2148516923.jpg" } },
|
||||
{ title: "Courteous Service", description: "Attentive Captain’s Service for all.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-through-menu-restaurant_23-2150520059.jpg" } }
|
||||
]}
|
||||
title="The Experience"
|
||||
description="Excellence in every detail."
|
||||
/>
|
||||
@@ -271,15 +123,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Times of India",
|
||||
"DineOut",
|
||||
"Zomato",
|
||||
"TripAdvisor",
|
||||
"Local Foodie",
|
||||
"Patna Daily",
|
||||
"City Guide",
|
||||
]}
|
||||
names={["The Times of India", "DineOut", "Zomato", "TripAdvisor", "Local Foodie", "Patna Daily", "City Guide"]}
|
||||
title="Trusted by Food Enthusiasts"
|
||||
description="Celebrating our culinary journey across the city."
|
||||
/>
|
||||
@@ -292,21 +136,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10K+",
|
||||
description: "Happy Guests Served",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15+",
|
||||
description: "Chef Specialties",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5*",
|
||||
description: "Avg Guest Rating",
|
||||
},
|
||||
{ id: "1", value: "10K+", description: "Happy Guests Served" },
|
||||
{ id: "2", value: "15+", description: "Chef Specialties" },
|
||||
{ id: "3", value: "5*", description: "Avg Guest Rating" }
|
||||
]}
|
||||
title="By the Numbers"
|
||||
description="Serving culinary joy since inception."
|
||||
@@ -316,56 +148,31 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "While we welcome walk-ins, reservations are highly recommended for weekend evenings.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer private events?",
|
||||
content: "Yes, our banquet hall accommodates up to 70 guests.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are your hours?",
|
||||
content: "We are open daily from 11:30 AM to 10:30 PM.",
|
||||
},
|
||||
{ id: "1", title: "Do I need a reservation?", content: "While we welcome walk-ins, reservations are highly recommended for weekend evenings." },
|
||||
{ id: "2", title: "Do you offer private events?", content: "Yes, our banquet hall accommodates up to 70 guests." },
|
||||
{ id: "3", title: "What are your hours?", content: "We are open daily from 11:30 AM to 10:30 PM." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about your next visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Visit us at Ankit Chandradeep Complex, Patna, or call +91 97091 00092."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:+919709100092",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "tel:+919709100092" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kapil Dev’s Elevens"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "tel:+919709100092",
|
||||
}}
|
||||
leftLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
rightLink={{ text: "Contact Us", href: "tel:+919709100092" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user