Update src/app/page.tsx
This commit is contained in:
354
src/app/page.tsx
354
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Memon Bite"
|
||||
/>
|
||||
@@ -54,86 +42,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Memon Bite: Taste the True Essence of Fast Food"
|
||||
description="Indulge in our mouth-watering burgers, crispy fried chicken, and signature wraps. Fresh ingredients, bold flavors, served hot and fast just for you."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1361.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-kiev-cutlet-served-with-cabbage-salad-greens-sauce-tomato-slices_140725-8377.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-7627.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-food-homemade-tonkatsu-pork-cutlet-aluminium-foil-with-copy-space_1428-652.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-plate_1187-1733.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1361.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chicken-kiev-cutlet-served-with-cabbage-salad-greens-sauce-tomato-slices_140725-8377.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-7627.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-food-homemade-tonkatsu-pork-cutlet-aluminium-foil-with-copy-space_1428-652.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hamburger-plate_1187-1733.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-burger-full_1220-641.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-near-beer-ketchup_23-2147717025.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7485.jpg",
|
||||
imageAlt: "delicious fast food burger meal",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chicken-burger-full_1220-641.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-near-beer-ketchup_23-2147717025.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7485.jpg", imageAlt: "delicious fast food burger meal" },
|
||||
]}
|
||||
buttons={[{ text: "Order Now", href: "#menu" }, { text: "About Us", href: "#about" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/burger-with-vegetable-salad_141793-1362.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/classic-home-made-cheesburgers-black-plate-background-fries-fast-food-unhealthy-snack_482257-28911.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/burger-filled-with-chicken-nuggets_140725-1095.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fast-food-french-fries-with-sandwich-cafe_169016-2100.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-hot-dogs-chips-plate_23-2148679033.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/burger-with-vegetable-salad_141793-1362.jpg", alt: "Customer profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/classic-home-made-cheesburgers-black-plate-background-fries-fast-food-unhealthy-snack_482257-28911.jpg", alt: "Customer profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/burger-filled-with-chicken-nuggets_140725-1095.jpg", alt: "Customer profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fast-food-french-fries-with-sandwich-cafe_169016-2100.jpg", alt: "Customer profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-hot-dogs-chips-plate_23-2148679033.jpg", alt: "Customer profile 5" },
|
||||
]}
|
||||
avatarText="Loved by 10k+ happy customers"
|
||||
/>
|
||||
@@ -145,18 +77,9 @@ export default function LandingPage() {
|
||||
title="Authentic Flavors, Passionately Crafted"
|
||||
description="At Memon Bite, we combine tradition with fast-paced convenience. Every dish is prepared with fresh, locally-sourced ingredients to satisfy your cravings perfectly."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Menu Varieties",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{ value: "10k+", title: "Happy Customers" },
|
||||
{ value: "50+", title: "Menu Varieties" },
|
||||
{ value: "10", title: "Years Experience" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dedicated-restaurant-chef-chopping-bell-pepper-stainless-steel-kitchen_482257-121174.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -171,33 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fresh Ingredients",
|
||||
descriptions: [
|
||||
"Hand-picked produce and farm-fresh meat for ultimate quality.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mulberry-juice_1339-3067.jpg",
|
||||
imageAlt: "juicy beef burger gourmet",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Lightning Fast",
|
||||
descriptions: [
|
||||
"Quick preparation ensures your food stays hot and crisp.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-fried-potato-mix-with-chilly-powder-wooden-table_1150-14567.jpg",
|
||||
imageAlt: "delicious fast food burger",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bold Flavors",
|
||||
descriptions: [
|
||||
"Unique, secret spice blends that define our signature taste.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-french-fries-with-red-sauce-served-table_632805-37.jpg",
|
||||
imageAlt: "gourmet burger ingredients",
|
||||
},
|
||||
{ id: "f1", title: "Fresh Ingredients", descriptions: ["Hand-picked produce and farm-fresh meat for ultimate quality."], imageSrc: "http://img.b2bpic.net/free-photo/mulberry-juice_1339-3067.jpg", imageAlt: "juicy beef burger gourmet" },
|
||||
{ id: "f2", title: "Lightning Fast", descriptions: ["Quick preparation ensures your food stays hot and crisp."], imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-fried-potato-mix-with-chilly-powder-wooden-table_1150-14567.jpg", imageAlt: "delicious fast food burger" },
|
||||
{ id: "f3", title: "Bold Flavors", descriptions: ["Unique, secret spice blends that define our signature taste."], imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-french-fries-with-red-sauce-served-table_632805-37.jpg", imageAlt: "gourmet burger ingredients" },
|
||||
]}
|
||||
title="Why Choose Memon Bite?"
|
||||
description="Quality food delivered with unmatched care and speed."
|
||||
@@ -211,48 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Memon Burger",
|
||||
price: "$5.99",
|
||||
variant: "Spicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-pickles-cutting-board_23-2148784497.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crispy Fried Chicken",
|
||||
price: "$7.99",
|
||||
variant: "Extra Crunchy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fresh-burger-fries-sauce_23-2148784442.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Special Chicken Wrap",
|
||||
price: "$4.99",
|
||||
variant: "Healthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-chili-sauce-black-plate_114579-3777.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Supreme Pizza Slice",
|
||||
price: "$3.49",
|
||||
variant: "Pepperoni",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-slice-jam-onion-italian-pizza-isolated-white-background_839833-33906.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Golden Salted Fries",
|
||||
price: "$2.49",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Refreshment Soda",
|
||||
price: "$1.99",
|
||||
variant: "Iced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arabic-street-food-shaurma-with-fried-potatoes_114579-4344.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Memon Burger", price: "$5.99", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-pickles-cutting-board_23-2148784497.jpg" },
|
||||
{ id: "p2", name: "Crispy Fried Chicken", price: "$7.99", variant: "Extra Crunchy", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fresh-burger-fries-sauce_23-2148784442.jpg" },
|
||||
{ id: "p3", name: "Special Chicken Wrap", price: "$4.99", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-chili-sauce-black-plate_114579-3777.jpg" },
|
||||
{ id: "p4", name: "Supreme Pizza Slice", price: "$3.49", variant: "Pepperoni", imageSrc: "http://img.b2bpic.net/free-photo/delicious-slice-jam-onion-italian-pizza-isolated-white-background_839833-33906.jpg" },
|
||||
{ id: "p5", name: "Golden Salted Fries", price: "$2.49", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg" },
|
||||
{ id: "p6", name: "Refreshment Soda", price: "$1.99", variant: "Iced", imageSrc: "http://img.b2bpic.net/free-photo/arabic-street-food-shaurma-with-fried-potatoes_114579-4344.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Explore our delicious range of fast food favorites."
|
||||
@@ -265,33 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Orders Daily",
|
||||
items: [
|
||||
"Consistent demand",
|
||||
"Freshly prepared",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
items: [
|
||||
"Happy diners",
|
||||
"Top quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30m",
|
||||
title: "Avg Delivery Time",
|
||||
items: [
|
||||
"Super fast",
|
||||
"Doorstep hot",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Orders Daily", items: ["Consistent demand", "Freshly prepared"] },
|
||||
{ id: "m2", value: "99%", title: "Satisfaction Rate", items: ["Happy diners", "Top quality"] },
|
||||
{ id: "m3", value: "30m", title: "Avg Delivery Time", items: ["Super fast", "Doorstep hot"] },
|
||||
]}
|
||||
title="Quality at Scale"
|
||||
description="Our numbers speak for our dedication to delicious food."
|
||||
@@ -305,46 +144,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Food Blogger",
|
||||
company: "EatCity",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-bearded-man-with-specific-appearance-uses-tablet-computer_273609-8927.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Usman Khan",
|
||||
role: "Regular Customer",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-pretty-woman-hungry-having-pizza-sunny-day-sunset-light-outdoor-restaurant-female-enjoying-food-having-fun-lunch_343596-1616.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Ali",
|
||||
role: "Student",
|
||||
company: "Uni Student",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
role: "Visitor",
|
||||
company: "Tourist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ayesha Khan",
|
||||
role: "Office Worker",
|
||||
company: "Corporate Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Ahmed", role: "Food Blogger", company: "EatCity", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-bearded-man-with-specific-appearance-uses-tablet-computer_273609-8927.jpg" },
|
||||
{ id: "2", name: "Usman Khan", role: "Regular Customer", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-pretty-woman-hungry-having-pizza-sunny-day-sunset-light-outdoor-restaurant-female-enjoying-food-having-fun-lunch_343596-1616.jpg" },
|
||||
{ id: "3", name: "Fatima Ali", role: "Student", company: "Uni Student", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg" },
|
||||
{ id: "4", name: "John Doe", role: "Visitor", company: "Tourist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
{ id: "5", name: "Ayesha Khan", role: "Office Worker", company: "Corporate Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg" },
|
||||
]}
|
||||
title="What Our Foodies Say"
|
||||
description="Loved by thousands across the city."
|
||||
@@ -355,87 +159,19 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"FoodPanda",
|
||||
"Careem Food",
|
||||
"Local Farms",
|
||||
"Coca-Cola",
|
||||
"PepsiCo",
|
||||
"Nestle Foods",
|
||||
"Dairy Land",
|
||||
]}
|
||||
names={["FoodPanda", "Careem Food", "Local Farms", "Coca-Cola", "PepsiCo", "Nestle Foods", "Dairy Land"]}
|
||||
title="Trusted Partner Brands"
|
||||
description="Working with the best delivery and sourcing partners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Ready to satisfy your cravings? Visit us today or order now!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@memonbite.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Memon Bite"
|
||||
columns={[
|
||||
{
|
||||
title: "Our Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Burgers",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Fried Chicken",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Wraps",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Feedback",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Our Menu", items: [{ label: "Burgers", href: "#menu" }, { label: "Fried Chicken", href: "#menu" }, { label: "Wraps", href: "#menu" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "/contact" }, { label: "Careers", href: "#" }, { label: "Feedback", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Memon Bite & Fast Food. All Rights Reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user