58 Commits

Author SHA1 Message Date
a9a18ba1fd Merge version_18 into main
Merge version_18 into main
2026-03-12 17:32:38 +00:00
5804547190 Update src/app/page.tsx 2026-03-12 17:32:34 +00:00
524b564cd4 Merge version_17 into main
Merge version_17 into main
2026-03-12 17:30:46 +00:00
0661c44e35 Update src/app/page.tsx 2026-03-12 17:30:42 +00:00
979db113b0 Merge version_16 into main
Merge version_16 into main
2026-03-12 17:25:32 +00:00
3dc048bc8b Update src/app/page.tsx 2026-03-12 17:25:22 +00:00
b05bf23e22 Merge version_15 into main
Merge version_15 into main
2026-03-12 17:22:49 +00:00
2463621282 Update src/app/page.tsx 2026-03-12 17:22:45 +00:00
8ff6c9211c Merge version_14 into main
Merge version_14 into main
2026-03-12 17:21:21 +00:00
25989688d8 Update src/app/page.tsx 2026-03-12 17:21:17 +00:00
e59322fe40 Merge version_13 into main
Merge version_13 into main
2026-03-12 17:19:46 +00:00
7bc8306745 Update src/app/page.tsx 2026-03-12 17:19:36 +00:00
c64e6b0b3b Merge version_12 into main
Merge version_12 into main
2026-03-12 17:18:09 +00:00
9a04a8665b Update src/app/page.tsx 2026-03-12 17:18:05 +00:00
e2e2eb9033 Merge version_11 into main
Merge version_11 into main
2026-03-12 17:14:27 +00:00
5ed05950a0 Update theme colors 2026-03-12 17:14:21 +00:00
d19c92822d Switch to version 11: modified src/app/styles/variables.css 2026-03-12 17:13:25 +00:00
f12297a49c Switch to version 11: added src/app/products/page.tsx 2026-03-12 17:13:24 +00:00
ce4c34bb6b Switch to version 11: modified src/app/page.tsx 2026-03-12 17:13:24 +00:00
bdeb1edafe Switch to version 10: remove src/app/products/page.tsx 2026-03-12 17:11:50 +00:00
5b1922278b Switch to version 10: modified src/app/styles/variables.css 2026-03-12 17:11:49 +00:00
4aeb3f0c6d Switch to version 10: modified src/app/page.tsx 2026-03-12 17:11:49 +00:00
694fad2002 Merge version_11 into main
Merge version_11 into main
2026-03-12 17:10:27 +00:00
63bbab9e1d Update theme colors 2026-03-12 17:10:21 +00:00
7049db9c4f Merge version_11 into main
Merge version_11 into main
2026-03-12 17:09:26 +00:00
5ce07b63f0 Update theme colors 2026-03-12 17:09:20 +00:00
507eabd376 Merge version_11 into main
Merge version_11 into main
2026-03-12 17:07:12 +00:00
0585f5a3e1 Update src/app/products/page.tsx 2026-03-12 17:07:08 +00:00
5fd22374d9 Update src/app/page.tsx 2026-03-12 17:07:08 +00:00
e111226c3d Merge version_11 into main
Merge version_11 into main
2026-03-12 17:06:47 +00:00
05f0d4dfb3 Add src/app/products/page.tsx 2026-03-12 17:06:43 +00:00
7ed033d1fe Update src/app/page.tsx 2026-03-12 17:06:43 +00:00
c7b5b8032c Merge version_10 into main
Merge version_10 into main
2026-03-12 17:02:25 +00:00
3a71978267 Update src/app/page.tsx 2026-03-12 17:02:21 +00:00
e8f4e83def Merge version_9 into main
Merge version_9 into main
2026-03-12 16:56:49 +00:00
272570587f Update src/app/page.tsx 2026-03-12 16:56:45 +00:00
dd40db872a Merge version_8 into main
Merge version_8 into main
2026-03-12 16:51:17 +00:00
51981594d7 Update src/app/page.tsx 2026-03-12 16:51:13 +00:00
e0a70028cb Merge version_8 into main
Merge version_8 into main
2026-03-12 16:50:53 +00:00
e684b5be10 Update src/app/page.tsx 2026-03-12 16:50:49 +00:00
03d1827ed7 Switch to version 2: modified src/app/styles/variables.css 2026-03-12 16:49:06 +00:00
ee5e978725 Switch to version 1: modified src/app/styles/variables.css 2026-03-12 16:47:05 +00:00
719a018ac0 Switch to version 2: modified src/app/page.tsx 2026-03-12 16:47:02 +00:00
4a03e78168 Switch to version 3: modified src/app/page.tsx 2026-03-12 16:46:51 +00:00
0647272321 Switch to version 5: modified src/app/page.tsx 2026-03-12 16:46:40 +00:00
be6966cbe6 Switch to version 6: modified src/app/page.tsx 2026-03-12 16:46:37 +00:00
96c32ccee3 Merge version_7 into main
Merge version_7 into main
2026-03-12 16:45:12 +00:00
03a5dd662b Update src/app/page.tsx 2026-03-12 16:45:08 +00:00
f3c10dd881 Switch to version 5: modified src/app/page.tsx 2026-03-12 16:36:34 +00:00
2bad0e0ac5 Merge version_6 into main
Merge version_6 into main
2026-03-12 16:34:01 +00:00
04babfb93b Update src/app/page.tsx 2026-03-12 16:33:57 +00:00
7052c26cf8 Merge version_4 into main
Merge version_4 into main
2026-03-12 16:26:51 +00:00
67fa41cb6c Update src/app/page.tsx 2026-03-12 16:26:41 +00:00
39cb956279 Merge version_4 into main
Merge version_4 into main
2026-03-12 16:26:20 +00:00
f6bc1dc667 Update src/app/page.tsx 2026-03-12 16:26:16 +00:00
4e7f59a91a Merge version_3 into main
Merge version_3 into main
2026-03-12 16:21:52 +00:00
d088b49a4f Update src/app/page.tsx 2026-03-12 16:21:42 +00:00
ea2905f11f Merge version_2 into main
Merge version_2 into main
2026-03-12 16:15:02 +00:00
3 changed files with 566 additions and 15 deletions

