Files
3f6bf007-965d-4daa-b6b8-630…/src/app/menu/page.tsx
2026-03-08 19:49:56 +00:00

261 lines
9.1 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ChefHat } from "lucide-react";
export default function MenuPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="סין צ'אן"
navItems={navItems.map((item) =>
item.id === "/" || item.id === "/menu"
? {
name: item.name,
id: item.id,
}
: {
name: item.name,
id: item.id,
}
)}
button={{
text: "Call Now",
href: "tel:+972-4-XXXXXXX",
}}
animateOnLoad={true}
/>
</div>
{/* Full Menu Section */}
<div id="full-menu" data-section="full-menu">
<FeatureCardThree
title="Complete Menu Selection"
description="Explore our full range of authentic Asian dishes, from classic favorites to innovative creations"
tag="Full Menu"
tagIcon={ChefHat}
features={[
{
id: "01",
title: "Sushi & Rolls Collection",
description:
"Expertly crafted sushi rolls featuring fresh fish, premium ingredients, and traditional rolling techniques. Choose from classic rolls to our signature creations.",
imageSrc:
"http://img.b2bpic.net/free-photo/fried-sushi-set-table_140725-9816.jpg?_wi=3",
imageAlt: "Sushi & Rolls Collection",
},
{
id: "02",
title: "Ramen & Noodle Soups",
description:
"Aromatic broths simmered for hours paired with perfectly cooked noodles. Each bowl is a warm, comforting masterpiece.",
imageSrc:
"http://img.b2bpic.net/free-photo/black-bowl-with-noodle-soup-black-background_23-2148320848.jpg?_wi=2",
imageAlt: "Ramen & Noodle Soups",
},
{
id: "03",
title: "Appetizers & Starters",
description:
"Begin your meal with our selection of crispy gyoza, savory edamame, spring rolls, and other delightful bite-sized treasures.",
imageSrc:
"http://img.b2bpic.net/free-photo/fried-sushi-set-table_140725-9816.jpg?_wi=4",
imageAlt: "Appetizers & Starters",
},
{
id: "04",
title: "Craft Cocktails & Beverages",
description:
"Quench your thirst with our signature cocktails, refreshing Asian beverages, and premium selection of wines and spirits.",
imageSrc:
"http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg?_wi=2",
imageAlt: "Craft Cocktails & Beverages",
},
]}
textboxLayout="default"
animationType="slide-up"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
/>
</div>
{/* Customer Favorites */}
<div id="menu-testimonials" data-section="menu-testimonials">
<TestimonialCardTwo
title="Customer Favorites"
description="Discover which dishes our guests love most and why they keep coming back for more"
tag="Most Popular"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Dina Cohen",
role: "Local Resident",
testimonial:
"The California Roll is perfection! Fresh, perfectly balanced, and beautifully presented every single time.",
imageSrc:
"http://img.b2bpic.net/free-photo/young-beautiful-woman-with-long-hair-outside-posing-portrait-close-up_1321-4608.jpg?_wi=2",
imageAlt: "Dina Cohen",
},
{
id: "2",
name: "Yosef Levi",
role: "Regular Customer",
testimonial:
"The Tonkotsu Ramen is legendary. Rich broth, tender pork, and noodles cooked to absolute perfection!",
imageSrc:
"http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg?_wi=2",
imageAlt: "Yosef Levi",
},
{
id: "3",
name: "Sarah Mizrahi",
role: "Food Enthusiast",
testimonial:
"Their Dragon Roll is a must-try. The combination of flavors and textures is absolutely incredible.",
imageSrc:
"http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg?_wi=2",
imageAlt: "Sarah Mizrahi",
},
]}
/>
</div>
{/* Menu Inquiry Form */}
<div id="menu-contact" data-section="menu-contact">
<ContactSplitForm
title="Questions About Our Menu?"
description="Can't decide what to order? Want to know about dietary options? Need a custom dish recommendation? Contact us and our team will help you find the perfect meal."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "question",
placeholder: "What would you like to know about our menu?",
rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-sitting-reception-drinking-coffee_1303-22682.jpg?_wi=1"
imageAlt="סין צ'אן Menu Inquiry"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Question"
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/top-hill-bright-sky_181624-8141.jpg?_wi=2"
imageAlt="Beit HaShita Landscape"
logoText="סין צ'אן בית השיטה"
copyrightText="© 2024 סין צ'אן. All rights reserved. Beit HaShita, Israel."
columns={[
{
title: "Restaurant",
items: [
{
label: "Home",
href: "/",
},
{
label: "Menu",
href: "/menu",
},
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Hours & Location",
items: [
{
label: "Mon-Thu: 12pm-11pm",
href: "#",
},
{
label: "Fri: 12pm-12am",
href: "#",
},
{
label: "Sat: 1pm-12am",
href: "#",
},
{
label: "Beit HaShita, Israel",
href: "#",
},
],
},
{
title: "Contact Info",
items: [
{
label: "Call Us",
href: "tel:+972-4-XXXXXXX",
},
{
label: "Email",
href: "mailto:info@sinhchan.local",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
</ThemeProvider>
);
}