414 lines
23 KiB
TypeScript
414 lines
23 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Heart, Sparkles, Star } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
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" },
|
|
{ name: "Menu", id: "/products" }
|
|
]}
|
|
button={{ text: "Order Now", href: "https://example.com/order" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Fresh Flavor & Unique Vibes in Cincinnati"
|
|
description="Experience bold, made-to-order meals in a vibrant, locally loved atmosphere. From spicy honey garlic wings to creative fries and fresh seafood tacos, every dish is prepared with care and served with a smile."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Local Favorite"
|
|
tagIcon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/hot-steaming-crispy-fried-chicken-wings_84443-82019.jpg?_wi=2"
|
|
imageAlt="Fresh colorful restaurant food platter"
|
|
buttons={[
|
|
{ text: "Order Now", href: "https://example.com/order" },
|
|
{ text: "Reserve Table", href: "https://example.com/reserve" }
|
|
]}
|
|
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="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
title="Catch Me If U Can brings Cincinnati's best comfort food to life with fresh ingredients, bold flavors, and a welcoming atmosphere where everyone feels like family."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "https://example.com/about" }
|
|
]}
|
|
/>
|
|
</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="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Trusted by Cincinnati for our commitment to quality, flavor, and creating a community gathering space where great food meets great vibes."
|
|
tag="By The Numbers"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "100%", description: "Fresh, made-to-order meals prepared in-house with premium ingredients and care"
|
|
},
|
|
{
|
|
id: "2", value: "500+", description: "Happy customers sharing their love for our wings, fries, and unique atmosphere"
|
|
}
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Customer Love"
|
|
description="Hear directly from our regular guests about their favorite meals and memorable moments at Catch Me If U Can."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Best Wings in Cincinnati", quote: "The spicy honey garlic wings are absolutely incredible. Crispy on the outside, juicy inside, and the flavor is just perfect. I come back every week!", name: "Marcus Johnson", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", imageAlt: "Marcus Johnson smiling"
|
|
},
|
|
{
|
|
id: "2", title: "Amazing Vibe & Great Food", quote: "Love the energy here! The staff is super friendly, the food is fresh, and the atmosphere is exactly what Cincinnati needed. It's like visiting a friend's place.", name: "Sarah Chen", role: "Local Visitor", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-together-while-drinking-glass-beer-bar-friends-concept_58466-16172.jpg", imageAlt: "Sarah Chen smiling"
|
|
},
|
|
{
|
|
id: "3", title: "Worth Every Visit", quote: "The buffalo fries are addictive, and the fish basket is cooked perfectly every time. This is the kind of place that makes you feel welcome.", name: "David Williams", role: "Frequent Guest", imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-woman-shows-thumbs-up-approves-likes-smth-good-stands-near-cafe-entrance-give-her_1258-199002.jpg", imageAlt: "David Williams portrait"
|
|
},
|
|
{
|
|
id: "4", title: "A True Local Gem", quote: "From the tacos to the homemade mac & cheese, everything here is made with love. The owner really cares about his customers and it shows.", name: "Emily Rodriguez", role: "Community Member", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-outdoor_618663-79.jpg", imageAlt: "Emily Rodriguez smiling"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Why Visit Catch Me If U Can?"
|
|
description="Discover what makes us Cincinnati's favorite local dining destination for bold flavors and unforgettable memories."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
negativeCard={{
|
|
items: [
|
|
"Mass-produced frozen meals", "Impersonal service", "Limited flavor options", "Sterile environment"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Fresh, made-to-order meals daily", "Friendly staff & owner interaction", "Bold, unique flavor profiles", "Vibrant, artistic atmosphere"
|
|
]
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience Cincinnati's boldest flavors? Call us at (513) 987-6543 or order online below."
|
|
animationType="background-highlight"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+15139876543" },
|
|
{ text: "Order Online", href: "https://example.com/order" }
|
|
]}
|
|
/>
|
|
</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>
|
|
);
|
|
} |