feat: adding the table with products

src/App.jsx

@@ -1,9 +1,12 @@
 import { useState } from 'react'
 import Background from "./components/Background";
+import VideoBackground from "./components/VimeoEmbed";
 import AppHeader from './components/AppHeader';
 import Footer from './components/Footer';
 import Box from '@mui/material/Box';
 
+import Admin from './private/Admin';
+
 import './App.css'
 
 function App() {
@@ -12,7 +15,8 @@ function App() {
   return (
     <>
 
-      <Background imageName='background.jpg' opacity={0.65} />
+      {/* <Background imageName='background.jpg' opacity={0.65} /> */}
+      <VideoBackground videoId="1066622045" />
 
       <Box
         sx={{
@@ -26,9 +30,9 @@ function App() {
 
         {/* Main content area */}
         <Box component="main" sx={{ flex: 1, p: 2 }}>
-          <h1>Welcome to the Fendi Casa Experience</h1>
-          <p>This is a sample box.</p>
-
+          {zone === 'private' && <Admin />}
+          {zone === 'restricted' && <Admin />}
+          {zone === 'public' && <Admin />}
         </Box>
         <Footer zone={zone} />
       </Box>