82 lines
3.9 KiB
TypeScript
82 lines
3.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
|
|
export default function MenuPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Kazoku Sushi"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-grid" data-section="menu-grid">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Volcano Roll", price: "$16.00", variant: "House Favorite", imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-with-salmon-rice_140725-5519.jpg?_wi=2" },
|
|
{ id: "p2", name: "Mango Crunch Roll", price: "$14.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sushi-set-dark-plate_176474-3231.jpg?_wi=2" },
|
|
{ id: "p3", name: "Spicy Tuna Roll", price: "$12.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-with-orange-caviar_140725-922.jpg?_wi=2" },
|
|
{ id: "p4", name: "Dragon Roll", price: "$17.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/sushi-different-types-wooden-stand-delivery-lunch-dinner_132075-14360.jpg?_wi=2" },
|
|
{ id: "p5", name: "California Roll", price: "$10.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-with-salmon-rice_140725-5519.jpg?_wi=2" },
|
|
{ id: "p6", name: "Deluxe Bento Box", price: "$22.00", variant: "Lunch Special", imageSrc: "http://img.b2bpic.net/free-photo/sushi-different-types-wooden-stand-delivery-lunch-dinner_132075-14360.jpg?_wi=2" },
|
|
{ id: "p7", name: "Tempura Appetizer", price: "$9.00", variant: "Hot Dish", imageSrc: "http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg" },
|
|
{ id: "p8", name: "Miso Soup", price: "$4.00", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-with-orange-caviar_140725-922.jpg?_wi=2" }
|
|
]}
|
|
title="Our Full Menu"
|
|
description="A complete selection of our traditional rolls, fresh sashimi, and signature bento boxes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Menu FAQs"
|
|
description="Questions about our ingredients and dietary options."
|
|
faqsAnimation="opacity"
|
|
faqs={[
|
|
{ id: "m1", title: "Are your ingredients organic?", content: "We source as much local and organic produce as possible." },
|
|
{ id: "m2", title: "How do I see allergen information?", content: "Please ask your server for a detailed allergen guide." },
|
|
{ id: "m3", title: "Do you offer vegan rolls?", content: "Yes, we have a selection of vegetable-based rolls including our signature Avocado and Cucumber rolls." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Kazoku Sushi"
|
|
copyrightText="© 2025 Kazoku Sushi | 10665 W Colfax Ave, Lakewood, CO"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |