Add src/app/gallery/page.tsx

This commit is contained in:
2026-05-12 17:11:56 +00:00
parent 9590887eb7
commit f452cfb4e4

58
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,58 @@
"use client";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import FooterCard from "@/components/sections/footer/FooterCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Instagram, Facebook, Linkedin } from "lucide-react";
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Overview", id: "/" },
{ name: "Gallery", id: "/gallery" },
{ name: "Reservations", id: "/reservations" },
{ name: "Contact", id: "/contact" },
]}
brandName="FEDERICO"
button={{ text: "Book Table", href: "/reservations" }}
/>
<FeatureCardMedia
title="Our Gallery"
description="Visual glimpses of the dining experience at Federico."
textboxLayout="default"
animationType="slide-up"
features={[
{ id: "1", title: "Dining Hall", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg" },
{ id: "2", title: "Gourmet Pasta", imageSrc: "http://img.b2bpic.net/free-photo/delicious-penne-pasta-with-tomato-sauce-fresh-basil-grated-parmesan-cheese_84443-81547.jpg" },
{ id: "3", title: "Elegant Setting", imageSrc: "http://img.b2bpic.net/free-photo/waiter-is-serving-dinner-two-pretty-friends-women-elegant-restaurant_8353-10575.jpg" },
]}
/>
<FooterCard
logoText="FEDERICO"
copyrightText="© 2025 FEDERICO Restaurant. 1 Rue du Lac de Constance, Tunis."
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}