diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx new file mode 100644 index 0000000..7eb5122 --- /dev/null +++ b/src/app/admin/page.tsx @@ -0,0 +1,105 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; + +export default function AdminDashboardPage() { + return ( + + + + +
+

Admin Dashboard

+

Manage your restaurant operations, view analytics, update menus, and configure system settings.

+ +
+

Restaurant Management

+

Overview of daily operations, table management, staff scheduling, and order fulfillment tracking.

+
    +
  • Manage reservations
    • +
  • Track current orders
    • +
  • Assign staff roles
    • +
+
+ +
+

Analytics & Reporting

+

Access key performance indicators, sales reports, customer insights, and operational efficiency metrics.

+
    +
  • View sales trends
    • +
  • Analyze customer feedback
    • +
  • Monitor inventory levels
    • +
+
+ +
+

Menu Management

+

Effortlessly update your food and drink menus, add new items, modify prices, and manage categories.

+
    +
  • Add/edit menu items
    • +
  • Update pricing
    • +
  • Organize categories
    • +
+
+ +
+

System Configuration

+

Configure application settings, user permissions, payment integrations, and notification preferences.

+
    +
  • Manage user accounts
    • +
  • Set payment gateways
    • +
  • Customize notifications
    • +
+
+
+ + + ); +} diff --git a/src/app/customer-display/page.tsx b/src/app/customer-display/page.tsx new file mode 100644 index 0000000..29f2d58 --- /dev/null +++ b/src/app/customer-display/page.tsx @@ -0,0 +1,77 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import { CreditCard, History } from "lucide-react"; + +export default function CustomerDisplayPage() { + return ( + + + + +
+
+

Customer Display

+

View your order status and payment information.

+ +
+
+

+ Order Status +

+
+

Order ID: #123456789

+

Status: Processing

+

Items: 3

+

Estimated Delivery: 2-3 business days

+
+
+ +
+

+ Payment Information +

+
+

Amount Due: €125.00

+

Payment Method: Credit Card (**** **** **** 1234)

+

Transaction ID: TXN-987654321

+

Payment Status: Authorized

+
+
+
+
+
+ + + ); +} diff --git a/src/app/kds/page.tsx b/src/app/kds/page.tsx new file mode 100644 index 0000000..d93e65f --- /dev/null +++ b/src/app/kds/page.tsx @@ -0,0 +1,179 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import HeroSignup from '@/components/sections/hero/HeroSignup'; +import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine'; +import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; +import ContactSplit from '@/components/sections/contact/ContactSplit'; +import FooterMedia from '@/components/sections/footer/FooterMedia'; +import { CheckCircle, Sliders, Monitor, Clock, Settings, Wifi } from 'lucide-react'; + +export default function KdsPage() { + return ( + + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + + ); +} \ No newline at end of file diff --git a/src/app/kiosk/page.tsx b/src/app/kiosk/page.tsx new file mode 100644 index 0000000..08669b6 --- /dev/null +++ b/src/app/kiosk/page.tsx @@ -0,0 +1,94 @@ +"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 ( + + + + + + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 40a0bf3..10b1ed9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,7 +34,7 @@ export default function LandingPage() { + + + +
+
+

Payment Processing

+

Choose your preferred payment method.

+ +
+ {/* Card Payment Section */} +
+

+ Card Payment +

+
+
+ + +
+
+
+ + +
+
+ + +
+
+ +
+
+ + {/* Cash Payment Section */} +
+
+

+ Cash Payment +

+

+ Please present your order details at the counter to complete your cash payment. + Our staff will assist you with the process. +

+

+ Note: Exact change is appreciated for faster service. +

+
+ +
+
+
+
+ + + ); +}