bender/ec55398c-db9e-44b2-9854-ebaeecb56c76
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_18 bender:version_17 bender:version_16 bender:version_15 bender:version_14 bender:version_13 bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_11
Branches Tags
bender:main bender:version_18 bender:version_17 bender:version_16 bender:version_15 bender:version_14 bender:version_13 bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

36 Commits
version_1 ... version_11

Author SHA1 Message Date
bender
5ed05950a0 Update theme colors 2026-03-12 17:14:21 +00:00
bender
63bbab9e1d Update theme colors 2026-03-12 17:10:21 +00:00
bender
5ce07b63f0 Update theme colors 2026-03-12 17:09:20 +00:00
bender
0585f5a3e1 Update src/app/products/page.tsx 2026-03-12 17:07:08 +00:00
bender
5fd22374d9 Update src/app/page.tsx 2026-03-12 17:07:08 +00:00
bender
05f0d4dfb3 Add src/app/products/page.tsx 2026-03-12 17:06:43 +00:00
bender
7ed033d1fe Update src/app/page.tsx 2026-03-12 17:06:43 +00:00
bender
c7b5b8032c Merge version_10 into main 
Merge version_10 into main
 2026-03-12 17:02:25 +00:00
bender
3a71978267 Update src/app/page.tsx 2026-03-12 17:02:21 +00:00
bender
e8f4e83def Merge version_9 into main 
Merge version_9 into main
 2026-03-12 16:56:49 +00:00
bender
272570587f Update src/app/page.tsx 2026-03-12 16:56:45 +00:00
bender
dd40db872a Merge version_8 into main 
Merge version_8 into main
 2026-03-12 16:51:17 +00:00
bender
51981594d7 Update src/app/page.tsx 2026-03-12 16:51:13 +00:00
bender
e0a70028cb Merge version_8 into main 
Merge version_8 into main
 2026-03-12 16:50:53 +00:00
bender
e684b5be10 Update src/app/page.tsx 2026-03-12 16:50:49 +00:00
bender
03d1827ed7 Switch to version 2: modified src/app/styles/variables.css 2026-03-12 16:49:06 +00:00
bender
ee5e978725 Switch to version 1: modified src/app/styles/variables.css 2026-03-12 16:47:05 +00:00
bender
719a018ac0 Switch to version 2: modified src/app/page.tsx 2026-03-12 16:47:02 +00:00
bender
4a03e78168 Switch to version 3: modified src/app/page.tsx 2026-03-12 16:46:51 +00:00
bender
0647272321 Switch to version 5: modified src/app/page.tsx 2026-03-12 16:46:40 +00:00
bender
be6966cbe6 Switch to version 6: modified src/app/page.tsx 2026-03-12 16:46:37 +00:00
bender
96c32ccee3 Merge version_7 into main 
Merge version_7 into main
 2026-03-12 16:45:12 +00:00
bender
03a5dd662b Update src/app/page.tsx 2026-03-12 16:45:08 +00:00
bender
f3c10dd881 Switch to version 5: modified src/app/page.tsx 2026-03-12 16:36:34 +00:00
bender
2bad0e0ac5 Merge version_6 into main 
Merge version_6 into main
 2026-03-12 16:34:01 +00:00
bender
04babfb93b Update src/app/page.tsx 2026-03-12 16:33:57 +00:00
bender
7052c26cf8 Merge version_4 into main 
Merge version_4 into main
 2026-03-12 16:26:51 +00:00
bender
67fa41cb6c Update src/app/page.tsx 2026-03-12 16:26:41 +00:00
bender
39cb956279 Merge version_4 into main 
Merge version_4 into main
 2026-03-12 16:26:20 +00:00
bender
f6bc1dc667 Update src/app/page.tsx 2026-03-12 16:26:16 +00:00
bender
4e7f59a91a Merge version_3 into main 
Merge version_3 into main
 2026-03-12 16:21:52 +00:00
bender
d088b49a4f Update src/app/page.tsx 2026-03-12 16:21:42 +00:00
bender
ea2905f11f Merge version_2 into main 
Merge version_2 into main
 2026-03-12 16:15:02 +00:00
bender
8467c264eb Update src/app/styles/variables.css 2026-03-12 16:14:58 +00:00
bender
ca924eb62a Merge version_1 into main 
Merge version_1 into main
 2026-03-12 16:13:29 +00:00
bender
0d08e94520 Merge version_1 into main 
Merge version_1 into main
 2026-03-12 16:12:38 +00:00
3 changed files with 570 additions and 19 deletions
Expand all files Collapse all files

250
src/app/page.tsx
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: "View Menu", href: "/products" },
{ 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"
}
]}
/>

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>
);
}

16
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--background: #000000;
--card: #000000;
--foreground: #ffffff;
--primary-cta: #ffffff;
--primary-cta-text: #871616;
--secondary-cta: #000000;
--secondary-cta-text: #1c1c1c;
--accent: #e63946;
--background-accent: #e8bea8;
--accent: #ffffff;
--background-accent: #ffffff;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);