|
|
|
|
@@ -1,10 +1,10 @@
|
|
|
|
|
"use client"
|
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import { ChefHat } from "lucide-react";
|
|
|
|
|
import { ChefHat, Users } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function MenuPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -34,6 +34,56 @@ export default function MenuPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero" className="relative w-full min-h-screen flex items-center justify-center px-4 py-20 md:py-32">
|
|
|
|
|
<div className="absolute inset-0 pointer-events-none"></div>
|
|
|
|
|
<div className="relative z-10 flex flex-col items-center justify-center text-center max-w-4xl">
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
title="Our Complete Menu"
|
|
|
|
|
description="Explore the full range of authentic Thai dishes we offer. Each item is carefully crafted using traditional recipes and the finest ingredients."
|
|
|
|
|
tag="Chef's Selection"
|
|
|
|
|
tagIcon={ChefHat}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Pad Thai", price: "$16.95", imageSrc: "http://img.b2bpic.net/free-photo/stir-noodles-fry-green-chinese_1203-5877.jpg?_wi=2", imageAlt: "Pad Thai - Stir-fried noodles"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Green Curry", price: "$18.95", imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=2", imageAlt: "Green Curry with chicken"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Tom Yum Soup", price: "$14.95", imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-thai-hot-spicy-soup-shrimp-with-lemon-grass-lemon-galangal-chilli-wooden-table-thailand-food_1150-21062.jpg?_wi=2", imageAlt: "Tom Yum - Hot and sour soup"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Massaman Curry", price: "$17.95", imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=2", imageAlt: "Massaman Curry with beef"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Pad Krapow Moo", price: "$15.95", imageSrc: "http://img.b2bpic.net/free-photo/stir-noodles-fry-green-chinese_1203-5877.jpg?_wi=2", imageAlt: "Pad Krapow Moo - Stir-fried pork with basil"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", name: "Red Curry", price: "$18.95", imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=2", imageAlt: "Red Curry with vegetables"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Reserve a Table", href: "https://www.opentable.com" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<div className="absolute top-20 md:top-32 left-1/2 -translate-x-1/2 w-full max-w-md backdrop-blur-md bg-white/30 dark:bg-black/30 rounded-2xl p-6 md:p-8 border border-white/20 dark:border-white/10 shadow-xl hover:shadow-2xl transition-shadow duration-300">
|
|
|
|
|
<div className="flex items-center justify-center gap-3 mb-4">
|
|
|
|
|
<Users className="w-5 h-5 md:w-6 md:h-6 text-primary-cta" />
|
|
|
|
|
<h3 className="text-lg md:text-xl font-semibold text-foreground">Trusted by Customers</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<p className="text-2xl md:text-3xl font-bold text-primary-cta mb-2">Over 2,000+</p>
|
|
|
|
|
<p className="text-sm md:text-base text-foreground/80">Satisfied diners have experienced our authentic Thai cuisine</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
title="Our Complete Menu"
|
|
|
|
|
@@ -81,4 +131,4 @@ export default function MenuPage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
