165 lines
6.6 KiB
TypeScript
165 lines
6.6 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from 'next/link';
|
|
import { ChefHat, UtensilsCrossed } from 'lucide-react';
|
|
|
|
export default function MenuPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Visit", id: "visit" }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Urth Coffee"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Book a Table",
|
|
href: "/contact"
|
|
}}
|
|
animateOnLoad={true}
|
|
className="backdrop-blur-md"
|
|
navItemClassName="text-sm font-medium"
|
|
buttonClassName="rounded-full"
|
|
buttonTextClassName="font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero-menu" data-section="hero-menu">
|
|
<HeroSplitTestimonial
|
|
title="Explore Our Menu"
|
|
description="Premium beverages, fresh pastries, and light fare crafted daily. Every item is a testament to our commitment to quality."
|
|
background={{ variant: "plain" }}
|
|
testimonials={[
|
|
{
|
|
name: "Chef's Pick",
|
|
handle: "@urthcoffee",
|
|
testimonial: "This month we're featuring our new seasonal Maple Lavender Latte. Handcrafted with local maple syrup and sustainable ingredients.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg",
|
|
imageAlt: "Chef's pick seasonal drink"
|
|
},
|
|
{
|
|
name: "Customer Favorite",
|
|
handle: "@regulars",
|
|
testimonial: "Our signature cold brew has been perfected over years. Smooth, bold, and perfectly chilled every single time.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/buns-raisins-near-hot-drinks_23-2147869639.jpg",
|
|
imageAlt: "Cold brew customer favorite"
|
|
},
|
|
{
|
|
name: "Bakery Star",
|
|
handle: "@bakedaily",
|
|
testimonial: "Fresh pastries baked on-site every morning using European-style techniques and premium ingredients.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408519.jpg",
|
|
imageAlt: "Fresh baked croissant"
|
|
}
|
|
]}
|
|
tag="Daily Crafted"
|
|
tagIcon={ChefHat}
|
|
tagAnimation="slide-up"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="left"
|
|
fixedMediaHeight={true}
|
|
containerClassName="gap-8"
|
|
titleClassName="text-5xl md:text-6xl font-bold"
|
|
descriptionClassName="text-lg text-slate-600 max-w-xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature-menu" data-section="feature-menu">
|
|
<FeatureCardSix
|
|
title="Menu Categories"
|
|
description="Browse our full selection of beverages and food items. All items available for dine-in, pickup, or delivery."
|
|
tag="Full Menu"
|
|
tagIcon={UtensilsCrossed}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Espresso Drinks",
|
|
description: "Lattes, cappuccinos, americanos, and specialty drinks made with premium espresso and locally-sourced milk alternatives.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg",
|
|
imageAlt: "Espresso drinks selection"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Cold Beverages",
|
|
description: "Refreshing iced coffee, cold brew, iced teas, and seasonal cold drinks. Perfect for warm days and outdoor seating.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/buns-raisins-near-hot-drinks_23-2147869639.jpg",
|
|
imageAlt: "Cold beverage selection"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Fresh Pastries",
|
|
description: "Daily-baked croissants, scones, muffins, and seasonal items. All made fresh with premium ingredients and zero preservatives.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408519.jpg",
|
|
imageAlt: "Fresh pastry selection"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
containerClassName="gap-8"
|
|
cardTitleClassName="text-4xl md:text-5xl font-bold"
|
|
cardDescriptionClassName="text-base text-slate-600 max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer-menu" data-section="footer-menu">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Menu", href: "/menu" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Visit", href: "/visit" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com/urthcoffee" },
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "Book Online", href: "/contact" },
|
|
{ label: "Order Online", href: "https://example.com/order" }
|
|
]
|
|
},
|
|
{
|
|
title: "Info",
|
|
items: [
|
|
{ label: "Hours & Location", href: "/visit" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Urth Coffee. All rights reserved. Locally roasted, globally inspired."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |