Add src/app/menus/page.tsx

This commit is contained in:
2026-04-22 23:51:55 +00:00
parent a73759a7ef
commit 3de26e4842

70
src/app/menus/page.tsx Normal file
View File

@@ -0,0 +1,70 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
export default function MenusPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Accueil", id: "/" },
{ name: "À Propos", id: "/#about" },
{ name: "Menu", id: "/menus" },
{ name: "Nos Services", id: "/#features" },
{ name: "Avis", id: "/#testimonials" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Le Viand'Art"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
title="Notre Carte"
description="Découvrez nos sélections de viandes et nos plats raffinés."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "1", tag: "Entrées", price: "12€", period: "dès", description: "Mises en bouche gourmandes et salades composées.", button: { text: "Voir" },
featuresTitle: "Suggestions", features: ["Salade fraîche", "Soupe du jour", "Assiette de charcuterie"]
},
{
id: "2", tag: "Viandes", price: "24€", period: "dès", description: "Nos pièces de bœuf d'exception.", button: { text: "Voir" },
featuresTitle: "Nos spécialités", features: ["Entrecôte", "Filet de bœuf", "Côte de bœuf (2 pers.)"]
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
logoText="Le Viand'Art"
columns={[
{ title: "Navigation", items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menus" }] },
{ title: "Infos", items: [{ label: "Contact", href: "/#contact" }, { label: "Mentions Légales", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}