Update src/app/page.tsx

This commit is contained in:
2026-06-10 05:51:15 +00:00
parent edacfe3fcb
commit 92c5871e72

View File

@@ -31,82 +31,47 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "Menu", name: "Menu", id: "#menu"},
id: "#menu",
},
{ {
name: "About Us", name: "About Us", id: "#about"},
id: "#about",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="The Flavorful Cafe" brandName="The Flavorful Cafe"
button={{ button={{
text: "Order Now", text: "Order Now", href: "#menu"}}
href: "#menu",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="Taste the Authentic Flavors of Pakistan" title="Taste the Authentic Flavors of Pakistan"
description="Experience exquisite Pakistani and local cuisine, crafted with passion and traditional recipes. Order your favorites for pickup or delivery!" description="Experience exquisite Pakistani and local cuisine, crafted with passion and traditional recipes. Order your favorites for pickup or delivery!"
buttons={[ buttons={[
{ {
text: "Explore Our Menu", text: "Explore Our Menu", href: "#menu"},
href: "#menu",
},
{ {
text: "Order Online", text: "Order Online", href: "#menu"},
href: "#menu",
},
]} ]}
carouselItems={[ carouselItems={[
{ {
id: "1", id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-dish-assortment_23-2148821520.jpg", imageAlt: "Delicious Chicken Biryani"},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-dish-assortment_23-2148821520.jpg?_wi=1",
imageAlt: "Delicious Chicken Biryani",
},
{ {
id: "2", id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-pastry-with-meat-delicious-dough-meal-sliced-white-light-desk_140725-41217.jpg", imageAlt: "Crispy Samosa Platter"},
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-pastry-with-meat-delicious-dough-meal-sliced-white-light-desk_140725-41217.jpg?_wi=1",
imageAlt: "Crispy Samosa Platter",
},
{ {
id: "3", id: "3", imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033975.jpg", imageAlt: "Freshly Baked Naan"},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033975.jpg?_wi=1",
imageAlt: "Freshly Baked Naan",
},
{ {
id: "4", id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-vegetable-meal-with-sliced-bell-pepper-salad-brown-surface_140725-61561.jpg", imageAlt: "Spicy Chicken Karahi"},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-vegetable-meal-with-sliced-bell-pepper-salad-brown-surface_140725-61561.jpg",
imageAlt: "Spicy Chicken Karahi",
},
{ {
id: "5", id: "5", imageSrc: "http://img.b2bpic.net/free-photo/small-cake-bowl-assorted-nuts-marble-surface_114579-25599.jpg", imageAlt: "Sweet Gulab Jamun"},
imageSrc: "http://img.b2bpic.net/free-photo/small-cake-bowl-assorted-nuts-marble-surface_114579-25599.jpg",
imageAlt: "Sweet Gulab Jamun",
},
{ {
id: "6", id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beef-meat-doner-bread-served-with-pckles-soup-table_140725-11845.jpg", imageAlt: "Traditional Halwa Puri"},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-beef-meat-doner-bread-served-with-pckles-soup-table_140725-11845.jpg",
imageAlt: "Traditional Halwa Puri",
},
]} ]}
autoPlay={true} autoPlay={true}
autoPlayInterval={5000} autoPlayInterval={5000}
@@ -121,61 +86,21 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "mutton-karahi", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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",
},
]} ]}
title="Our Authentic Pakistani Menu" 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." description="Savor the rich, aromatic tastes of traditional Pakistani dishes and local favorites, prepared with the freshest ingredients and authentic recipes."
@@ -187,10 +112,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="About The Flavorful Cafe" title="About The Flavorful Cafe"
description={[ description={[
"At The Flavorful Cafe, we bring the true essence of Pakistani culinary traditions to your table. Our journey began with a passion for authentic flavors and a desire to share the warmth of Pakistani hospitality.", "At The Flavorful Cafe, we bring the true essence of Pakistani culinary traditions to your table. Our journey began with a passion for authentic flavors and a desire to share the warmth of Pakistani hospitality.", "Every dish is a celebration of our heritage, prepared with hand-picked spices and locally sourced ingredients. From the bustling streets of Lahore to the vibrant markets of Karachi, we've carefully curated a menu that reflects the diversity and richness of our food culture.", "Join us for an unforgettable dining experience where every bite tells a story. We're more than just a cafe; we're a community hub where food, culture, and friendship intertwine."]}
"Every dish is a celebration of our heritage, prepared with hand-picked spices and locally sourced ingredients. From the bustling streets of Lahore to the vibrant markets of Karachi, we've carefully curated a menu that reflects the diversity and richness of our food culture.",
"Join us for an unforgettable dining experience where every bite tells a story. We're more than just a cafe; we're a community hub where food, culture, and friendship intertwine.",
]}
/> />
</div> </div>
@@ -201,46 +123,22 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Cozy Ambiance", title: "Cozy Ambiance", description: "Enjoy your meal in a warm, inviting setting that blends traditional Pakistani decor with modern comfort, perfect for family dinners or casual meetups.", phoneOne: {
description: "Enjoy your meal in a warm, inviting setting that blends traditional Pakistani decor with modern comfort, perfect for family dinners or casual meetups.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg", imageAlt: "Cozy cafe interior with traditional Pakistani decor"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg",
imageAlt: "Cozy cafe interior with traditional Pakistani decor",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-fresh-cheese_23-2150267639.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-fresh-cheese_23-2150267639.jpg", imageAlt: "Chef preparing Pakistani dishes in a clean kitchen"}
imageAlt: "Chef preparing Pakistani dishes in a clean kitchen",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-dish-assortment_23-2148821520.jpg?_wi=2",
imageAlt: "cozy cafe interior seating",
}, },
{ {
title: "Effortless Online Ordering", title: "Effortless Online Ordering", description: "Browse our full menu and place your order with ease through our user-friendly online platform. Choose between convenient pickup or reliable delivery straight to your door.", phoneOne: {
description: "Browse our full menu and place your order with ease through our user-friendly online platform. Choose between convenient pickup or reliable delivery straight to your door.", imageSrc: "http://img.b2bpic.net/free-photo/positive-delivery-woman-holding-pizza-coffee-cups-gray-wall_114579-30995.jpg", imageAlt: "Food delivery person on a scooter"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/positive-delivery-woman-holding-pizza-coffee-cups-gray-wall_114579-30995.jpg",
imageAlt: "Food delivery person on a scooter",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-food-world-tourism-day_23-2149114018.jpg", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-food-world-tourism-day_23-2149114018.jpg", imageAlt: "Mobile phone displaying online food ordering app"}
imageAlt: "Mobile phone displaying online food ordering app",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-pastry-with-meat-delicious-dough-meal-sliced-white-light-desk_140725-41217.jpg?_wi=2",
imageAlt: "cozy cafe interior seating",
}, },
{ {
title: "Catering for Every Occasion", title: "Catering for Every Occasion", description: "Let us bring the taste of Pakistan to your special events. We offer customizable catering menus for gatherings of all sizes, ensuring a memorable culinary experience for your guests.", phoneOne: {
description: "Let us bring the taste of Pakistan to your special events. We offer customizable catering menus for gatherings of all sizes, ensuring a memorable culinary experience for your guests.", 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"},
phoneOne: {
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: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/business-people-serving-themselves-buffet_1262-1698.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-people-serving-themselves-buffet_1262-1698.jpg", imageAlt: "A vibrant catering spread for an event"}
imageAlt: "A vibrant catering spread for an event",
},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033975.jpg?_wi=2",
imageAlt: "cozy cafe interior seating",
}, },
]} ]}
showStepNumbers={true} showStepNumbers={true}
@@ -254,35 +152,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Ayesha Khan", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg", imageAlt: "Ayesha Khan"},
name: "Ayesha Khan",
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
imageAlt: "Ayesha Khan",
},
{ {
id: "2", id: "2", name: "Ahmed Raza", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-having-coffee-pastry-coffee-shop_1170-2321.jpg", imageAlt: "Ahmed Raza"},
name: "Ahmed Raza",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-having-coffee-pastry-coffee-shop_1170-2321.jpg",
imageAlt: "Ahmed Raza",
},
{ {
id: "3", id: "3", name: "Zara Tariq", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-watching-tv-show-headphones-eating-breakfast-looking_1258-281780.jpg", imageAlt: "Zara Tariq"},
name: "Zara Tariq",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-watching-tv-show-headphones-eating-breakfast-looking_1258-281780.jpg",
imageAlt: "Zara Tariq",
},
{ {
id: "4", id: "4", name: "Imran Butt", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg", imageAlt: "Imran Butt"},
name: "Imran Butt",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg",
imageAlt: "Imran Butt",
},
{ {
id: "5", id: "5", name: "Nadia Malik", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-with-beverage_23-2148695445.jpg", imageAlt: "Nadia Malik"},
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!" cardTitle="Absolutely delicious!"
cardTag="Customer Review" cardTag="Customer Review"
@@ -296,25 +174,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "Do you offer vegetarian options?", content: "Yes, we have a wide range of delicious vegetarian dishes, including Aloo Gobi, Daal Fry, and various vegetable curries. Please check our menu for more details."},
title: "Do you offer vegetarian options?",
content: "Yes, we have a wide range of delicious vegetarian dishes, including Aloo Gobi, Daal Fry, and various vegetable curries. Please check our menu for more details.",
},
{ {
id: "faq-2", id: "faq-2", title: "What are your operating hours?", content: "We are open from 11:00 AM to 10:00 PM, seven days a week. Holiday hours may vary, so please check our website or call us for special occasions."},
title: "What are your operating hours?",
content: "We are open from 11:00 AM to 10:00 PM, seven days a week. Holiday hours may vary, so please check our website or call us for special occasions.",
},
{ {
id: "faq-3", 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."},
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", 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: "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" title="Frequently Asked Questions"
description="Find quick answers to common questions about our menu, services, and cafe." description="Find quick answers to common questions about our menu, services, and cafe."
@@ -326,8 +192,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Get in Touch" tag="Get in Touch"
title="Contact The Flavorful Cafe" title="Contact The Flavorful Cafe"
description="Have questions, special requests, or want to book catering? Reach out to us!" description="Have questions, special requests, or want to book catering? Reach out to us!"
@@ -341,58 +206,35 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Explore", title: "Explore", items: [
items: [
{ {
label: "Home", label: "Home", href: "#hero"},
href: "#hero",
},
{ {
label: "Menu", label: "Menu", href: "#menu"},
href: "#menu",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Catering", label: "Catering", href: "#features"},
href: "#features",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
{ {
label: "FAQs", label: "FAQs", href: "#faq"},
href: "#faq",
},
{ {
label: "Order Online", label: "Order Online", href: "#menu"},
href: "#menu",
},
], ],
}, },
{ {
title: "Connect", title: "Connect", items: [
items: [
{ {
label: "Facebook", label: "Facebook", href: "#"},
href: "#",
},
{ {
label: "Instagram", label: "Instagram", href: "#"},
href: "#",
},
{ {
label: "Twitter", label: "Twitter", href: "#"},
href: "#",
},
], ],
}, },
]} ]}