- }
-
- {hasPermission(currentUser, 'READ_PERMISSIONS') &&
-
-
-
- Permissions
-
-
- {permissions}
-
-
-
-
-
-
+
+
+ {/* Secondary Metrics */}
+ {[
+ { label: 'Restaurants', val: restaurants, path: '/restaurants/restaurants-list', icon: icon.mdiStorefront, color: 'text-blue-500', perm: 'READ_RESTAURANTS' },
+ { label: 'Categories', val: categories, path: '/categories/categories-list', icon: icon.mdiShape, color: 'text-purple-500', perm: 'READ_CATEGORIES' },
+ { label: 'Tables', val: tables, path: '/tables/tables-list', icon: icon.mdiTableLarge, color: 'text-yellow-600', perm: 'READ_TABLES' },
+ { label: 'Reviews', val: reviews, path: '/reviews/reviews-list', icon: icon.mdiStar, color: 'text-red-400', perm: 'READ_REVIEWS' },
+ ].map((item, idx) => (
+ hasPermission(currentUser, item.perm) && (
+
+
+
+
+
+
{item.label}
+
{item.val}
+
+
+
+
+ )
+ ))}
- }
-
- {hasPermission(currentUser, 'READ_RESTAURANTS') &&
-
-
-
-
- Restaurants
-
-
- {restaurants}
-
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_CATEGORIES') &&
-
-
-
-
- Categories
-
-
- {categories}
-
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_DISHES') &&
-
-
-
-
- Dishes
-
-
- {dishes}
-
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_MENUS') &&
-
-
-
-
- Menus
-
-
- {menus}
-
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_ORDERS') &&
-
-
-
-
- Orders
-
-
- {orders}
-
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_TABLES') &&
-
-
-
-
- Tables
-
-
- {tables}
-
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_RESERVATIONS') &&
-
-
-
-
- Reservations
-
-
- {reservations}
-
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_REVIEWS') &&
-
-
-
-
- Reviews
-
-
- {reviews}
-
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_SUPPLIERS') &&
-
-
-
-
- Suppliers
-
-
- {suppliers}
-
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_INGREDIENTS') &&
-
-
-
-
- Ingredients
-
-
- {ingredients}
-
-
-
-
-
-
-
- }
-
-
-
-
-
- )
+
+
+ )
}
Dashboard.getLayout = function getLayout(page: ReactElement) {
- return
}
-export default Dashboard
+export default Dashboard
\ No newline at end of file
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 275458d..087e293 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -1,166 +1,132 @@
-
import React, { useEffect, useState } from 'react';
import type { ReactElement } from 'react';
import Head from 'next/head';
import Link from 'next/link';
import BaseButton from '../components/BaseButton';
-import CardBox from '../components/CardBox';
import SectionFullScreen from '../components/SectionFullScreen';
import LayoutGuest from '../layouts/Guest';
-import BaseDivider from '../components/BaseDivider';
-import BaseButtons from '../components/BaseButtons';
-import { getPageTitle } from '../config';
-import { useAppSelector } from '../stores/hooks';
-import CardBoxComponentTitle from "../components/CardBoxComponentTitle";
-import { getPexelsImage, getPexelsVideo } from '../helpers/pexels';
+import { getPageTitle, appTitle } from '../config';
+import { getPexelsImage } from '../helpers/pexels';
+import { mdiFood, mdiSilverwareVariant, mdiTimelineClockOutline } from '@mdi/js';
+import BaseIcon from '../components/BaseIcon';
+export default function LandingPage() {
+ const [heroImage, setHeroImage] = useState(null)
-export default function Starter() {
- const [illustrationImage, setIllustrationImage] = useState({
- src: undefined,
- photographer: undefined,
- photographer_url: undefined,
- })
- const [illustrationVideo, setIllustrationVideo] = useState({video_files: []})
- const [contentType, setContentType] = useState('image');
- const [contentPosition, setContentPosition] = useState('left');
- const textColor = useAppSelector((state) => state.style.linkColor);
-
- const title = 'AI App Draft'
-
- // Fetch Pexels image/video
useEffect(() => {
async function fetchData() {
- const image = await getPexelsImage();
- const video = await getPexelsVideo();
- setIllustrationImage(image);
- setIllustrationVideo(video);
+ // We search for Moroccan food specifically to match the theme
+ const image = await getPexelsImage('Moroccan Food');
+ setHeroImage(image);
}
fetchData();
}, []);
- const imageBlock = (image) => (
-
-
-
- Photo by {image?.photographer} on Pexels
-
+ const features = [
+ {
+ title: 'Authentic Flavors',
+ description: 'Experience the rich heritage of Moroccan spices and traditional cooking techniques.',
+ icon: mdiFood,
+ },
+ {
+ title: 'Elegant Dining',
+ description: 'A refined atmosphere inspired by the beautiful Riads of Marrakech.',
+ icon: mdiSilverwareVariant,
+ },
+ {
+ title: 'Easy Reservations',
+ description: 'Book your table in seconds and manage your dining experience online.',
+ icon: mdiTimelineClockOutline,
+ }
+ ]
+
+ return (
+
+
+
{getPageTitle('Authentic Moroccan Cuisine')}
+
+
+ {/* Hero Section */}
+
+
+ {/* Background Overlay */}
+
+
+ {/* Content */}
+
+
+ {appTitle}
+
+
+ A journey through the vibrant colors and exquisite tastes of Morocco.
+
+
+
+
+ Admin Portal
+
+
+
+
+
+ {/* Features / Story */}
+
+
+
+
Tradition in Every Bite
+
+
+
+
+ {features.map((feature, index) => (
+
+
+
+
+
{feature.title}
+
+ {feature.description}
+
+
+ ))}
+
+
+
+ {/* Footer */}
+
);
-
- const videoBlock = (video) => {
- if (video?.video_files?.length > 0) {
- return (
-
-
-
-
)
- }
- };
-
- return (
-
-
-
{getPageTitle('Starter Page')}
-
-
-
-
- {contentType === 'image' && contentPosition !== 'background'
- ? imageBlock(illustrationImage)
- : null}
- {contentType === 'video' && contentPosition !== 'background'
- ? videoBlock(illustrationVideo)
- : null}
-
-
-
-
© 2026 {title}. All rights reserved
-
- Privacy Policy
-
-
-
-
- );
}
-Starter.getLayout = function getLayout(page: ReactElement) {
- return
{page};
-};
-
+LandingPage.getLayout = function getLayout(page: ReactElement) {
+ return
{page};
+};
\ No newline at end of file