Initial commit - restaurant dashboard

src/components/Authentication/SignUp_In/SidePanel.js

@@ -1,14 +1,11 @@
 import React, { useState, useEffect } from 'react';
-
-
 import {
     Button,
     Typography,
     Stack,
     Box
 } from '@mui/material';
-
-import ArrowForwardIcon from '@mui/icons-material/ArrowForward';  // استيراد أيقونة السهم
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';  
 
 const SidePanel = ({ setMode, mode }) => {
     const [currentSlide, setCurrentSlide] = useState(0);
@@ -61,7 +58,7 @@ const SidePanel = ({ setMode, mode }) => {
                 sx={{
                     display: { xs: "none", sm: "block" },
                     position: 'sticky',
-                    height: 'calc(102vh - 40px)', // لضمان ملاءمته للشاشة
+                    height: 'calc(102vh - 40px)',
                 }}
             >
 
@@ -96,9 +93,9 @@ const SidePanel = ({ setMode, mode }) => {
                                 left: 0,
                                 width: '100%',
                                 height: {
-                                    md: '37vh',  // الافتراضي للشاشات الصغيرة
+                                    md: '37vh', 
                                     // xs: '5vh',
-                                    sm: '42vh',// عندما تكون الشاشة متوسطة أو أكبر
+                                    sm: '42vh',
                                     lg: '31vh',   // من 1200px إلى أقل من 1536px
 
                                 },
@@ -119,17 +116,17 @@ const SidePanel = ({ setMode, mode }) => {
                             <Button
                                 variant="contained"
                                 size="small"
-                                onClick={() => window.open('https://www.google.com', '_blank')}
+                                onClick={() => window.open('https://landing.velocrea.com/', '_blank')}
                                 sx={{
 
                                     mb: 1,
                                     bgcolor: 'rgba(255, 255, 255, 0.24)',
                                     color: 'white',
                                     textTransform: 'none',
-                                    borderRadius: '12px',  // زاوية منحنية
-                                    display: 'flex', // لتوزيع الأيقونة والنص بشكل أفقي
-                                    alignItems: 'center',  // لضبط الأيقونة والنص في المنتصف
-                                    padding: '6px 20px',  // يمكن تعديل المسافة حول النص والأيقونة
+                                    borderRadius: '12px',  
+                                    display: 'flex', 
+                                    alignItems: 'center', 
+                                    padding: '6px 20px', 
                                     borderRadius: '50px',
                                     fontSize: '16px',
                                     fontWeight: 500,
@@ -138,8 +135,8 @@ const SidePanel = ({ setMode, mode }) => {
 
                             >
                                 KITCHPLUS
-                                {/* إضافة أيقونة السهم مع تعديل زاوية الدوران */}
-                                <ArrowForwardIcon sx={{ ml: 1, transform: 'rotate(-45deg)' }} /> {/* تعديل زاوية السهم */}
+                               
+                                <ArrowForwardIcon sx={{ ml: 1, transform: 'rotate(-45deg)' }} />
                             </Button>
 
                             <Typography