209 lines
9.1 KiB
TypeScript
209 lines
9.1 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Flame, ChefHat } from "lucide-react";
|
|
|
|
export default function MenuPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "Order Online", id: "https://order.toasttab.com/online/corazon-6800-visitors-circle" },
|
|
{ name: "Gift Cards", id: "/gift-cards" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Careers", id: "/careers" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Menu", href: "/menu" },
|
|
{ label: "Order Online", href: "https://order.toasttab.com/online/corazon-6800-visitors-circle" },
|
|
{ label: "Gift Cards", href: "/gift-cards" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com/corazoncocinamexicana" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Google Reviews", href: "https://g.page/r/CZumIN3la0mCEAE/review" },
|
|
{ label: "TripAdvisor", href: "https://www.tripadvisor.com" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Phone", href: "tel:+1-407-237-9490" },
|
|
{ label: "6800 Visitors Circle, Orlando, FL 32819", href: "https://maps.google.com/?q=6800+Visitors+Circle,+Orlando,+FL+32819" },
|
|
{ label: "Hours", href: "#" },
|
|
{ label: "Careers", href: "/careers" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Corazón"
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id,
|
|
}))}
|
|
button={{
|
|
text: "Order Now",
|
|
href: "https://order.toasttab.com/online/corazon-6800-visitors-circle",
|
|
}}
|
|
className="fixed top-6 left-1/2 transform -translate-x-1/2 z-50"
|
|
buttonClassName="bg-primary-cta hover:opacity-90 text-white font-semibold px-6 py-2 rounded-full shadow-lg transition-all"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-hero" data-section="menu-hero">
|
|
<HeroBillboardCarousel
|
|
title="Our Complete Menu"
|
|
description="From traditional appetizers to authentic main courses and refreshing beverages. Every dish is prepared with fresh ingredients and served with authentic Mexican pride."
|
|
tag="Browse Our Menu"
|
|
background={{ variant: "animated-grid" }}
|
|
buttons={[
|
|
{ text: "Order Online", href: "https://order.toasttab.com/online/corazon-6800-visitors-circle" },
|
|
{ text: "Back Home", href: "/" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-different-vegetables-coriander-hot-peppers-bell-peppers-cut-into-pieces-round-tree-wood-board-cherry-tomatoes-peppers-yellow-ochre-background-free-space_140725-108077.jpg?_wi=3",
|
|
imageAlt: "Sizzling fajitas",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086032.jpg?_wi=3",
|
|
imageAlt: "Homemade tamales",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-stuffed-cabbage-plate-stuffed-cabbage-with-lemon-herbs-sauce-bowls-rice-colorful-spices-black-pepper-black-table_140725-110561.jpg?_wi=3",
|
|
imageAlt: "Enchiladas",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-lunch-inside-plate-dark-green-surface_140725-61856.jpg?_wi=3",
|
|
imageAlt: "Chiles rellenos",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-tamales-plate_23-2148942297.jpg?_wi=2",
|
|
imageAlt: "Appetizers",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-selfie-night-party_23-2147640529.jpg?_wi=2",
|
|
imageAlt: "Beverages",
|
|
},
|
|
]}
|
|
className="w-full min-h-screen"
|
|
containerClassName="relative"
|
|
textBoxClassName="text-center"
|
|
titleClassName="text-5xl md:text-7xl font-extrabold leading-tight"
|
|
descriptionClassName="text-lg md:text-xl max-w-2xl mx-auto mt-6"
|
|
buttonContainerClassName="flex flex-col md:flex-row gap-4 justify-center mt-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-items" data-section="menu-items">
|
|
<ProductCardFour
|
|
title="Signature Selections"
|
|
description="Our most popular dishes, crafted with passion and served with pride. Each item represents generations of authentic Mexican cooking."
|
|
tag="Popular Items"
|
|
tagIcon={Flame}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "fajitas-menu",
|
|
name: "Sizzling Fajitas",
|
|
price: "Market Price",
|
|
variant: "Chicken, Beef, or Shrimp with peppers and onions",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-different-vegetables-coriander-hot-peppers-bell-peppers-cut-into-pieces-round-tree-wood-board-cherry-tomatoes-peppers-yellow-ochre-background-free-space_140725-108077.jpg?_wi=4",
|
|
imageAlt: "Sizzling fajitas",
|
|
},
|
|
{
|
|
id: "tamales-menu",
|
|
name: "Homemade Tamales",
|
|
price: "Market Price",
|
|
variant: "Traditional family recipe, wrapped in corn husks",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086032.jpg?_wi=4",
|
|
imageAlt: "Homemade tamales",
|
|
},
|
|
{
|
|
id: "enchiladas-menu",
|
|
name: "Enchiladas Verdes & Rojo",
|
|
price: "Market Price",
|
|
variant: "Cheese, chicken, or beef with authentic sauce",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-stuffed-cabbage-plate-stuffed-cabbage-with-lemon-herbs-sauce-bowls-rice-colorful-spices-black-pepper-black-table_140725-110561.jpg?_wi=4",
|
|
imageAlt: "Enchiladas",
|
|
},
|
|
{
|
|
id: "chiles-rellenos-menu",
|
|
name: "Chiles Rellenos",
|
|
price: "Market Price",
|
|
variant: "Poblano peppers filled with cheese and topped with mole",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-lunch-inside-plate-dark-green-surface_140725-61856.jpg?_wi=4",
|
|
imageAlt: "Chiles rellenos",
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
containerClassName="py-16 md:py-24 px-4 md:px-8"
|
|
titleClassName="text-4xl md:text-5xl font-extrabold"
|
|
descriptionClassName="text-lg mt-4 max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-cta" data-section="menu-cta">
|
|
<ContactCenter
|
|
tag="Order Now"
|
|
tagIcon={ChefHat}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Order?"
|
|
description="Place your order online for pickup or delivery. Get special offers and discounts when you sign up for our newsletter!"
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Order Online"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
containerClassName="py-16 md:py-24 px-4 md:px-8"
|
|
contentClassName="max-w-2xl mx-auto text-center"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Corazón Cocina Mexicana. All rights reserved."
|
|
containerClassName="py-12 px-4 md:px-8"
|
|
columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-8"
|
|
columnClassName="flex flex-col"
|
|
columnTitleClassName="font-extrabold text-lg mb-4"
|
|
columnItemClassName="text-sm mb-3 hover:opacity-70 transition-opacity"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |