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