Update src/app/page.tsx
This commit is contained in:
238
src/app/page.tsx
238
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Coffee } from "lucide-react";
|
||||
import { Coffee, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,98 +33,61 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Bbro"
|
||||
button={{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve Table", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Poolside Elegance & Flavor"
|
||||
description="Experience the perfect blend of North Indian cuisine and a serene poolside ambiance at The Bbro. Ideal for family parties, romantic dinners, and memorable evenings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Now", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laughing-woman-yellow-sunglasses-drinking-fruit-cocktail-sunbathing_197531-20926.jpg"
|
||||
imageAlt="Luxurious poolside atmosphere at The Bbro cafe"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-brown-hat-drinking-pineapple-cocktail-while-resting-near-pool-magnificent-blonde-female-model-chilling-resort-cafe-weekend-morning_197531-20905.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-brown-hat-drinking-pineapple-cocktail-while-resting-near-pool-magnificent-blonde-female-model-chilling-resort-cafe-weekend-morning_197531-20905.jpg", alt: "Guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-sexy-woman-with-tattoo-bathing-suit-having-breakfast-private-pool-girl-relaxing-pool-drinking-coffee-eating-fruits-fruit-plate-smoothie-bowl-by-hotel-pool_273443-184.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-sexy-woman-with-tattoo-bathing-suit-having-breakfast-private-pool-girl-relaxing-pool-drinking-coffee-eating-fruits-fruit-plate-smoothie-bowl-by-hotel-pool_273443-184.jpg", alt: "Guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-nature-hotel-travel-beautiful_1203-4841.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/white-nature-hotel-travel-beautiful_1203-4841.jpg", alt: "Guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977116.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977116.jpg", alt: "Guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", alt: "Guest 5"},
|
||||
]}
|
||||
avatarText="Over 500+ happy guests hosted"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic North Indian",
|
||||
},
|
||||
type: "text", text: "Authentic North Indian"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serene Poolside View",
|
||||
},
|
||||
type: "text", text: "Serene Poolside View"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Perfect for Parties",
|
||||
},
|
||||
type: "text", text: "Perfect for Parties"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Romantic Evenings",
|
||||
},
|
||||
type: "text", text: "Romantic Evenings"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Live Music Atmosphere",
|
||||
},
|
||||
type: "text", text: "Live Music Atmosphere"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,34 +112,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Signature Item",
|
||||
title: "Juicy Momos",
|
||||
items: [
|
||||
"Handmade wrappers",
|
||||
"Spiced vegetable or chicken filling",
|
||||
"Served with hot dipping sauce",
|
||||
],
|
||||
id: "f1", label: "Signature Item", title: "Juicy Momos", items: [
|
||||
"Handmade wrappers", "Spiced vegetable or chicken filling", "Served with hot dipping sauce"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Customer Favorite",
|
||||
title: "Crispy Spring Rolls",
|
||||
items: [
|
||||
"Light and crispy dough",
|
||||
"Crunchy fresh vegetable mix",
|
||||
"Perfect snack for starters",
|
||||
],
|
||||
id: "f2", label: "Customer Favorite", title: "Crispy Spring Rolls", items: [
|
||||
"Light and crispy dough", "Crunchy fresh vegetable mix", "Perfect snack for starters"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Gourmet Choice",
|
||||
title: "White Sauce Pasta",
|
||||
items: [
|
||||
"Rich creamy sauce",
|
||||
"Al dente perfectly cooked pasta",
|
||||
"Flavorful herbs and seasoning",
|
||||
],
|
||||
id: "f3", label: "Gourmet Choice", title: "White Sauce Pasta", items: [
|
||||
"Rich creamy sauce", "Al dente perfectly cooked pasta", "Flavorful herbs and seasoning"],
|
||||
},
|
||||
]}
|
||||
title="Taste the Excellence"
|
||||
@@ -192,41 +137,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Special Bbro Thali",
|
||||
price: "₹350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pakistan-meal-arrangement-basket_23-2148821572.jpg",
|
||||
},
|
||||
id: "p1", name: "Special Bbro Thali", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pakistan-meal-arrangement-basket_23-2148821572.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crispy Corn",
|
||||
price: "₹220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-plate-healthy-cereal-rings-breakfast-tablecloth_114579-68574.jpg",
|
||||
},
|
||||
id: "p2", name: "Crispy Corn", price: "₹220", imageSrc: "http://img.b2bpic.net/free-photo/black-plate-healthy-cereal-rings-breakfast-tablecloth_114579-68574.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Spring Roll (8 pcs)",
|
||||
price: "₹250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-roll_1203-2856.jpg",
|
||||
},
|
||||
id: "p3", name: "Spring Roll (8 pcs)", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-roll_1203-2856.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "White Sauce Pasta",
|
||||
price: "₹280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-fettuccini-cream-cheese-chicken-mushrooms-sumakh-side-view_141793-12455.jpg",
|
||||
},
|
||||
id: "p4", name: "White Sauce Pasta", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/pasta-fettuccini-cream-cheese-chicken-mushrooms-sumakh-side-view_141793-12455.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Paneer Tikka Platter",
|
||||
price: "₹320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-vietnamese-spring-rolls-with-spicy-shrimps-prawns-carrot-cucumber-red-cabbage-rice-noodle_2829-18343.jpg",
|
||||
},
|
||||
id: "p5", name: "Paneer Tikka Platter", price: "₹320", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-vietnamese-spring-rolls-with-spicy-shrimps-prawns-carrot-cucumber-red-cabbage-rice-noodle_2829-18343.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grilled Vegetable Wrap",
|
||||
price: "₹240",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-eating-egg-tomato-dish-served-with-bread-cup-coffee_140725-8739.jpg",
|
||||
},
|
||||
id: "p6", name: "Grilled Vegetable Wrap", price: "₹240", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-egg-tomato-dish-served-with-bread-cup-coffee_140725-8739.jpg"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Indulge in our carefully curated selection of local and international delicacies."
|
||||
@@ -241,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.8",
|
||||
description: "Google Rating",
|
||||
},
|
||||
id: "m1", value: "4.8", description: "Google Rating"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "145+",
|
||||
description: "Happy Reviews",
|
||||
},
|
||||
id: "m2", value: "145+", description: "Happy Reviews"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.5km",
|
||||
description: "From City Center",
|
||||
},
|
||||
id: "m3", value: "1.5km", description: "From City Center"},
|
||||
]}
|
||||
title="Trusted by Many"
|
||||
description="Our dedication to quality has earned us a reputation for excellence in Jamdoli."
|
||||
@@ -267,45 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "So beautiful!",
|
||||
quote: "Soooo beautiful place for party and food is sooo tasty ......",
|
||||
name: "Rahul Sharma",
|
||||
role: "Family Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg",
|
||||
},
|
||||
id: "t1", title: "So beautiful!", quote: "Soooo beautiful place for party and food is sooo tasty ......", name: "Rahul Sharma", role: "Family Guest", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Best service!",
|
||||
quote: "Best restaurant.....😍 Best service veryyyyy Nice eee facility",
|
||||
name: "Priya Verma",
|
||||
role: "Regular Diner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
},
|
||||
id: "t2", title: "Best service!", quote: "Best restaurant.....😍 Best service veryyyyy Nice eee facility", name: "Priya Verma", role: "Regular Diner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Impressive staff",
|
||||
quote: "Staff and his manager Mr. Bharadwaj's behaviour is very impressive.",
|
||||
name: "Amit Gupta",
|
||||
role: "Party Organizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-toast-while-enjoying-lunch-with-her-friends-home_637285-5886.jpg",
|
||||
},
|
||||
id: "t3", title: "Impressive staff", quote: "Staff and his manager Mr. Bharadwaj's behaviour is very impressive.", name: "Amit Gupta", role: "Party Organizer", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-toast-while-enjoying-lunch-with-her-friends-home_637285-5886.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Great ambiance",
|
||||
quote: "A wonderful evening with great food and music. Perfect for a romantic dinner.",
|
||||
name: "Sanya K.",
|
||||
role: "Food Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
},
|
||||
id: "t4", title: "Great ambiance", quote: "A wonderful evening with great food and music. Perfect for a romantic dinner.", name: "Sanya K.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Top notch food",
|
||||
quote: "Delicious North Indian cuisine and lovely pool view. Highly recommended!",
|
||||
name: "Vijay Deshmukh",
|
||||
role: "Local Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg",
|
||||
},
|
||||
id: "t5", title: "Top notch food", quote: "Delicious North Indian cuisine and lovely pool view. Highly recommended!", name: "Vijay Deshmukh", role: "Local Patron", imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Read why our guests recommend us for family parties and romantic evenings."
|
||||
@@ -318,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do I need to reserve a table?",
|
||||
content: "While walk-ins are welcome, we recommend reservations, especially for weekend parties or dinner gatherings.",
|
||||
},
|
||||
id: "faq1", title: "Do I need to reserve a table?", content: "While walk-ins are welcome, we recommend reservations, especially for weekend parties or dinner gatherings."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we are listed on Swiggy and provide home delivery for our complete menu.",
|
||||
},
|
||||
id: "faq2", title: "Do you offer delivery?", content: "Yes, we are listed on Swiggy and provide home delivery for our complete menu."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily until 11:00 PM.",
|
||||
},
|
||||
id: "faq3", title: "What are your opening hours?", content: "We are open daily until 11:00 PM."},
|
||||
]}
|
||||
title="Commonly Asked"
|
||||
description="Have questions about your visit? We have answers."
|
||||
@@ -343,20 +216,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for an evening at The Bbro?"
|
||||
description="Located at 174-A, Agra Rd, Jamdoli. Reach out to us via WhatsApp or phone to book your table."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/918005537242",
|
||||
},
|
||||
text: "WhatsApp Now", href: "https://wa.me/918005537242"},
|
||||
{
|
||||
text: "Call 080055 37242",
|
||||
href: "tel:+918005537242",
|
||||
},
|
||||
text: "Call 080055 37242", href: "tel:+918005537242"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -365,16 +233,16 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="The Bbro Poolside"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button className="fixed bottom-8 right-8 z-50 p-4 bg-primary text-white rounded-full shadow-lg hover:scale-105 transition-transform">
|
||||
<MessageCircle className="w-8 h-8" />
|
||||
</button>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user