Update src/app/page.tsx
This commit is contained in:
466
src/app/page.tsx
466
src/app/page.tsx
@@ -28,353 +28,141 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "reservation",
|
||||
},
|
||||
]}
|
||||
brandName="Bonfire"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Location", id: "contact" },
|
||||
{ name: "Reservations", id: "reservation" }
|
||||
]}
|
||||
brandName="Bonfire"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Taste the Fire"
|
||||
description="Experience the authentic flavor of charcoal-grilled perfection at Bonfire Restaurant. From sizzling steaks to artisanal burgers, every bite is a celebration of flavor."
|
||||
tag="Sadiqabad's Finest Grill"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#reservation",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-meat-roll-pita-bread-french-fries_140725-7531.jpg?_wi=1",
|
||||
imageAlt: "grilled beef steak bonfire flame",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/club-sandwich-with-french-fries_140725-6098.jpg",
|
||||
imageAlt: "grilled beef steak bonfire flame",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/club-sandwich-with-cheese-cucumber-tomato-smoked-meat-salami-served-with-french-fries_2829-19831.jpg",
|
||||
imageAlt: "Club sandwich with cheese, cucumber, tomato, smoked meat and salami. Served with French fries.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-tasty-dishes_181624-36056.jpg",
|
||||
imageAlt: "Top view of various tasty dishes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-food-restaurant-table_7939-2830.jpg",
|
||||
imageAlt: "Fast food on a restaurant table",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by 1000+ local foodies"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Taste the Fire"
|
||||
description="Experience the authentic flavor of charcoal-grilled perfection at Bonfire Restaurant. From sizzling steaks to artisanal burgers, every bite is a celebration of flavor."
|
||||
tag="Sadiqabad's Finest Grill"
|
||||
buttons={[
|
||||
{ text: "Book a Table", href: "#reservation" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sliced-meat-roll-pita-bread-french-fries_140725-7531.jpg", imageAlt: "grilled beef steak bonfire flame" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/club-sandwich-with-french-fries_140725-6098.jpg", imageAlt: "grilled beef steak bonfire flame" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by 1000+ local foodies"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Where Flavor Meets Fire"
|
||||
description={[
|
||||
"At Bonfire, we believe in the art of the grill. Located in the heart of Sadiqabad, we bring premium ingredients and wood-fired techniques together to craft unforgettable meals.",
|
||||
"Our cozy interior and welcoming atmosphere are designed to make your dining experience feel like home.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Where Flavor Meets Fire"
|
||||
description={[
|
||||
"At Bonfire, we believe in the art of the grill. Located in the heart of Sadiqabad, we bring premium ingredients and wood-fired techniques together to craft unforgettable meals.", "Our cozy interior and welcoming atmosphere are designed to make your dining experience feel like home."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Burgers",
|
||||
name: "Bonfire Classic",
|
||||
price: "Rs. 950",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-ready-eat-hamburger_23-2148614096.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Steaks",
|
||||
name: "Pepper Steak",
|
||||
price: "Rs. 2400",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steak-with-sauce-vegetables_23-2148611104.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Pizza",
|
||||
name: "Tikka Passion",
|
||||
price: "Rs. 1800",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board-with-cherry-tomatoes-free-space-text_78826-2849.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "BBQ",
|
||||
name: "Special BBQ Platter",
|
||||
price: "Rs. 3200",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-meat-with-tomato-pepper_140725-9510.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Burgers",
|
||||
name: "Spicy Zinger",
|
||||
price: "Rs. 750",
|
||||
rating: 4,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-sausage-stick-sandwiches-with-herbs-cheese-sauces_114579-71879.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "BBQ",
|
||||
name: "Seekh Kebab",
|
||||
price: "Rs. 550",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2239.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Indulge in our carefully curated selection of burgers, steaks, pizzas, and authentic BBQ dishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", brand: "Burgers", name: "Bonfire Classic", price: "Rs. 950", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-ready-eat-hamburger_23-2148614096.jpg" },
|
||||
{ id: "2", brand: "Steaks", name: "Pepper Steak", price: "Rs. 2400", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-steak-with-sauce-vegetables_23-2148611104.jpg" },
|
||||
{ id: "3", brand: "Pizza", name: "Tikka Passion", price: "Rs. 1800", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board-with-cherry-tomatoes-free-space-text_78826-2849.jpg" },
|
||||
{ id: "4", brand: "BBQ", name: "Special BBQ Platter", price: "Rs. 3200", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-meat-with-tomato-pepper_140725-9510.jpg" },
|
||||
{ id: "5", brand: "Burgers", name: "Spicy Zinger", price: "Rs. 750", rating: 4, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sausage-stick-sandwiches-with-herbs-cheese-sauces_114579-71879.jpg" },
|
||||
{ id: "6", brand: "BBQ", name: "Seekh Kebab", price: "Rs. 550", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2239.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Indulge in our carefully curated selection of burgers, steaks, pizzas, and authentic BBQ dishes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm Fresh Ingredients",
|
||||
description: "Locally sourced produce for the highest quality flavors.",
|
||||
icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-rib-steak-with-garlic-cinnamon-ax-stand_141793-12212.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-meat-roll-pita-bread-french-fries_140725-7531.jpg?_wi=2",
|
||||
imageAlt: "premium gourmet beef burger",
|
||||
},
|
||||
{
|
||||
title: "Traditional Grilling",
|
||||
description: "Authentic wood-fire techniques that lock in natural moisture.",
|
||||
icon: Flame,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-grilled-chicken-breast-filled-with-mushroom-carrot-bell-pepper_140725-6995.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-dark-surface-meal-italian-food-dough-snack-pizza_140725-101748.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cappuccino-picture-drink-decoration_1203-4618.jpg",
|
||||
imageAlt: "premium gourmet beef burger",
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Warm, inviting spaces perfect for family and friends.",
|
||||
icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-ready-eat-hamburger_23-2148614096.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-beef-steak-salad-inside-served-with-jar-mojito_114579-2310.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steak-with-sauce-vegetables_23-2148611104.jpg?_wi=2",
|
||||
imageAlt: "premium gourmet beef burger",
|
||||
},
|
||||
]}
|
||||
title="Why Bonfire?"
|
||||
description="We don't just cook, we create experiences. Our commitment to quality ensures every visit is memorable."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Farm Fresh Ingredients", description: "Locally sourced produce for the highest quality flavors.", icon: CheckCircle, mediaItems: [{}, {}] },
|
||||
{ title: "Traditional Grilling", description: "Authentic wood-fire techniques that lock in natural moisture.", icon: Flame, mediaItems: [{}, {}] },
|
||||
{ title: "Cozy Atmosphere", description: "Warm, inviting spaces perfect for family and friends.", icon: Home, mediaItems: [{}, {}] }
|
||||
]}
|
||||
title="Why Bonfire?"
|
||||
description="We don't just cook, we create experiences. Our commitment to quality ensures every visit is memorable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Foodie",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ali Raza",
|
||||
role: "Frequent Diner",
|
||||
company: "Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Noor",
|
||||
role: "Blogger",
|
||||
company: "Lifestyle",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Usman Khan",
|
||||
role: "Visitor",
|
||||
company: "Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fish-dish-encrusted-with-sesame-restaurant_140725-5281.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Javed",
|
||||
role: "Local",
|
||||
company: "Student",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Menu Items",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Guests",
|
||||
},
|
||||
]}
|
||||
title="Voices of Bonfire"
|
||||
description="See what our loyal Sadiqabad guests have to say about their dining experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Ahmed", role: "Foodie", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
{ id: "2", name: "Ali Raza", role: "Frequent Diner", company: "Business Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
|
||||
{ id: "3", name: "Fatima Noor", role: "Blogger", company: "Lifestyle", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg" },
|
||||
{ id: "4", name: "Usman Khan", role: "Visitor", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fish-dish-encrusted-with-sesame-restaurant_140725-5281.jpg" },
|
||||
{ id: "5", name: "Maria Javed", role: "Local", company: "Student", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
{ value: "15+", label: "Menu Items" },
|
||||
{ value: "5k+", label: "Happy Guests" }
|
||||
]}
|
||||
title="Voices of Bonfire"
|
||||
description="See what our loyal Sadiqabad guests have to say about their dining experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer home delivery?",
|
||||
content: "Yes, we offer delivery across Sadiqabad via our partners.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I book for events?",
|
||||
content: "Certainly, contact us for event reservations and private dining.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "We offer a variety of vegetarian pizzas and appetizers.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cook-is-fry-vegetables-with-spices-sauce-wok-flame-cooking-process-asian-restaurant_613910-5938.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Get answers to your questions about bookings, menu, and location."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer home delivery?", content: "Yes, we offer delivery across Sadiqabad via our partners." },
|
||||
{ id: "2", title: "Can I book for events?", content: "Certainly, contact us for event reservations and private dining." },
|
||||
{ id: "3", title: "Are there vegetarian options?", content: "We offer a variety of vegetarian pizzas and appetizers." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cook-is-fry-vegetables-with-spices-sauce-wok-flame-cooking-process-asian-restaurant_613910-5938.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Get answers to your questions about bookings, menu, and location."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Book Your Table"
|
||||
description="Ready for a great meal? Reserve your spot at Bonfire today."
|
||||
buttonText="Reserve Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Book Your Table"
|
||||
description="Ready for a great meal? Reserve your spot at Bonfire today."
|
||||
buttonText="Reserve Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#reservation",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Bonfire"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "Location", href: "#contact" }] },
|
||||
{ items: [{ label: "Reservations", href: "#reservation" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="Bonfire"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user