bender/29bde2bf-d03b-4e36-8aa5-ca66cc75aeb4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to version 1: remove src/app/kiosk/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-04 00:00:56 +00:00
parent ce1e05d410
commit 1cb755a520
1 changed files with 0 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/app/kiosk/page.tsx
View File

@@ -1,94 +0,0 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
import { useState } from 'react';
export default function KioskPage() {
const [searchValue, setSearchValue] = useState('');
const [selectedCategory, setSelectedCategory] = useState('All');
const foodProducts = [
{ id: 'item1', category: 'Burgers', name: 'Classic Burger', price: '$12.00', rating: 4, reviewCount: '120', imageSrc: 'http://img.b2bpic.net/free-photo/hamburger-sandwich-fries-coke_1417-1066.jpg', imageAlt: 'Classic Burger' },
{ id: 'item2', category: 'Sides', name: 'French Fries', price: '$4.50', rating: 5, reviewCount: '150', imageSrc: 'http://img.b2bpic.net/free-photo/appetizing-french-fries_144627-23098.jpg', imageAlt: 'French Fries' },
{ id: 'item3', category: 'Drinks', name: 'Coca-Cola', price: '$3.00', rating: 4, reviewCount: '90', imageSrc: 'http://img.b2bpic.net/free-photo/cola-glass-ice_144627-18406.jpg', imageAlt: 'Coca-Cola' },
{ id: 'item4', category: 'Burgers', name: 'Cheeseburger', price: '$13.50', rating: 4, reviewCount: '110', imageSrc: 'http://img.b2bpic.net/free-photo/tasty-gourmet-burger-black-background_144627-22709.jpg', imageAlt: 'Cheeseburger' },
{ id: 'item5', category: 'Sides', name: 'Onion Rings', price: '$5.50', rating: 4, reviewCount: '80', imageSrc: 'http://img.b2bpic.net/free-photo/delicious-onion-rings-wooden-board_144627-22687.jpg', imageAlt: 'Onion Rings' },
{ id: 'item6', category: 'Drinks', name: 'Orange Juice', price: '$3.50', rating: 5, reviewCount: '75', imageSrc: 'http://img.b2bpic.net/free-photo/glass-orange-juice-fresh-oranges_144627-22678.jpg', imageAlt: 'Orange Juice' },
{ id: 'item7', category: 'Burgers', name: 'Veggie Burger', price: '$11.00', rating: 4, reviewCount: '60', imageSrc: 'http://img.b2bpic.net/free-photo/plant-based-burger-with-salad_144627-22701.jpg', imageAlt: 'Veggie Burger' },
{ id: 'item8', category: 'Desserts', name: 'Chocolate Milkshake', price: '$6.00', rating: 5, reviewCount: '100', imageSrc: 'http://img.b2bpic.net/free-photo/chocolate-milkshake-with-whipped-cream-cherry-top_144627-22699.jpg', imageAlt: 'Chocolate Milkshake' },
];
const categories = ['All', 'Burgers', 'Sides', 'Drinks', 'Desserts'];
const filteredProducts = foodProducts.filter(product => {
const matchesSearch = product.name.toLowerCase().includes(searchValue.toLowerCase());
const matchesCategory = selectedCategory === 'All' || product.category === selectedCategory;
return matchesSearch && matchesCategory;
});
const handleCategoryChange = (value: string) => {
setSelectedCategory(value);
};
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="large"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/#services" },
{ name: "Products", id: "/#products" },
{ name: "Pricing", id: "/#pricing" },
{ name: "FAQ", id: "/#faq" },
{ name: "Contact", id: "/#contact" },
{ name: "Kiosk", id: "/kiosk" },
]}
button={{ text: "Get in Touch", href: "/#contact" }}
logoSrc="http://img.b2bpic.net/free-vector/letter-b-luxury-brand-logo_1035-8689.jpg"
brandName="16 Av. de Blossac"
/>
</div>
<ProductCatalog
layout="page"
products={filteredProducts}
searchValue={searchValue}
onSearchChange={setSearchValue}
searchPlaceholder="Search menu items..."
filters={[
{
label: 'Category',
options: categories,
selected: selectedCategory,
onChange: handleCategoryChange,
},
]}
emptyMessage="No menu items found matching your criteria."
className="min-h-screen pt-20"
gridClassName="gap-4 p-4"
cardClassName="flex flex-col items-center text-center p-4"
imageClassName="w-32 h-32 object-cover rounded-md mb-2"
searchClassName="mb-4"
filterClassName="mb-4"
toolbarClassName="sticky top-0 bg-background z-10 p-4"
/>
</ReactLenis>
</ThemeProvider>
);
}