Update src/app/page.tsx
This commit is contained in:
@@ -11,8 +11,42 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import React, { useState, useEffect } from 'react';
|
||||
|
||||
const initialMenuProducts = [
|
||||
{
|
||||
id: "mutton-karahi", name: "Mutton Karahi", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-sauteed-bone-broth-with-herbs-tomato-sauce_114579-1900.jpg", imageAlt: "Mutton Karahi served in a traditional pot"
|
||||
},
|
||||
{
|
||||
id: "chicken-biryani", name: "Chicken Biryani", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-tomato-sauce-rice-risotto-plov-with-herbs-yogurt-sumakh-white-plate_114579-293.jpg", imageAlt: "Chicken Biryani with raita"
|
||||
},
|
||||
{
|
||||
id: "aloo-gobi", name: "Aloo Gobi", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-fried-potatoes-inside-pan-with-lemon-slices-dark-table_140725-136315.jpg", imageAlt: "Aloo Gobi curry with cilantro"
|
||||
},
|
||||
{
|
||||
id: "seekh-kebab", name: "Seekh Kebab Platter", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shoot-barbequed-sausages-cherry-tomatoes-wooden-surface_181624-6082.jpg", imageAlt: "Seekh Kebab with mint chutney"
|
||||
},
|
||||
{
|
||||
id: "mango-lassi", name: "Mango Lassi", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/sultana-lemons-with-cup-drink-blue_114579-29047.jpg", imageAlt: "Refreshing Mango Lassi"
|
||||
},
|
||||
{
|
||||
id: "chai-tea", name: "Karak Chai", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/soothing-cinnamon-drink-casting-cozy-light-table_157027-4176.jpg", imageAlt: "Hot Karak Chai in a cup"
|
||||
},
|
||||
{
|
||||
id: "chicken-tikka", name: "Chicken Tikka Skewers", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-kebab-meat-skewer_141793-3912.jpg", imageAlt: "Grilled Chicken Tikka"
|
||||
},
|
||||
{
|
||||
id: "naan", name: "Fresh Tandoori Naan", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033974.jpg", imageAlt: "Warm Tandoori Naan bread"
|
||||
}
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
const [menuProducts, setMenuProducts] = useState([]);
|
||||
|
||||
useEffect(() => {
|
||||
setMenuProducts(initialMenuProducts);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -82,24 +116,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "mutton-karahi", name: "Mutton Karahi", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-sauteed-bone-broth-with-herbs-tomato-sauce_114579-1900.jpg", imageAlt: "Mutton Karahi served in a traditional pot"},
|
||||
{
|
||||
id: "chicken-biryani", name: "Chicken Biryani", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-tomato-sauce-rice-risotto-plov-with-herbs-yogurt-sumakh-white-plate_114579-293.jpg", imageAlt: "Chicken Biryani with raita"},
|
||||
{
|
||||
id: "aloo-gobi", name: "Aloo Gobi", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-fried-potatoes-inside-pan-with-lemon-slices-dark-table_140725-136315.jpg", imageAlt: "Aloo Gobi curry with cilantro"},
|
||||
{
|
||||
id: "seekh-kebab", name: "Seekh Kebab Platter", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shoot-barbequed-sausages-cherry-tomatoes-wooden-surface_181624-6082.jpg", imageAlt: "Seekh Kebab with mint chutney"},
|
||||
{
|
||||
id: "mango-lassi", name: "Mango Lassi", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/sultana-lemons-with-cup-drink-blue_114579-29047.jpg", imageAlt: "Refreshing Mango Lassi"},
|
||||
{
|
||||
id: "chai-tea", name: "Karak Chai", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/soothing-cinnamon-drink-casting-cozy-light-table_157027-4176.jpg", imageAlt: "Hot Karak Chai in a cup"},
|
||||
{
|
||||
id: "chicken-tikka", name: "Chicken Tikka Skewers", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-kebab-meat-skewer_141793-3912.jpg", imageAlt: "Grilled Chicken Tikka"},
|
||||
{
|
||||
id: "naan", name: "Fresh Tandoori Naan", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033974.jpg", imageAlt: "Warm Tandoori Naan bread"},
|
||||
]}
|
||||
products={menuProducts}
|
||||
title="Our Authentic Pakistani Menu"
|
||||
description="Savor the rich, aromatic tastes of traditional Pakistani dishes and local favorites, prepared with the freshest ingredients and authentic recipes."
|
||||
/>
|
||||
@@ -137,7 +154,7 @@ export default function LandingPage() {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2150215553.jpg", imageAlt: "Group of friends dining together at the cafe"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-serving-themselves-buffet_1262-1698.jpg", imageAlt: "A vibrant catering spread for an event"}
|
||||
},
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Choose The Flavorful Cafe?"
|
||||
@@ -158,7 +175,7 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "4", name: "Imran Butt", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg", imageAlt: "Imran Butt"},
|
||||
{
|
||||
id: "5", name: "Nadia Malik", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-with-beverage_23-2148695445.jpg", imageAlt: "Nadia Malik"},
|
||||
id: "5", name: "Nadia Malik", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-with-beverage_23-2148695445.jpg", imageAlt: "Nadia Malik"}
|
||||
]}
|
||||
cardTitle="Absolutely delicious!"
|
||||
cardTag="Customer Review"
|
||||
@@ -178,7 +195,7 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "faq-3", title: "Do you provide catering services?", content: "Absolutely! We offer catering for all types of events, from small family gatherings to large corporate functions. Please contact us to discuss your specific needs and customize a menu."},
|
||||
{
|
||||
id: "faq-4", title: "Is online ordering available for delivery?", content: "Yes, you can conveniently place your order online for both pickup and delivery through our website or preferred food delivery partners. Delivery charges may apply."},
|
||||
id: "faq-4", title: "Is online ordering available for delivery?", content: "Yes, you can conveniently place your order online for both pickup and delivery through our website or preferred food delivery partners. Delivery charges may apply."}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our menu, services, and cafe."
|
||||
@@ -210,16 +227,16 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Catering", href: "#features"},
|
||||
],
|
||||
label: "Catering", href: "#features"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQs", href: "#faq"},
|
||||
],
|
||||
label: "FAQs", href: "#faq"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
@@ -228,9 +245,9 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
label: "Twitter", href: "#"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="The Flavorful Cafe"
|
||||
copyrightText="© 2024 The Flavorful Cafe | All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user