Update src/app/menu/page.tsx
This commit is contained in:
@@ -8,32 +8,6 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from 'next/link';
|
||||
|
||||
const assetMap = {
|
||||
"coffee-shop-interior": { url: "https://img.b2bpic.net/free-photo/man-apron-preparing-coffee-machine_23-2148366708.jpg", alt: "coffee shop interior barista making coffee cozy cafe coffee beans" },
|
||||
"freshly-brewed-coffee": { url: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg", alt: "freshly brewed coffee coffee cup steam coffee latte art" },
|
||||
"pastries-display": { url: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg", alt: "pastries display bakery counter croissants muffins dessert tray" },
|
||||
"latte-art": { url: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-134687.jpg", alt: "latte art coffee foam heart latte coffee design" },
|
||||
"coffee-beans-roasting": { url: "https://img.b2bpic.net/free-photo/close-up-image-man-preparing-cappuccino-coffee-machine_613910-8868.jpg", alt: "coffee beans roasting fresh coffee beans roastery coffee process" },
|
||||
"barista-at-work": { url: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg", alt: "barista at work making coffee coffee preparation espresso machine" },
|
||||
"customer-review-avatar-1": { url: "https://img.b2bpic.net/free-photo/male-barista-preparing-cappuccino-coffee-shop_1303-29343.jpg", alt: "happy customer portrait smiling woman coffee cafe visitor person drinking coffee" },
|
||||
"customer-review-avatar-2": { url: "https://img.b2bpic.net/free-photo/close-up-barista-female-hands-pressing-coffee-into-tamper-prepares-order-cafe-counter_1258-203404.jpg", alt: "man enjoying coffee cafe customer smiling customer testimonial person relaxing cafe" },
|
||||
"customer-review-avatar-3": { url: "https://img.b2bpic.net/free-photo/smiling-waiter-making-cup-coffee_1170-577.jpg", alt: "young woman coffee shop satisfied customer coffee experience portrait smile cafe" },
|
||||
"customer-review-avatar-4": { url: "https://img.b2bpic.net/free-photo/high-angle-male-making-coffee_23-2148366604.jpg", alt: "older man coffee shop review coffee happy patron coffee break portrait" },
|
||||
"cozy-cafe-setting": { url: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg", alt: "cozy cafe setting comfortable seating coffee shop decor warm ambiance" }
|
||||
};
|
||||
|
||||
function resolveAsset(id) {
|
||||
if (!id || !id.startsWith("asset://")) {
|
||||
return { url: id, alt: "" };
|
||||
}
|
||||
const assetKey = id.replace("asset://", "");
|
||||
const asset = assetMap[assetKey];
|
||||
if (asset) {
|
||||
return { url: asset.url, alt: asset.alt };
|
||||
}
|
||||
return { url: "/placeholders/placeholder1.webp", alt: "Placeholder image" };
|
||||
}
|
||||
|
||||
export default function MenuPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
@@ -74,15 +48,15 @@ export default function MenuPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Bean & Brew", name: "Classic Espresso", price: "$3.50", rating: 5, reviewCount: "1.2k", imageSrc: resolveAsset("asset://latte-art").url, imageAlt: resolveAsset("asset://latte-art").alt },
|
||||
{ id: "2", brand: "Bean & Brew", name: "Velvet Latte", price: "$5.00", rating: 4, reviewCount: "850", imageSrc: resolveAsset("asset://freshly-brewed-coffee").url, imageAlt: resolveAsset("asset://freshly-brewed-coffee").alt },
|
||||
{ id: "3", brand: "Bean & Brew", name: "Artisan Croissant", price: "$4.25", rating: 5, reviewCount: "600", imageSrc: resolveAsset("asset://pastries-display").url, imageAlt: resolveAsset("asset://pastries-display").alt },
|
||||
{ id: "4", brand: "Bean & Brew", name: "Blueberry Muffin", price: "$3.75", rating: 4, reviewCount: "420", imageSrc: resolveAsset("asset://pastries-display").url, imageAlt: resolveAsset("asset://pastries-display").alt },
|
||||
{ id: "5", brand: "Bean & Brew", name: "Iced Caramel Macchiato", price: "$5.50", rating: 4, reviewCount: "700", imageSrc: resolveAsset("asset://latte-art").url, imageAlt: resolveAsset("asset://latte-art").alt },
|
||||
{ id: "6", brand: "Bean & Brew", name: "Chocolate Chip Cookie", price: "$3.00", rating: 5, reviewCount: "500", imageSrc: resolveAsset("asset://pastries-display").url, imageAlt: resolveAsset("asset://pastries-display").alt }
|
||||
{ id: "1", brand: "Bean & Brew", name: "Classic Espresso", price: "$3.50", rating: 5, reviewCount: "1.2k", imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-134687.jpg", imageAlt: "latte art coffee foam heart latte coffee design" },
|
||||
{ id: "2", brand: "Bean & Brew", name: "Velvet Latte", price: "$5.00", rating: 4, reviewCount: "850", imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg", imageAlt: "freshly brewed coffee coffee cup steam coffee latte art" },
|
||||
{ id: "3", brand: "Bean & Brew", name: "Artisan Croissant", price: "$4.25", rating: 5, reviewCount: "600", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg", imageAlt: "pastries display bakery counter croissants muffins dessert tray" },
|
||||
{ id: "4", brand: "Bean & Brew", name: "Blueberry Muffin", price: "$3.75", rating: 4, reviewCount: "420", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg", imageAlt: "pastries display bakery counter croissants muffins dessert tray" },
|
||||
{ id: "5", brand: "Bean & Brew", name: "Iced Caramel Macchiato", price: "$5.50", rating: 4, reviewCount: "700", imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-134687.jpg", imageAlt: "latte art coffee foam heart latte coffee design" },
|
||||
{ id: "6", brand: "Bean & Brew", name: "Chocolate Chip Cookie", price: "$3.00", rating: 5, reviewCount: "500", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg", imageAlt: "pastries display bakery counter croissants muffins dessert tray" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
titleClassName="text-foreground"
|
||||
textBoxTitleClassName="text-foreground"
|
||||
descriptionClassName="text-foreground"
|
||||
cardBrandClassName="text-foreground"
|
||||
cardNameClassName="text-foreground"
|
||||
@@ -98,13 +72,13 @@ export default function MenuPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "01", title: "Premium Coffee Beans", description: "Ethically sourced from the world's best regions, roasted to perfection.", imageSrc: resolveAsset("asset://coffee-beans-roasting").url, imageAlt: resolveAsset("asset://coffee-beans-roasting").alt },
|
||||
{ id: "02", title: "Fresh Local Ingredients", description: "Our pastries and treats are made daily with locally sourced, fresh ingredients.", imageSrc: resolveAsset("asset://pastries-display").url, imageAlt: resolveAsset("asset://pastries-display").alt },
|
||||
{ id: "03", title: "Skilled Baristas", description: "Our team consists of passionate, expertly trained baristas dedicated to their craft.", imageSrc: resolveAsset("asset://barista-at-work").url, imageAlt: resolveAsset("asset://barista-at-work").alt },
|
||||
{ id: "04", title: "Artisanal Preparation", description: "Each drink is prepared with meticulous care and attention to detail, ensuring perfection.", imageSrc: resolveAsset("asset://freshly-brewed-coffee").url, imageAlt: resolveAsset("asset://freshly-brewed-coffee").alt }
|
||||
{ id: "01", title: "Premium Coffee Beans", description: "Ethically sourced from the world's best regions, roasted to perfection.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-image-man-preparing-cappuccino-coffee-machine_613910-8868.jpg", imageAlt: "coffee beans roasting fresh coffee beans roastery coffee process" },
|
||||
{ id: "02", title: "Fresh Local Ingredients", description: "Our pastries and treats are made daily with locally sourced, fresh ingredients.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg", imageAlt: "pastries display bakery counter croissants muffins dessert tray" },
|
||||
{ id: "03", title: "Skilled Baristas", description: "Our team consists of passionate, expertly trained baristas dedicated to their craft.", imageSrc: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg", imageAlt: "barista at work making coffee coffee preparation espresso machine" },
|
||||
{ id: "04", title: "Artisanal Preparation", description: "Each drink is prepared with meticulous care and attention to detail, ensuring perfection.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg", imageAlt: "freshly brewed coffee coffee cup steam coffee latte art" }
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
titleClassName="text-foreground"
|
||||
textBoxTitleClassName="text-foreground"
|
||||
descriptionClassName="text-foreground"
|
||||
cardTitleClassName="text-foreground"
|
||||
cardDescriptionClassName="text-foreground"
|
||||
@@ -118,7 +92,7 @@ export default function MenuPage() {
|
||||
text="Ready to order your favorite coffee and treats?"
|
||||
animationType="entrance-slide"
|
||||
buttons={[{ text: "Order Online", href: "/menu" }, { text: "Visit Our Shop", href: "/contact" }]}
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
textClassName="text-foreground"
|
||||
buttonClassName="text-primary-cta"
|
||||
@@ -134,7 +108,6 @@ export default function MenuPage() {
|
||||
{ items: [{ label: "Contact", href: "/contact" }, { label: "Careers", href: "/careers" }] },
|
||||
{ items: [{ label: "Facebook", href: "https://facebook.com/beanandbrew" }, { label: "Instagram", href: "https://instagram.com/beanandbrew" }, { label: "Twitter", href: "https://twitter.com/beanandbrew" }] }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
logoClassName="text-foreground"
|
||||
itemClassName="text-foreground"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user