View File

@@ -30,10 +30,16 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
brandName="Catch Me If U Can"
navItems={[
{ name: "Menu", id: "products" },
{ name: "Wings", id: "wings" },
{ name: "Fries", id: "fries" },
{ name: "Seafood", id: "seafood" },
{ name: "Sides", id: "sides" },
{ name: "Drinks", id: "drinks" },
{ name: "Sauces", id: "sauces" },
{ name: "Desserts", id: "desserts" },
{ name: "About", id: "about" },
{ name: "Hours", id: "contact" },
{ name: "Location", id: "contact" }
{ name: "Menu", id: "/products" }
]}
button={{ text: "Order Now", href: "https://example.com/order" }}
animateOnLoad={true}
@@ -47,10 +53,10 @@ export default function LandingPage() {
background={{ variant: "sparkles-gradient" }}
tag="Local Favorite"
tagIcon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/hot-steaming-crispy-fried-chicken-wings_84443-82019.jpg"
imageSrc="http://img.b2bpic.net/free-photo/hot-steaming-crispy-fried-chicken-wings_84443-82019.jpg?_wi=2"
imageAlt="Fresh colorful restaurant food platter"
buttons={[
{ text: "View Menu", href: "#products" },
{ text: "Order Now", href: "https://example.com/order" },
{ text: "Reserve Table", href: "https://example.com/reserve" }
]}
marqueeItems={[
@@ -74,10 +80,10 @@ export default function LandingPage() {
/>
</div>
<div id="products" data-section="products">
<div id="wings" data-section="products">
<ProductCardOne
title="Menu Highlights"
description="Discover our most-loved dishes prepared fresh to order with generous portions and carefully balanced flavors."
title="Wings"
description="Our signature wings, prepared fresh and tossed in your choice of bold flavors"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
@@ -86,16 +92,238 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "1", name: "Spicy Honey Garlic Wings", price: "Fresh Daily", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg", imageAlt: "Spicy honey garlic wings"
id: "1", name: "Spicy Honey Garlic Wings", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg?_wi=1", imageAlt: "Spicy honey garlic wings"
},
{
id: "2", name: "Buffalo Chicken Fries", price: "Signature Dish", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg", imageAlt: "Buffalo chicken fries with sauce"
id: "2", name: "Buffalo Wings", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg?_wi=2", imageAlt: "Buffalo wings"
},
{
id: "3", name: "Whiting Fish & Fries", price: "House Special", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg", imageAlt: "Crispy fried whiting fish basket"
id: "3", name: "Lemon Pepper Wings", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg?_wi=3", imageAlt: "Lemon pepper wings"
},
{
id: "4", name: "Chicken, Salmon & Shrimp Tacos", price: "Made Fresh", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg", imageAlt: "Gourmet seafood and chicken tacos"
id: "4", name: "Garlic Parmesan Wings", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg?_wi=4", imageAlt: "Garlic parmesan wings"
}
]}
/>
</div>
<div id="fries" data-section="products">
<ProductCardOne
title="Fries"
description="Crispy, golden fries in signature and loaded varieties"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "5", name: "Buffalo Chicken Fries", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=1", imageAlt: "Buffalo chicken fries"
},
{
id: "6", name: "Loaded Cheese Fries", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=2", imageAlt: "Loaded cheese fries"
},
{
id: "7", name: "Cajun Spiced Fries", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=3", imageAlt: "Cajun spiced fries"
},
{
id: "8", name: "Truffle Parmesan Fries", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=4", imageAlt: "Truffle parmesan fries"
}
]}
/>
</div>
<div id="seafood" data-section="products">
<ProductCardOne
title="Seafood"
description="Fresh, crispy seafood baskets and tacos prepared daily"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "9", name: "Whiting Fish & Fries", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=1", imageAlt: "Crispy fried whiting fish basket"
},
{
id: "10", name: "Shrimp Basket", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=2", imageAlt: "Shrimp basket"
},
{
id: "11", name: "Fried Catfish Basket", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=3", imageAlt: "Fried catfish basket"
},
{
id: "12", name: "Combination Seafood Basket", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=4", imageAlt: "Combination seafood basket"
}
]}
/>
</div>
<div id="seafood-tacos" data-section="products">
<ProductCardOne
title="Tacos"
description="Fresh, flavorful tacos with your choice of protein"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "13", name: "Chicken Tacos (3)", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=1", imageAlt: "Chicken tacos"
},
{
id: "14", name: "Grilled Fish Tacos (3)", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=2", imageAlt: "Grilled fish tacos"
},
{
id: "15", name: "Shrimp Tacos (3)", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=3", imageAlt: "Shrimp tacos"
},
{
id: "16", name: "Salmon Tacos (3)", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=4", imageAlt: "Salmon tacos"
}
]}
/>
</div>
<div id="platters" data-section="products">
<ProductCardOne
title="Platters"
description="Hearty, filling platters perfect for sharing or a complete meal"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "37", name: "Turkey Chop Platter", price: "$24.95", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=9", imageAlt: "Turkey chop platter"
},
{
id: "38", name: "Fish Platter", price: "$23.00", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=10", imageAlt: "Fish platter"
}
]}
/>
</div>
<div id="sides" data-section="products">
<ProductCardOne
title="Sides & Salads"
description="Fresh vegetables and classic sides to complete your meal"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "17", name: "Garden Salad", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=5", imageAlt: "Garden salad"
},
{
id: "18", name: "Grilled Chicken Salad", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=6", imageAlt: "Grilled chicken salad"
},
{
id: "19", name: "Shrimp Salad", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=7", imageAlt: "Shrimp salad"
},
{
id: "20", name: "Caesar Salad with Salmon", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=8", imageAlt: "Caesar salad with salmon"
},
{
id: "21", name: "Mac & Cheese", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=5", imageAlt: "Mac and cheese"
},
{
id: "22", name: "Collard Greens", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=6", imageAlt: "Collard greens"
},
{
id: "23", name: "Cornbread", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=7", imageAlt: "Cornbread"
},
{
id: "24", name: "Coleslaw", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=8", imageAlt: "Coleslaw"
}
]}
/>
</div>
<div id="drinks" data-section="products">
<ProductCardOne
title="Drinks"
description="Refreshing beverages to quench your thirst"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "25", name: "Soft Drink (12 oz)", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=9", imageAlt: "Soft drink"
},
{
id: "26", name: "Iced Tea (12 oz)", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=10", imageAlt: "Iced tea"
},
{
id: "27", name: "Lemonade (12 oz)", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=11", imageAlt: "Lemonade"
},
{
id: "28", name: "Water (12 oz)", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=12", imageAlt: "Water"
}
]}
/>
</div>
<div id="sauces" data-section="products">
<ProductCardOne
title="Sauces & Condiments"
description="Specialty sauces to enhance your favorite dishes"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "29", name: "Spicy Honey Sauce", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=13", imageAlt: "Spicy honey sauce"
},
{
id: "30", name: "Buffalo Sauce", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=14", imageAlt: "Buffalo sauce"
},
{
id: "31", name: "Ranch Dip", price: "$1.49", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=15", imageAlt: "Ranch dip"
},
{
id: "32", name: "Garlic Aioli", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=16", imageAlt: "Garlic aioli"
}
]}
/>
</div>
<div id="desserts" data-section="products">
<ProductCardOne
title="Desserts"
description="Sweet treats to end your meal perfectly"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "33", name: "Chocolate Cake", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=17", imageAlt: "Chocolate cake"
},
{
id: "34", name: "Cheesecake Slice", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=18", imageAlt: "Cheesecake slice"
},
{
id: "35", name: "Apple Pie", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=19", imageAlt: "Apple pie"
},
{
id: "36", name: "Brownies", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=20", imageAlt: "Brownies"
}
]}
/>
@@ -163,13 +391,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
text="Ready to experience Cincinnati's boldest flavors and most welcoming vibe? Visit us at 1800 Linn St or call to reserve your table. We're open Thursday through Wednesday with lunch and dinner service."
text="Ready to experience Cincinnati's boldest flavors? Call us at (513) 987-6543 or order online below."
animationType="background-highlight"
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "Call Now", href: "tel:+15139876543" },
{ text: "Get Directions", href: "https://maps.google.com/?q=1800+Linn+St+Cincinnati+OH+45214" }
{ text: "Order Online", href: "https://example.com/order" }
]}
/>
</div>
@@ -183,4 +411,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

