50 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
3 changed files with 487 additions and 157 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,9 +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?_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={[
@@ -73,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"
@@ -85,50 +92,26 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "1", name: "Spicy Honey Garlic Wings", price: "$14.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=1", 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: "$11.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=1", 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: "$13.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=1", 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: "$15.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=1", imageAlt: "Gourmet seafood and chicken tacos"
},
{
id: "5", name: "Featured Special", price: "$16.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-svke6qie.png?_wi=1", imageAlt: "Chef's special dish"
},
{
id: "6", name: "Lemon Pepper Wings", price: "$14.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=2", imageAlt: "Lemon pepper wings"
},
{
id: "7", name: "Garlic Parmesan Fries", price: "$10.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=2", imageAlt: "Garlic parmesan fries"
},
{
id: "8", name: "Cajun Shrimp & Fries", price: "$13.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=2", imageAlt: "Cajun shrimp basket"
},
{
id: "9", name: "Fish Tacos (3 Pack)", price: "$12.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=2", imageAlt: "Fish tacos"
},
{
id: "10", name: "Teriyaki Chicken Wings", price: "$14.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=3", imageAlt: "Teriyaki chicken wings"
},
{
id: "11", name: "Sweet Potato Fries", price: "$9.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=3", imageAlt: "Sweet potato fries"
},
{
id: "12", name: "Blackened Fish Basket", price: "$14.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=3", imageAlt: "Blackened fish basket"
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="sauces" data-section="sauces">
<div id="fries" data-section="products">
<ProductCardOne
title="Premium Sauces & Dips"
description="Elevate your meal with our signature house-made sauces and dips crafted to complement every dish."
tag="Condiments"
title="Fries"
description="Crispy, golden fries in signature and loaded varieties"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
@@ -136,65 +119,26 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "sauce-1", name: "Spicy Honey Garlic Sauce", price: "$2.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=4", imageAlt: "Spicy honey garlic sauce"
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: "sauce-2", name: "Buffalo Bleu Cheese Dip", price: "$3.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=4", imageAlt: "Buffalo bleu cheese dip"
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: "sauce-3", name: "Cajun Remoulade", price: "$2.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=3", imageAlt: "Cajun remoulade sauce"
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: "sauce-4", name: "Garlic Aioli", price: "$2.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-svke6qie.png?_wi=2", imageAlt: "Garlic aioli"
},
{
id: "sauce-5", name: "Teriyaki Glaze", price: "$2.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=5", imageAlt: "Teriyaki glaze"
},
{
id: "sauce-6", name: "Lemon Herb Mayo", price: "$2.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=5", imageAlt: "Lemon herb mayo"
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="sandwiches" data-section="sandwiches">
<div id="seafood" data-section="products">
<ProductCardOne
title="Signature Sandwiches"
description="Handcrafted sandwiches loaded with fresh ingredients and bold flavors, perfect for a satisfying meal on the go."
tag="Sandwiches"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={true}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "sandwich-1", name: "Crispy Fish Sandwich", price: "$11.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=4", imageAlt: "Crispy fish sandwich"
},
{
id: "sandwich-2", name: "Buffalo Chicken Sandwich", price: "$12.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=6", imageAlt: "Buffalo chicken sandwich"
},
{
id: "sandwich-3", name: "Shrimp Po'Boy", price: "$13.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=4", imageAlt: "Shrimp po'boy sandwich"
},
{
id: "sandwich-4", name: "Crispy Chicken Cutlet Sub", price: "$11.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=6", imageAlt: "Crispy chicken cutlet sub"
},
{
id: "sandwich-5", name: "Spicy Blackened Fish Wrap", price: "$12.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=5", imageAlt: "Spicy blackened fish wrap"
},
{
id: "sandwich-6", name: "Teriyaki Chicken Hoagie", price: "$12.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=7", imageAlt: "Teriyaki chicken hoagie"
}
]}
/>
</div>
<div id="sides" data-section="sides">
<ProductCardOne
title="Sides & Desserts"
description="Complete your meal with our delicious sides and satisfy your sweet cravings with our decadent desserts."
tag="Sides & Sweet Treats"
title="Seafood"
description="Fresh, crispy seafood baskets and tacos prepared daily"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
@@ -202,65 +146,26 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "side-1", name: "Loaded Mac & Cheese", price: "$7.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=8", imageAlt: "Loaded mac and cheese"
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: "side-2", name: "Seasoned Rice Pilaf", price: "$5.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-svke6qie.png?_wi=3", imageAlt: "Seasoned rice pilaf"
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: "side-3", name: "Crispy Coleslaw", price: "$4.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=5", imageAlt: "Crispy coleslaw"
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: "side-4", name: "Grilled Vegetables", price: "$6.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=6", imageAlt: "Grilled vegetables"
},
{
id: "side-5", name: "Chocolate Lava Cake", price: "$6.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=7", imageAlt: "Chocolate lava cake with vanilla ice cream"
},
{
id: "side-6", name: "Peach Cobbler à la Mode", price: "$5.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=9", imageAlt: "Peach cobbler with ice cream"
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="tacos" data-section="tacos">
<div id="seafood-tacos" data-section="products">
<ProductCardOne
title="Fresh Tacos"
description="Hand-rolled tacos filled with premium proteins and fresh toppings, bringing authentic street food vibes to Cincinnati."
tag="Taco Specialties"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={true}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "taco-1", name: "Grilled Fish Tacos (3)", price: "$12.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=7", imageAlt: "Grilled fish tacos"
},
{
id: "taco-2", name: "Crispy Shrimp Tacos (3)", price: "$13.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=6", imageAlt: "Crispy shrimp tacos"
},
{
id: "taco-3", name: "Blackened Salmon Tacos (3)", price: "$14.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=10", imageAlt: "Blackened salmon tacos"
},
{
id: "taco-4", name: "Grilled Chicken Tacos (3)", price: "$11.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=8", imageAlt: "Grilled chicken tacos"
},
{
id: "taco-5", name: "Spicy Tilapia Tacos (3)", price: "$12.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=8", imageAlt: "Spicy tilapia tacos"
},
{
id: "taco-6", name: "Mixed Seafood Tacos (3)", price: "$15.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=7", imageAlt: "Mixed seafood tacos"
}
]}
/>
</div>
<div id="salads" data-section="salads">
<ProductCardOne
title="Fresh Salads"
description="Crisp, vibrant salads featuring premium proteins and house-made dressings for a fresh, healthy dining option."
tag="Salads & Light Bites"
title="Tacos"
description="Fresh, flavorful tacos with your choice of protein"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
@@ -268,55 +173,157 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "salad-1", name: "Grilled Salmon Salad", price: "$14.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=11", imageAlt: "Grilled salmon salad"
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: "salad-2", name: "Buffalo Chicken Salad", price: "$12.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=8", imageAlt: "Buffalo chicken salad"
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: "salad-3", name: "Crispy Shrimp & Avocado Salad", price: "$13.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=9", imageAlt: "Crispy shrimp and avocado salad"
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: "salad-4", name: "Mediterranean Feta Salad", price: "$11.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=9", imageAlt: "Mediterranean feta salad"
},
{
id: "salad-5", name: "Grilled Mahi-Mahi Salad", price: "$13.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=12", imageAlt: "Grilled mahi-mahi salad"
},
{
id: "salad-6", name: "Asian Crispy Chicken Salad", price: "$12.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=9", imageAlt: "Asian crispy chicken salad"
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="baskets" data-section="baskets">
<div id="platters" data-section="products">
<ProductCardOne
title="Family Baskets"
description="Share the love with our generous family-sized baskets, perfect for feeding groups and creating memorable moments together."
tag="Family Meals"
title="Platters"
description="Hearty, filling platters perfect for sharing or a complete meal"
tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={true}
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "basket-1", name: "Ultimate Wing Basket (48 pcs)", price: "$39.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=10", imageAlt: "Ultimate wing basket with 48 pieces"
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: "basket-2", name: "Seafood Feast Basket", price: "$49.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=10", imageAlt: "Seafood feast basket with fish, shrimp, and more"
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: "basket-3", name: "Mixed Fried Basket", price: "$44.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=13", imageAlt: "Mixed fried basket with wings, fish, and shrimp"
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: "basket-4", name: "Crispy Chicken Basket (24 pcs)", price: "$34.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=14", imageAlt: "Crispy chicken basket with 24 pieces"
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: "basket-5", name: "Fiesta Taco Basket (24 tacos)", price: "$42.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=10", imageAlt: "Fiesta taco basket with 24 assorted tacos"
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: "basket-6", name: "Party Sampler Basket", price: "$54.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=11", imageAlt: "Party sampler basket with wings, fish, shrimp, and fries"
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"
}
]}
/>
@@ -384,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>
@@ -404,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;