Add src/app/gallery/page.tsx

This commit is contained in:
2026-03-26 08:40:49 +00:00
parent 24192d8ce9
commit cdc23f25f2

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

@@ -0,0 +1,76 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="mediumSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "home", href: "/"},
{
name: "Menu", id: "menu", href: "/menu"},
{
name: "Gallery", id: "gallery", href: "/gallery"},
{
name: "About Us", id: "about", href: "/#about"},
{
name: "Contact", id: "contact", href: "/contact"},
]}
brandName="The Marwari Platter"
button={{
text: "Reserve a Table", href: "/contact"}}
/>
</div>
<div id="gallery-content" data-section="gallery-content">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "gallery-1", name: "Exquisite Dining Area", brand: "", price: "", rating: 0,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-indian-restaurant-facebook-cover-template_23-2149505009.jpg?_wi=1", imageAlt: "Elegant restaurant interior with traditional decor"},
{
id: "gallery-2", name: "Chef's Special Creation", brand: "", price: "", rating: 0,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chicken-curry_23-2149372993.jpg", imageAlt: "Close-up of a beautifully plated Marwadi dish"},
{
id: "gallery-3", name: "Traditional Marwadi Thali", brand: "", price: "", rating: 0,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/indian-cuisine-collection-with-curry-rice_23-2149386763.jpg", imageAlt: "Full Marwadi Thali with various dishes"},
{
id: "gallery-4", name: "Warm and Inviting Ambiance", brand: "", price: "", rating: 0,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-tables-luxurious-hotel-lobby_23-2149303503.jpg?_wi=2", imageAlt: "Restaurant interior with soft lighting and comfortable seating"},
{
id: "gallery-5", name: "Freshly Prepared Ingredients", brand: "", price: "", rating: 0,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-seasonings-with-vegetables-dark-space_140725-76041.jpg?_wi=1", imageAlt: "Assortment of fresh spices and vegetables"},
{
id: "gallery-6", name: "Authentic Rajasthani Sweets", brand: "", price: "", rating: 0,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/traditional-delicious-indian-sweets-food_181624-52319.jpg", imageAlt: "Variety of colorful Indian sweets"}
]}
title="Our Restaurant Gallery"
description="A visual journey through our restaurant's ambiance, signature dishes, and culinary artistry."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}