323
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,323 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Star, Sparkles } from 'lucide-react';
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLarge"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Catch Me If U Can"
navItems={[
{ name: "Wings", id: "wings" },
{ name: "Fries", id: "fries" },
{ name: "Seafood", id: "seafood" },
{ name: "Sides", id: "sides" },
{ name: "Drinks", id: "drinks" },
{ name: "Sauces", id: "sauces" },
{ name: "Desserts", id: "desserts" },
{ name: "About", id: "about" },
{ name: "Hours", id: "contact" }
]}
button={{ text: "Order Now", href: "https://example.com/order" }}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
title="Our Complete Menu"
description="Browse all our fresh, made-to-order menu items from wings and fries to seafood, tacos, platters, sides, drinks, sauces, and desserts."
background={{ variant: "sparkles-gradient" }}
tag="Full Menu"
tagIcon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/hot-steaming-crispy-fried-chicken-wings_84443-82019.jpg?_wi=1"
imageAlt="Complete menu selection"
buttons={[
{ text: "Back to Home", href: "/" },
{ text: "Order Now", href: "https://example.com/order" }
]}
marqueeItems={[
{ type: "text", text: "Fresh Made-to-Order" },
{ type: "text", text: "Award-Winning Wings" },
{ type: "text", text: "Urban Artistry" },
{ type: "text", text: "Community Vibes" }
]}
/>
</div>
<div id="wings" data-section="products">
<ProductCardOne
title="Wings"
description="Our signature wings, prepared fresh and tossed in your choice of bold flavors"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "1", name: "Spicy Honey Garlic Wings", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg?_wi=1", imageAlt: "Spicy honey garlic wings"
},
{
id: "2", name: "Buffalo Wings", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg?_wi=2", imageAlt: "Buffalo wings"
},
{
id: "3", name: "Lemon Pepper Wings", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg?_wi=3", imageAlt: "Lemon pepper wings"
},
{
id: "4", name: "Garlic Parmesan Wings", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-isolated-white-background_123827-29083.jpg?_wi=4", imageAlt: "Garlic parmesan wings"
}
]}
/>
</div>
<div id="fries" data-section="products">
<ProductCardOne
title="Fries"
description="Crispy, golden fries in signature and loaded varieties"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "5", name: "Buffalo Chicken Fries", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=1", imageAlt: "Buffalo chicken fries"
},
{
id: "6", name: "Loaded Cheese Fries", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=2", imageAlt: "Loaded cheese fries"
},
{
id: "7", name: "Cajun Spiced Fries", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=3", imageAlt: "Cajun spiced fries"
},
{
id: "8", name: "Truffle Parmesan Fries", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=4", imageAlt: "Truffle parmesan fries"
}
]}
/>
</div>
<div id="seafood" data-section="products">
<ProductCardOne
title="Seafood"
description="Fresh, crispy seafood baskets and tacos prepared daily"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "9", name: "Whiting Fish & Fries", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=1", imageAlt: "Crispy fried whiting fish basket"
},
{
id: "10", name: "Shrimp Basket", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=2", imageAlt: "Shrimp basket"
},
{
id: "11", name: "Fried Catfish Basket", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=3", imageAlt: "Fried catfish basket"
},
{
id: "12", name: "Combination Seafood Basket", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=4", imageAlt: "Combination seafood basket"
}
]}
/>
</div>
<div id="seafood-tacos" data-section="products">
<ProductCardOne
title="Tacos"
description="Fresh, flavorful tacos with your choice of protein"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "13", name: "Chicken Tacos (3)", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=1", imageAlt: "Chicken tacos"
},
{
id: "14", name: "Grilled Fish Tacos (3)", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=2", imageAlt: "Grilled fish tacos"
},
{
id: "15", name: "Shrimp Tacos (3)", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=3", imageAlt: "Shrimp tacos"
},
{
id: "16", name: "Salmon Tacos (3)", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-plate_23-2148764324.jpg?_wi=4", imageAlt: "Salmon tacos"
}
]}
/>
</div>
<div id="platters" data-section="products">
<ProductCardOne
title="Platters"
description="Hearty, filling platters perfect for sharing or a complete meal"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "37", name: "Turkey Chop Platter", price: "$24.95", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=9", imageAlt: "Turkey chop platter"
},
{
id: "38", name: "Fish Platter", price: "$23.00", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=10", imageAlt: "Fish platter"
}
]}
/>
</div>
<div id="sides" data-section="products">
<ProductCardOne
title="Sides & Salads"
description="Fresh vegetables and classic sides to complete your meal"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "17", name: "Garden Salad", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=5", imageAlt: "Garden salad"
},
{
id: "18", name: "Grilled Chicken Salad", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=6", imageAlt: "Grilled chicken salad"
},
{
id: "19", name: "Shrimp Salad", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=7", imageAlt: "Shrimp salad"
},
{
id: "20", name: "Caesar Salad with Salmon", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-schnitzel-served-with-lettuce-greens_141793-569.jpg?_wi=8", imageAlt: "Caesar salad with salmon"
},
{
id: "21", name: "Mac & Cheese", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=5", imageAlt: "Mac and cheese"
},
{
id: "22", name: "Collard Greens", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=6", imageAlt: "Collard greens"
},
{
id: "23", name: "Cornbread", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=7", imageAlt: "Cornbread"
},
{
id: "24", name: "Coleslaw", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=8", imageAlt: "Coleslaw"
}
]}
/>
</div>
<div id="drinks" data-section="products">
<ProductCardOne
title="Drinks"
description="Refreshing beverages to quench your thirst"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "25", name: "Soft Drink (12 oz)", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=9", imageAlt: "Soft drink"
},
{
id: "26", name: "Iced Tea (12 oz)", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=10", imageAlt: "Iced tea"
},
{
id: "27", name: "Lemonade (12 oz)", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=11", imageAlt: "Lemonade"
},
{
id: "28", name: "Water (12 oz)", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=12", imageAlt: "Water"
}
]}
/>
</div>
<div id="sauces" data-section="products">
<ProductCardOne
title="Sauces & Condiments"
description="Specialty sauces to enhance your favorite dishes"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "29", name: "Spicy Honey Sauce", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=13", imageAlt: "Spicy honey sauce"
},
{
id: "30", name: "Buffalo Sauce", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=14", imageAlt: "Buffalo sauce"
},
{
id: "31", name: "Ranch Dip", price: "$1.49", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=15", imageAlt: "Ranch dip"
},
{
id: "32", name: "Garlic Aioli", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=16", imageAlt: "Garlic aioli"
}
]}
/>
</div>
<div id="desserts" data-section="products">
<ProductCardOne
title="Desserts"
description="Sweet treats to end your meal perfectly"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "33", name: "Chocolate Cake", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=17", imageAlt: "Chocolate cake"
},
{
id: "34", name: "Cheesecake Slice", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=18", imageAlt: "Cheesecake slice"
},
{
id: "35", name: "Apple Pie", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=19", imageAlt: "Apple pie"
},
{
id: "36", name: "Brownies", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-eating-donuts-cafe_637285-7978.jpg?_wi=20", imageAlt: "Brownies"
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Catch Me If U Can"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Hours & Location", href: "#contact" }}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -14,7 +14,7 @@
--card: #000000;
--foreground: #ffffff;
--primary-cta: #ffffff;
--primary-cta-text: #f5f5f5;
--primary-cta-text: #871616;
--secondary-cta: #000000;
--secondary-cta-text: #1c1c1c;
--accent: #ffffff;