bender/bdc7cea6-8f7d-48e6-af35-a4c1ed9af58d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 3 commits from version_1 into main 2026-03-10 19:12:51 +00:00
Conversation 0 Commits 3 Files Changed 3 +76 -223
3 changed files with 76 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/app/menu/page.tsx
View File

@@ -19,8 +19,7 @@ export default function MenuPage() {
const footerColumns = [
{
title: "Navigate",
items: [
title: "Navigate", items: [
{ label: "Home", href: "/" },
{ label: "Menu", href: "/menu" },
{ label: "About", href: "#about" },
@@ -28,16 +27,14 @@ export default function MenuPage() {
],
},
{
title: "Follow",
items: [
title: "Follow", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "TikTok", href: "https://tiktok.com" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
@@ -87,61 +84,21 @@ export default function MenuPage() {
gridVariant="four-items-2x2-equal-grid"
products={[
{
id: "1",
name: "Classic Pepperoni",
price: "$14.99",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-italian-food-composition-with-copyspace_23-2148202540.jpg",
imageAlt: "classic pepperoni pizza restaurant menu",
},
id: "1", name: "Classic Pepperoni", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-italian-food-composition-with-copyspace_23-2148202540.jpg", imageAlt: "classic pepperoni pizza restaurant menu"},
{
id: "2",
name: "BBQ Chicken",
price: "$16.99",
imageSrc: "http://img.b2bpic.net/free-vector/pizza-restaurant-landing-page_23-2148830859.jpg",
imageAlt: "BBQ chicken pizza restaurant menu",
},
id: "2", name: "BBQ Chicken", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-vector/pizza-restaurant-landing-page_23-2148830859.jpg", imageAlt: "BBQ chicken pizza restaurant menu"},
{
id: "3",
name: "Mac & Cheese Pizza",
price: "$17.99",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-lasagna-casserole-meat-pie-baked-oven-with-vegetable-salad_114579-234.jpg",
imageAlt: "mac and cheese pizza menu photography",
},
id: "3", name: "Mac & Cheese Pizza", price: "$17.99", imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-lasagna-casserole-meat-pie-baked-oven-with-vegetable-salad_114579-234.jpg", imageAlt: "mac and cheese pizza menu photography"},
{
id: "4",
name: "Buffalo Chicken",
price: "$16.99",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-pizza-tray-with-salad-table_141793-12982.jpg",
imageAlt: "buffalo chicken pizza menu restaurant",
},
id: "4", name: "Buffalo Chicken", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-pizza-tray-with-salad-table_141793-12982.jpg", imageAlt: "buffalo chicken pizza menu restaurant"},
{
id: "5",
name: "Veggie Supreme",
price: "$15.99",
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza-with-zucchini-tomato-peppers-mushrooms-wooden-table_123827-21931.jpg",
imageAlt: "fresh vegetable pizza colorful healthy",
},
id: "5", name: "Veggie Supreme", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza-with-zucchini-tomato-peppers-mushrooms-wooden-table_123827-21931.jpg", imageAlt: "fresh vegetable pizza colorful healthy"},
{
id: "6",
name: "Meat Lovers",
price: "$18.99",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pizza-with-salami-ham-green-peppers-tomatoes-black-olives-cheese-table_141793-2996.jpg",
imageAlt: "meat lovers pizza with bacon pepperoni",
},
id: "6", name: "Meat Lovers", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/side-view-pizza-with-salami-ham-green-peppers-tomatoes-black-olives-cheese-table_141793-2996.jpg", imageAlt: "meat lovers pizza with bacon pepperoni"},
{
id: "7",
name: "Spicy Jalapeño",
price: "$15.99",
imageSrc: "http://img.b2bpic.net/free-psd/vertical-poster-template-italian-pizza-restaurant_23-2148725398.jpg",
imageAlt: "spicy jalapeño pizza peppers",
},
id: "7", name: "Spicy Jalapeño", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-psd/vertical-poster-template-italian-pizza-restaurant_23-2148725398.jpg", imageAlt: "spicy jalapeño pizza peppers"},
{
id: "8",
name: "Build Your Own",
price: "From $12.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-arrangement_23-2149325314.jpg",
imageAlt: "pizza preparation custom toppings",
},
id: "8", name: "Build Your Own", price: "From $12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-arrangement_23-2149325314.jpg", imageAlt: "pizza preparation custom toppings"},
]}
/>
</div>
@@ -156,44 +113,20 @@ export default function MenuPage() {
animationType="slide-up"
metrics={[
{
id: "1",
value: "#1",
title: "Mac & Cheese Pizza",
items: [
"Creamy mac & cheese blend",
"Perfect crispy crust",
"A Iowa City legend",
],
id: "1", value: "#1", title: "Mac & Cheese Pizza", items: [
"Creamy mac & cheese blend", "Perfect crispy crust", "A Iowa City legend"],
},
{
id: "2",
value: "#2",
title: "BBQ Chicken Pizza",
items: [
"Smoky BBQ sauce",
"Tender grilled chicken",
"Red onion & cilantro",
],
id: "2", value: "#2", title: "BBQ Chicken Pizza", items: [
"Smoky BBQ sauce", "Tender grilled chicken", "Red onion & cilantro"],
},
{
id: "3",
value: "#3",
title: "Buffalo Chicken Pizza",
items: [
"Spicy buffalo sauce",
"Crispy chicken pieces",
"Blue cheese crumbles",
],
id: "3", value: "#3", title: "Buffalo Chicken Pizza", items: [
"Spicy buffalo sauce", "Crispy chicken pieces", "Blue cheese crumbles"],
},
{
id: "4",
value: "#4",
title: "Veggie Supreme",
items: [
"Fresh seasonal vegetables",
"Three cheese blend",
"Herb-infused sauce",
],
id: "4", value: "#4", title: "Veggie Supreme", items: [
"Fresh seasonal vegetables", "Three cheese blend", "Herb-infused sauce"],
},
]}
/>

121
src/app/page.tsx
View File

@@ -21,8 +21,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Navigate",
items: [
title: "Navigate", items: [
{ label: "Home", href: "/" },
{ label: "Menu", href: "/menu" },
{ label: "About", href: "#about" },
@@ -30,16 +29,14 @@ export default function HomePage() {
],
},
{
title: "Follow",
items: [
title: "Follow", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "TikTok", href: "https://tiktok.com" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
@@ -93,33 +90,13 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
name: "BBQ Chicken",
price: "Large",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-red-pepper-tomato-sauce_23-2148765349.jpg",
imageAlt: "BBQ chicken pizza with red onions",
},
id: "1", name: "BBQ Chicken", price: "Large", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-red-pepper-tomato-sauce_23-2148765349.jpg", imageAlt: "BBQ chicken pizza with red onions"},
{
id: "2",
name: "Mac & Cheese Pizza",
price: "Legend",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pasta-soup-from-spiral-italian-pasta-dark-blue-floor-dish-cuisine-color-soup-pasta_140725-99235.jpg",
imageAlt: "creamy mac and cheese pizza baked",
},
id: "2", name: "Mac & Cheese Pizza", price: "Legend", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pasta-soup-from-spiral-italian-pasta-dark-blue-floor-dish-cuisine-color-soup-pasta_140725-99235.jpg", imageAlt: "creamy mac and cheese pizza baked"},
{
id: "3",
name: "Buffalo Chicken",
price: "Large",
imageSrc: "http://img.b2bpic.net/free-photo/taking-slice-mixed-ingredient-pizza-with-glass-orange-juice_114579-3340.jpg",
imageAlt: "spicy buffalo chicken pizza restaurant",
},
id: "3", name: "Buffalo Chicken", price: "Large", imageSrc: "http://img.b2bpic.net/free-photo/taking-slice-mixed-ingredient-pizza-with-glass-orange-juice_114579-3340.jpg", imageAlt: "spicy buffalo chicken pizza restaurant"},
{
id: "4",
name: "Classic Pepperoni",
price: "Large",
imageSrc: "http://img.b2bpic.net/free-vector/pizzeria-background-design_23-2147665163.jpg",
imageAlt: "classic pepperoni pizza with fresh cheese",
},
id: "4", name: "Classic Pepperoni", price: "Large", imageSrc: "http://img.b2bpic.net/free-vector/pizzeria-background-design_23-2147665163.jpg", imageAlt: "classic pepperoni pizza with fresh cheese"},
]}
/>
</div>
@@ -142,83 +119,23 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex Johnson, UI Grad Student",
date: "Date: 15 January 2025",
title: "The best pizza in Iowa City, hands down!",
quote:
"Mesa Pizza is a must in Iowa City. The slices are massive, the toppings are insane (mac & cheese pizza is legendary), and it's the perfect late-night stop after going out downtown. Easily the best pizza in town.",
tag: "Regular Customer",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-student-girl-wearing-glasses-back-bag-standing-with-closed-posture-holding-coffee-cup-isolated-orange-with-copy-space_141793-77208.jpg",
avatarAlt: "young man portrait smiling casual",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-pizza_23-2150347904.jpg",
imageAlt: "happy customer eating pizza restaurant",
},
id: "1", name: "Alex Johnson, UI Grad Student", date: "Date: 15 January 2025", title: "The best pizza in Iowa City, hands down!", quote:
"Mesa Pizza is a must in Iowa City. The slices are massive, the toppings are insane (mac & cheese pizza is legendary), and it's the perfect late-night stop after going out downtown. Easily the best pizza in town.", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-student-girl-wearing-glasses-back-bag-standing-with-closed-posture-holding-coffee-cup-isolated-orange-with-copy-space_141793-77208.jpg", avatarAlt: "young man portrait smiling casual", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-pizza_23-2150347904.jpg", imageAlt: "happy customer eating pizza restaurant"},
{
id: "2",
name: "Sarah Chen, Local Food Blogger",
date: "Date: 20 December 2024",
title: "Unique toppings that actually work",
quote:
"I've tried pizza everywhere, but Mesa's creative topping combinations are unmatched. The Mac & Cheese pizza changed my life. Every visit feels like discovering something new.",
tag: "Food Enthusiast",
avatarSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg",
avatarAlt: "woman portrait smiling professional photo",
imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-beer-into-glass-sitting-table_23-2147805660.jpg",
imageAlt: "food blogger photographing pizza meal",
},
id: "2", name: "Sarah Chen, Local Food Blogger", date: "Date: 20 December 2024", title: "Unique toppings that actually work", quote:
"I've tried pizza everywhere, but Mesa's creative topping combinations are unmatched. The Mac & Cheese pizza changed my life. Every visit feels like discovering something new.", tag: "Food Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg", avatarAlt: "woman portrait smiling professional photo", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-beer-into-glass-sitting-table_23-2147805660.jpg", imageAlt: "food blogger photographing pizza meal"},
{
id: "3",
name: "Marcus Rodriguez, Local Business Owner",
date: "Date: 8 December 2024",
title: "Perfect for team celebrations",
quote:
"We order Mesa for every team gathering. The quality is consistent, the service is fast, and our customers always ask for it by name. Great local business.",
tag: "Business Owner",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
avatarAlt: "business man professional headshot photo",
imageSrc: "http://img.b2bpic.net/free-photo/young-girls-pizza-party_23-2147644228.jpg",
imageAlt: "group of people eating pizza together",
},
id: "3", name: "Marcus Rodriguez, Local Business Owner", date: "Date: 8 December 2024", title: "Perfect for team celebrations", quote:
"We order Mesa for every team gathering. The quality is consistent, the service is fast, and our customers always ask for it by name. Great local business.", tag: "Business Owner", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", avatarAlt: "business man professional headshot photo", imageSrc: "http://img.b2bpic.net/free-photo/young-girls-pizza-party_23-2147644228.jpg", imageAlt: "group of people eating pizza together"},
{
id: "4",
name: "Emily Patel, University Professor",
date: "Date: 1 December 2024",
title: "A staple in the Iowa City community",
quote:
"My family has been going to Mesa for years. The atmosphere is great, the staff is friendly, and the pizza is absolutely worth the visit. This is Iowa City pizza done right.",
tag: "Long-time Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg",
avatarAlt: "mature woman professional headshot photo",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-kid-sitting-table_23-2149610749.jpg",
imageAlt: "family enjoying pizza dinner together",
},
id: "4", name: "Emily Patel, University Professor", date: "Date: 1 December 2024", title: "A staple in the Iowa City community", quote:
"My family has been going to Mesa for years. The atmosphere is great, the staff is friendly, and the pizza is absolutely worth the visit. This is Iowa City pizza done right.", tag: "Long-time Regular", avatarSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg", avatarAlt: "mature woman professional headshot photo", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-kid-sitting-table_23-2149610749.jpg", imageAlt: "family enjoying pizza dinner together"},
{
id: "5",
name: "Jordan Hayes, College Student",
date: "Date: 18 November 2024",
title: "Late-night savior after downtown fun",
quote:
"Nothing beats grabbing a massive slice from Mesa after a night out. The buffalo chicken pizza is our crew's go-to. It's become a tradition.",
tag: "Student",
avatarSrc: "http://img.b2bpic.net/free-photo/dreamy-cute-smiling-woman-glasses-exhange-student-walking-along-campus-holding-totebag-looking-camera-carefree-joyful-concept-youth-modern-generation-career_197531-30538.jpg",
avatarAlt: "young person portrait casual smile",
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-their-life-offline_23-2149295260.jpg",
imageAlt: "friends laughing eating pizza night",
},
id: "5", name: "Jordan Hayes, College Student", date: "Date: 18 November 2024", title: "Late-night savior after downtown fun", quote:
"Nothing beats grabbing a massive slice from Mesa after a night out. The buffalo chicken pizza is our crew's go-to. It's become a tradition.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/dreamy-cute-smiling-woman-glasses-exhange-student-walking-along-campus-holding-totebag-looking-camera-carefree-joyful-concept-youth-modern-generation-career_197531-30538.jpg", avatarAlt: "young person portrait casual smile", imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-their-life-offline_23-2149295260.jpg", imageAlt: "friends laughing eating pizza night"},
{
id: "6",
name: "Lisa Montgomery, Marketing Manager",
date: "Date: 5 November 2024",
title: "Consistently excellent quality",
quote:
"Whether I order for myself or a group, Mesa never disappoints. The attention to quality in every slice shows they care about their customers.",
tag: "Regular Visitor",
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-339.jpg",
avatarAlt: "professional woman headshot business",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-friends-with-pizza_23-2149872389.jpg",
imageAlt: "satisfied customer in restaurant smiling",
},
id: "6", name: "Lisa Montgomery, Marketing Manager", date: "Date: 5 November 2024", title: "Consistently excellent quality", quote:
"Whether I order for myself or a group, Mesa never disappoints. The attention to quality in every slice shows they care about their customers.", tag: "Regular Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-339.jpg", avatarAlt: "professional woman headshot business", imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-friends-with-pizza_23-2149872389.jpg", imageAlt: "satisfied customer in restaurant smiling"},
]}
/>
</div>

73
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,54 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
fontFamily?: string;
fontWeight?: string | number;
letterSpacing?: number;
fillColor?: string;
strokeColor?: string;
strokeWidth?: number;
dominantBaseline?: 'auto' | 'baseline' | 'middle' | 'central' | 'hanging' | 'text-top' | 'text-bottom' | 'ideographic' | 'mathematical' | 'inherit';
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
fontSize = 48,
fontFamily = 'Arial, sans-serif',
fontWeight = 'bold',
letterSpacing = 0,
fillColor = 'currentColor',
strokeColor = 'none',
strokeWidth = 0,
dominantBaseline = 'middle',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
viewBox="0 0 1000 200"
className={className}
aria-label={text}
role="img"
aria-label={`${logoText} logo`}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline={dominantBaseline}
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill={fillColor}
stroke={strokeColor}
strokeWidth={strokeWidth}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;