47 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
3 changed files with 485 additions and 189 deletions

View File

@@ -30,10 +30,16 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Catch Me If U Can" brandName="Catch Me If U Can"
navItems={[ 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: "About", id: "about" },
{ name: "Hours", id: "contact" }, { name: "Hours", id: "contact" },
{ name: "Location", id: "contact" } { name: "Menu", id: "/products" }
]} ]}
button={{ text: "Order Now", href: "https://example.com/order" }} button={{ text: "Order Now", href: "https://example.com/order" }}
animateOnLoad={true} animateOnLoad={true}
@@ -47,10 +53,10 @@ export default function LandingPage() {
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
tag="Local Favorite" tag="Local Favorite"
tagIcon={Sparkles} 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" imageAlt="Fresh colorful restaurant food platter"
buttons={[ buttons={[
{ text: "View Menu", href: "#products" }, { text: "Order Now", href: "https://example.com/order" },
{ text: "Reserve Table", href: "https://example.com/reserve" } { text: "Reserve Table", href: "https://example.com/reserve" }
]} ]}
marqueeItems={[ marqueeItems={[
@@ -74,10 +80,10 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="products" data-section="products"> <div id="wings" data-section="products">
<ProductCardOne <ProductCardOne
title="Menu Highlights" title="Wings"
description="Discover our most-loved dishes prepared fresh to order with generous portions and carefully balanced flavors." description="Our signature wings, prepared fresh and tossed in your choice of bold flavors"
tag="Customer Favorites" tag="Customer Favorites"
tagIcon={Star} tagIcon={Star}
textboxLayout="default" textboxLayout="default"
@@ -86,50 +92,26 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
products={[ 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: "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"
},
{
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"
} }
]} ]}
/> />
</div> </div>
<div id="sauces" data-section="sauces"> <div id="fries" data-section="products">
<ProductCardOne <ProductCardOne
title="Premium Sauces & Dips" title="Fries"
description="Elevate your meal with our signature house-made sauces and dips crafted to complement every dish." description="Crispy, golden fries in signature and loaded varieties"
tag="Condiments" tag="Customer Favorites"
tagIcon={Star} tagIcon={Star}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -137,65 +119,26 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
products={[ 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: "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"
},
{
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"
} }
]} ]}
/> />
</div> </div>
<div id="sandwiches" data-section="sandwiches"> <div id="seafood" data-section="products">
<ProductCardOne <ProductCardOne
title="Signature Sandwiches" title="Seafood"
description="Handcrafted sandwiches loaded with fresh ingredients and bold flavors, perfect for a satisfying meal on the go." description="Fresh, crispy seafood baskets and tacos prepared daily"
tag="Sandwiches" tag="Customer Favorites"
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"
tagIcon={Star} tagIcon={Star}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -203,65 +146,26 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
products={[ 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: "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"
},
{
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"
} }
]} ]}
/> />
</div> </div>
<div id="tacos" data-section="tacos"> <div id="seafood-tacos" data-section="products">
<ProductCardOne <ProductCardOne
title="Fresh Tacos" title="Tacos"
description="Hand-rolled tacos filled with premium proteins and fresh toppings, bringing authentic street food vibes to Cincinnati." description="Fresh, flavorful tacos with your choice of protein"
tag="Taco Specialties" tag="Customer Favorites"
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"
tagIcon={Star} tagIcon={Star}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -269,65 +173,26 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
products={[ 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: "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"
},
{
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"
} }
]} ]}
/> />
</div> </div>
<div id="baskets" data-section="baskets"> <div id="platters" data-section="products">
<ProductCardOne <ProductCardOne
title="Family Baskets" title="Platters"
description="Share the love with our generous family-sized baskets, perfect for feeding groups and creating memorable moments together." description="Hearty, filling platters perfect for sharing or a complete meal"
tag="Family Meals" tag="Customer Favorites"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={true}
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: "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: "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: "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: "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: "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"
}
]}
/>
</div>
<div id="beverages" data-section="beverages">
<ProductCardOne
title="Refreshing Beverages"
description="Quench your thirst with our selection of ice-cold sodas, fresh lemonades, and specialty drinks."
tag="Drinks & Beverages"
tagIcon={Star} tagIcon={Star}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -335,22 +200,130 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
products={[ products={[
{ {
id: "bev-1", name: "Freshly Squeezed Lemonade", price: "$3.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=15", imageAlt: "Freshly squeezed lemonade" 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: "bev-2", name: "Mango Iced Tea", price: "$3.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=11", imageAlt: "Mango iced tea" 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: "bev-3", name: "Classic Cola", price: "$2.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-72bjl39m.png?_wi=12", imageAlt: "Classic cola" 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: "bev-4", name: "Strawberry Banana Smoothie", price: "$5.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-9axm48uf.png?_wi=11", imageAlt: "Strawberry banana smoothie" 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: "bev-5", name: "Tropical Punch", price: "$3.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-v75v6fd8.png?_wi=16", imageAlt: "Tropical punch" 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: "bev-6", name: "Iced Ginger Ale", price: "$2.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AotlanrO6Nk1cglBufIaJoSPxd/uploaded-1773332463171-kmn3y8pn.png?_wi=12", imageAlt: "Iced ginger ale" 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"
} }
]} ]}
/> />
@@ -418,13 +391,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <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" animationType="background-highlight"
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Call Now", href: "tel:+15139876543" }, { 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> </div>

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; --card: #000000;
--foreground: #ffffff; --foreground: #ffffff;
--primary-cta: #ffffff; --primary-cta: #ffffff;
--primary-cta-text: #f5f5f5; --primary-cta-text: #871616;
--secondary-cta: #000000; --secondary-cta: #000000;
--secondary-cta-text: #1c1c1c; --secondary-cta-text: #1c1c1c;
--accent: #ffffff; --accent: #ffffff;