Merge branch 'IT20402266' into 'dev'

It20402266

See merge request !4

Project/Backend/Server_Node/controllers/user.controller.js

@@ -41,7 +41,7 @@ export const signUp = async (req, res) => {
     } = req.body;
 
     try {
-        if (!type) return res.status(400).json({ code: "02", message: "Type Field Required" })
+        // if (!type) return res.status(400).json({ code: "02", message: "Type Field Required" })
         if (!email) return res.status(400).json({ code: "02", message: "Email Field Required" })
         if (!userFirstName) return res.status(400).json({ code: "02", message: "User First Name Field Required" })
         if (!userLastName) return res.status(400).json({ code: "02", message: "User Last Name Field Required" })
@@ -50,51 +50,74 @@ export const signUp = async (req, res) => {
         const existingUser = await User.findOne({ email })
         if (existingUser) return res.status(400).json({ code: "02", message: "User already exists" })
 
-        if (type === "buyer") {
-            if (!password) return res.status(400).json({ code: "02", message: "Password Field Required" })
-            if (password !== confirmPassword) return res.status(400).json({ code: "02", message: "Passwords do not match" })
-            const hashedPassword = await bcrypt.hash(password, 12)
-
-            const userDetails = new User({
-                email,
-                password: hashedPassword,
-                type,
-                userDetails: {
-                    userQNumber: uuidv4(),
-                    userEmail: email,
-                    userName: `${userFirstName} ${userLastName}`,
-                    userContactNumber,
-                    userAddress: `${userAddressLine1}, ${userAddressLine2}, ${userAddressLine3}`,
-                    userType: type,
-                }
-            })
-
-            const userResult = await userDetails.save()
-
-            const token = jwt.sign({ email: userResult.email, id: userResult._id }, 'test', { expiresIn: "1h" })
-
-            res.status(200).json({ code: "01", result: userResult, token })
-        } else if (type === "trader") {
-            const userDetails = new User({
-                email,
-                type,
-                userDetails: {
-                    userQNumber: uuidv4(),
-                    userEmail: email,
-                    userName: `${userFirstName} ${userLastName}`,
-                    userContactNumber,
-                    userAddress: `${userAddressLine1}, ${userAddressLine2}, ${userAddressLine3}`,
-                    userType: type,
-                },
-                states: 2
-            })
-
-            const userResult = await userDetails.save()
-
-            const token = jwt.sign({ email: userResult.email, id: userResult._id }, 'test', { expiresIn: "1h" })
-
-            res.status(200).json({ code: "01", result: userResult, token })
-        }
+        // if (type === "buyer") {
+        //     if (!password) return res.status(400).json({ code: "02", message: "Password Field Required" })
+        //     if (password !== confirmPassword) return res.status(400).json({ code: "02", message: "Passwords do not match" })
+        //     const hashedPassword = await bcrypt.hash(password, 12)
+
+        //     const userDetails = new User({
+        //         email,
+        //         password: hashedPassword,
+        //         type,
+        //         userDetails: {
+        //             userQNumber: uuidv4(),
+        //             userEmail: email,
+        //             userName: `${userFirstName} ${userLastName}`,
+        //             userContactNumber,
+        //             userAddress: `${userAddressLine1}, ${userAddressLine2}, ${userAddressLine3}`,
+        //             userType: type,
+        //         }
+        //     })
+
+        //     const userResult = await userDetails.save()
+
+        //     const token = jwt.sign({ email: userResult.email, id: userResult._id }, 'test', { expiresIn: "1h" })
+
+        //     res.status(200).json({ code: "01", result: userResult, token })
+        // } else if (type === "trader") {
+        //     const userDetails = new User({
+        //         email,
+        //         type,
+        //         userDetails: {
+        //             userQNumber: uuidv4(),
+        //             userEmail: email,
+        //             userName: `${userFirstName} ${userLastName}`,
+        //             userContactNumber,
+        //             userAddress: `${userAddressLine1}, ${userAddressLine2}, ${userAddressLine3}`,
+        //             userType: type,
+        //         },
+        //         states: 2
+        //     })
+
+        //     const userResult = await userDetails.save()
+
+        //     const token = jwt.sign({ email: userResult.email, id: userResult._id }, 'test', { expiresIn: "1h" })
+
+        //     res.status(200).json({ code: "01", result: userResult, token })
+        // }
+
+        if (!password) return res.status(400).json({ code: "02", message: "Password Field Required" })
+        if (password !== confirmPassword) return res.status(400).json({ code: "02", message: "Passwords do not match" })
+        const hashedPassword = await bcrypt.hash(password, 12)
+
+        const userDetails = new User({
+            email,
+            password: hashedPassword,
+            type,
+            userDetails: {
+                userQNumber: uuidv4(),
+                userEmail: email,
+                userName: `${userFirstName} ${userLastName}`,
+                userContactNumber,
+                userAddress: `${userAddressLine1}, ${userAddressLine2}, ${userAddressLine3}`, 
+            }
+        })
+
+        const userResult = await userDetails.save()
+
+        const token = jwt.sign({ email: userResult.email, id: userResult._id }, 'test', { expiresIn: "1h" })
+
+        res.status(200).json({ code: "01", result: userResult, token })
 
     } catch (error) {
         res.status(500).json({ code: "00", message: "Something went wrong" })

Project/Backend/Server_Node/mocq_data/Curriculums.ts

@@ -3,10 +3,12 @@ const curriculums = [
         "curriculumCode": "01",
         "curriculumLevel": "Base Level",
         "curriculumName": "Learn Sign Language",
+        "curriculumImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
         "tutorials": [
             {
                 "tutorialCode": "01",
                 "tutorialTitle": "Numbers and Counting in Sign Language",
+                "tutorialImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
                 "taskItems": [
                     {
                         "title": "Learn Number One",
@@ -83,23 +85,41 @@ const curriculums = [
             {
                 "tutorialCode": "02",
                 "tutorialTitle": "Learn the Basics of Sign Language",
+                "tutorialImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
                 "tutorialContent": "Introduce the concept of sign language and its importance.\nTeach basic greetings and expressions, such as hello, goodbye, thank you, and sorry.\nProvide visual demonstrations and practice exercises for learners to practice these basic signs."
             },
             {
                 "tutorialCode": "03",
                 "tutorialTitle": "Family Signs in Sign Language",
+                "tutorialImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
                 "tutorialContent": "Teach signs for family members, such as mother, father, sister, brother, etc.\nIntroduce signs for common family-related words, such as family, love, and home.\nProvide visual demonstrations and practice exercises for learners to practice these family signs."
             },
             {
                 "tutorialCode": "04",
                 "tutorialTitle": "Everyday Vocabulary in Sign Language",
+                "tutorialImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
                 "tutorialContent": "Teach signs for everyday objects and activities, such as eat, drink, sleep, book, pen, etc.\nIntroduce signs for common words used in daily life.\nProvide visual demonstrations and interactive exercises for learners to practice using these signs."
             },
             {
                 "tutorialCode": "05",
                 "tutorialTitle": "Basic Conversational Phrases in Sign Language",
+                "tutorialImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
                 "tutorialContent": "Teach simple conversational phrases, such as \"What is your name?\" or \"How are you?\"\nIntroduce signs for common question words and phrases.\nProvide visual demonstrations and practice exercises for learners to practice these conversational phrases."
             }
         ]
+    },
+    {
+        "curriculumCode": "02",
+        "curriculumLevel": "Medium Level",
+        "curriculumName": "Learn Sign Language",
+        "curriculumImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
+        "tutorials": []
+    },
+    {
+        "curriculumCode": "03",
+        "curriculumLevel": "Advance Level",
+        "curriculumName": "Learn Sign Language",
+        "curriculumImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
+        "tutorials": []
     }
 ]

Project/Backend/Server_Node/models/user.model.js

@@ -36,6 +36,7 @@ const userSchema = mongoose.Schema({
         },
         userType: {
             type: String,
+            default: "N/A",
             required: true
         },
     },

Project/Backend/Server_Node/server.js

@@ -5,8 +5,8 @@ import express from "express";
 import mongoose from "mongoose";
 
 //import routes
-import userRoutes from "./routes/user.routes.js";
 import translateRoutes from "./routes/translate.routes.js";
+import userRoutes from "./routes/user.routes.js";
 
 dotenv.config();
 const app = express();

Project/Frontend/Web_App/public/manifest.json

 {
-  "name": "React Material Minimal UI",
+  "name": "React Material SignConnect+",
   "short_name": "Minimal-UI",
   "display": "standalone",
   "start_url": "/",

Project/Frontend/Web_App/src/layouts/dashboard/nav/config.tsx

@@ -41,6 +41,15 @@ const navConfig = [
     items: [
       { title: 'app', path: PATH_DASHBOARD.general.app, icon: ICONS.dashboard },
       { title: 'blank', path: PATH_DASHBOARD.blank, icon: ICONS.blank },
+      //Spoken language to Sign Language Module items
+      {
+        title: 'Spoken language Translation Module',
+        path: PATH_DASHBOARD.spokenLanguageTranslationModule.root,
+        icon: ICONS.chat,
+        children: [
+          { title: 'Home', path: PATH_DASHBOARD.spokenLanguageTranslationModule.spokenLanguageTranslationHome },
+        ],
+      },
       // Sign Language Learning Module items
       {
         title: 'Learning Module',

Project/Frontend/Web_App/src/layouts/main/Footer.tsx

@@ -97,7 +97,7 @@ export default function Footer() {
 
           <Grid item xs={8} md={3}>
             <Typography variant="body2" sx={{ pr: { md: 5 } }}>
-              The starting point for your next project with Minimal UI Kit, built on the newest
+              The starting point for your next project with SignConnect+ Kit, built on the newest
               version of Material-UI ©, ready to be customized to your style.
             </Typography>
 

Project/Frontend/Web_App/src/pages/403.tsx

@@ -21,7 +21,7 @@ export default function Page403() {
   return (
     <>
       <Head>
-        <title> 403 Forbidden | Minimal UI</title>
+        <title> 403 Forbidden | SignConnect+</title>
       </Head>
 
       <MotionContainer>

Project/Frontend/Web_App/src/pages/404.tsx

@@ -21,7 +21,7 @@ export default function Page404() {
   return (
     <>
       <Head>
-        <title> 404 Page Not Found | Minimal UI</title>
+        <title> 404 Page Not Found | SignConnect+</title>
       </Head>
 
       <MotionContainer>

Project/Frontend/Web_App/src/pages/500.tsx

@@ -21,7 +21,7 @@ export default function Page500() {
   return (
     <>
       <Head>
-        <title> 500 Internal Server Error | Minimal UI</title>
+        <title> 500 Internal Server Error | SignConnect+</title>
       </Head>
 
       <MotionContainer>

Project/Frontend/Web_App/src/pages/_document.tsx

@@ -45,10 +45,10 @@ export default class MyDocument extends Document {
           {/* Meta */}
           <meta
             name="description"
-            content="The starting point for your next project with Minimal UI Kit, built on the newest version of Material-UI ©, ready to be customized to your style"
+            content="The starting point for your next project with SignConnect+ Kit, built on the newest version of Material-UI ©, ready to be customized to your style"
           />
           <meta name="keywords" content="react,material,kit,application,dashboard,admin,template" />
-          <meta name="author" content="Minimal UI Kit" />
+          <meta name="author" content="SignConnect+ Kit" />
         </Head>
 
         <body>

Project/Frontend/Web_App/src/pages/about-us.tsx

@@ -17,7 +17,7 @@ export default function AboutPage() {
   return (
     <>
       <Head>
-        <title> About us | Minimal UI</title>
+        <title> About us | SignConnect+</title>
       </Head>
 
       <AboutHero />

Project/Frontend/Web_App/src/pages/auth/login-unprotected.tsx

@@ -9,7 +9,7 @@ export default function LoginUnprotectedPage() {
   return (
     <>
       <Head>
-        <title> Login Unprotected | Minimal UI</title>
+        <title> Login Unprotected | SignConnect+</title>
       </Head>
 
       <Login />

Project/Frontend/Web_App/src/pages/auth/login.tsx

@@ -12,7 +12,7 @@ export default function LoginPage() {
   return (
     <>
       <Head>
-        <title> Login | Minimal UI</title>
+        <title> Login | SignConnect+</title>
       </Head>
 
       <GuestGuard>

Project/Frontend/Web_App/src/pages/auth/new-password.tsx

@@ -24,7 +24,7 @@ export default function NewPasswordPage() {
   return (
     <>
       <Head>
-        <title> New Password | Minimal UI</title>
+        <title> New Password | SignConnect+</title>
       </Head>
 
       <SentIcon sx={{ mb: 5, height: 96 }} />

Project/Frontend/Web_App/src/pages/auth/register-unprotected.tsx

@@ -9,7 +9,7 @@ export default function RegisterUnprotectedPage() {
   return (
     <>
       <Head>
-        <title> Register Unprotected | Minimal UI</title>
+        <title> Register Unprotected | SignConnect+</title>
       </Head>
 
       <Register />

Project/Frontend/Web_App/src/pages/auth/register.tsx

 // next
 import Head from 'next/head';
 // auth
-import GuestGuard from '../../auth/GuestGuard';
 // sections
 import Register from '../../sections/auth/Register';
 
@@ -11,12 +10,10 @@ export default function RegisterPage() {
   return (
     <>
       <Head>
-        <title> Register | Minimal UI</title>
+        <title> Register | SignConnect+</title>
       </Head>
 
-      <GuestGuard>
-        <Register />
-      </GuestGuard>
+      <Register />
     </>
   );
 }

Project/Frontend/Web_App/src/pages/auth/reset-password.tsx

@@ -24,7 +24,7 @@ export default function ResetPasswordPage() {
   return (
     <>
       <Head>
-        <title> Reset Password | Minimal UI</title>
+        <title> Reset Password | SignConnect+</title>
       </Head>
 
       <PasswordIcon sx={{ mb: 5, height: 96 }} />

Project/Frontend/Web_App/src/pages/auth/verify.tsx

@@ -24,7 +24,7 @@ export default function VerifyCodePage() {
   return (
     <>
       <Head>
-        <title> Verify Code | Minimal UI</title>
+        <title> Verify Code | SignConnect+</title>
       </Head>
 
       <EmailInboxIcon sx={{ mb: 5, height: 96 }} />

Project/Frontend/Web_App/src/pages/coming-soon.tsx

@@ -27,7 +27,7 @@ export default function ComingSoonPage() {
   return (
     <>
       <Head>
-        <title> Coming Soon | Minimal UI</title>
+        <title> Coming Soon | SignConnect+</title>
       </Head>
 
       <Typography variant="h3" paragraph>

Project/Frontend/Web_App/src/pages/components/extra/animate.tsx

@@ -40,7 +40,7 @@ export default function DemoAnimatePage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Animate | Minimal UI</title>
+        <title> Extra Components: Animate | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/carousel.tsx

@@ -41,7 +41,7 @@ export default function DemoCarouselsPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Carousels | Minimal UI</title>
+        <title> Extra Components: Carousels | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/chart.tsx

@@ -34,7 +34,7 @@ export default function DemoChartsPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Charts | Minimal UI</title>
+        <title> Extra Components: Charts | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/copy-to-clipboard.tsx

@@ -65,7 +65,7 @@ export default function DemoCopyToClipboardPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Copy To Clipboard | Minimal UI</title>
+        <title> Extra Components: Copy To Clipboard | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/editor.tsx

@@ -35,7 +35,7 @@ export default function DemoEditorPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Editor | Minimal UI</title>
+        <title> Extra Components: Editor | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/form-validation.tsx

@@ -21,7 +21,7 @@ export default function DemoFormValidationPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Form Validation | Minimal UI</title>
+        <title> Extra Components: Form Validation | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/image.tsx

@@ -29,7 +29,7 @@ export default function DemoImagePage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Image | Minimal UI</title>
+        <title> Extra Components: Image | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/label.tsx

@@ -26,7 +26,7 @@ export default function DemoLabelPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Label | Minimal UI</title>
+        <title> Extra Components: Label | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/lightbox.tsx

@@ -42,7 +42,7 @@ export default function DemoLightboxPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Lightbox | Minimal UI</title>
+        <title> Extra Components: Lightbox | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/map.tsx

@@ -74,7 +74,7 @@ export default function DemoMapPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Map | Minimal UI</title>
+        <title> Extra Components: Map | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/mega-menu.tsx

@@ -30,7 +30,7 @@ export default function DemoMegaMenuPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Mega Menu | Minimal UI</title>
+        <title> Extra Components: Mega Menu | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/multi-language.tsx

@@ -60,7 +60,7 @@ export default function DemoMultiLanguagePage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Multi Language | Minimal UI</title>
+        <title> Extra Components: Multi Language | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/navigation-bar.tsx

@@ -27,7 +27,7 @@ export default function DemoNavigationBarPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Navigation Bar | Minimal UI</title>
+        <title> Extra Components: Navigation Bar | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/organization-chart.tsx

@@ -29,7 +29,7 @@ export default function DemoOrganizationalChartPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Organizational Chart | Minimal UI</title>
+        <title> Extra Components: Organizational Chart | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/scroll.tsx

@@ -20,7 +20,7 @@ export default function DemoScrollbarPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Scrollbar | Minimal UI</title>
+        <title> Extra Components: Scrollbar | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/snackbar.tsx

@@ -59,7 +59,7 @@ export default function DemoSnackbarPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Snackbar | Minimal UI</title>
+        <title> Extra Components: Snackbar | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/text-max-line.tsx

@@ -21,7 +21,7 @@ export default function DemoTextMaxLinePage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Text Max Line | Minimal UI</title>
+        <title> Extra Components: Text Max Line | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/upload.tsx

@@ -87,7 +87,7 @@ export default function DemoUploadPage() {
   return (
     <>
       <Head>
-        <title> Extra Components: Upload | Minimal UI</title>
+        <title> Extra Components: Upload | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/colors.tsx

@@ -54,7 +54,7 @@ export default function FoundationColorsPage() {
   return (
     <>
       <Head>
-        <title> Foundations: Colors | Minimal UI</title>
+        <title> Foundations: Colors | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/grid.tsx

@@ -60,7 +60,7 @@ export default function FoundationGridPage() {
   return (
     <>
       <Head>
-        <title> Foundations: Grid | Minimal UI</title>
+        <title> Foundations: Grid | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/icons.tsx

@@ -33,7 +33,7 @@ export default function FoundationIconsPage() {
   return (
     <>
       <Head>
-        <title> Foundations: Icons | Minimal UI</title>
+        <title> Foundations: Icons | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/shadows.tsx

@@ -51,7 +51,7 @@ export default function FoundationShadowsPage() {
   return (
     <>
       <Head>
-        <title> Foundations: Shadows | Minimal UI</title>
+        <title> Foundations: Shadows | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/typography.tsx

@@ -55,7 +55,7 @@ export default function FoundationTypographyPage() {
   return (
     <>
       <Head>
-        <title> Foundations: Typography | Minimal UI</title>
+        <title> Foundations: Typography | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/index.tsx

@@ -19,7 +19,7 @@ export default function ComponentsOverviewPage() {
   return (
     <>
       <Head>
-        <title> Components Overview | Minimal UI</title>
+        <title> Components Overview | SignConnect+</title>
       </Head>
 
       <ComponentHero />

Project/Frontend/Web_App/src/pages/components/mui/accordion.tsx

@@ -50,7 +50,7 @@ export default function MUIAccordionPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Accordion | Minimal UI</title>
+        <title> MUI Components: Accordion | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/alert.tsx

@@ -36,7 +36,7 @@ export default function MUIAlertPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Alert | Minimal UI</title>
+        <title> MUI Components: Alert | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/autocomplete.tsx

@@ -47,7 +47,7 @@ export default function MUIAutocompletePage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Autocomplete | Minimal UI</title>
+        <title> MUI Components: Autocomplete | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/avatar.tsx

@@ -40,7 +40,7 @@ export default function MUIAvatarPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Avatar | Minimal UI</title>
+        <title> MUI Components: Avatar | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/badge.tsx

@@ -23,7 +23,7 @@ export default function MUIBadgePage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Badge | Minimal UI</title>
+        <title> MUI Components: Badge | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/breadcrumbs.tsx

@@ -22,7 +22,7 @@ export default function MUIBreadcrumbsPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Breadcrumbs | Minimal UI</title>
+        <title> MUI Components: Breadcrumbs | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/buttons.tsx

@@ -49,7 +49,7 @@ export default function MUIButtonsPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Buttons | Minimal UI</title>
+        <title> MUI Components: Buttons | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/checkbox.tsx

@@ -52,7 +52,7 @@ export default function MUICheckboxPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Checkbox | Minimal UI</title>
+        <title> MUI Components: Checkbox | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/chip.tsx

@@ -21,7 +21,7 @@ export default function MUIChipPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Chip | Minimal UI</title>
+        <title> MUI Components: Chip | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/data-grid.tsx

@@ -40,7 +40,7 @@ export default function MUIDataGridPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: DataGrid | Minimal UI</title>
+        <title> MUI Components: DataGrid | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/dialog.tsx

@@ -37,7 +37,7 @@ export default function MUIDialogPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Dialog | Minimal UI</title>
+        <title> MUI Components: Dialog | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/list.tsx

@@ -97,7 +97,7 @@ export default function MUIListPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: List | Minimal UI</title>
+        <title> MUI Components: List | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/menu.tsx

@@ -98,7 +98,7 @@ export default function MUIMenuPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Menu | Minimal UI</title>
+        <title> MUI Components: Menu | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/pagination.tsx

@@ -60,7 +60,7 @@ export default function MUIPaginationPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Pagination | Minimal UI</title>
+        <title> MUI Components: Pagination | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/pickers.tsx

@@ -36,7 +36,7 @@ export default function MUIPickersPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Pickers | Minimal UI</title>
+        <title> MUI Components: Pickers | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/popover.tsx

@@ -73,7 +73,7 @@ export default function MUIPopoverPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Popover | Minimal UI</title>
+        <title> MUI Components: Popover | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/progress.tsx

@@ -70,7 +70,7 @@ export default function MUIProgressPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Progress | Minimal UI</title>
+        <title> MUI Components: Progress | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/radio-button.tsx

@@ -43,7 +43,7 @@ export default function MUIRadioButtonsPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Radio Buttons | Minimal UI</title>
+        <title> MUI Components: Radio Buttons | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/rating.tsx

@@ -88,7 +88,7 @@ export default function MUIRatingPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Rating | Minimal UI</title>
+        <title> MUI Components: Rating | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/slider.tsx

@@ -79,7 +79,7 @@ export default function MUISliderPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Slider | Minimal UI</title>
+        <title> MUI Components: Slider | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/stepper.tsx

@@ -25,7 +25,7 @@ export default function MUIStepperPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Stepper | Minimal UI</title>
+        <title> MUI Components: Stepper | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/switch.tsx

@@ -36,7 +36,7 @@ export default function MUISwitchPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Switch | Minimal UI</title>
+        <title> MUI Components: Switch | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/table.tsx

@@ -24,7 +24,7 @@ export default function MUITablePage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Table | Minimal UI</title>
+        <title> MUI Components: Table | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/tabs.tsx

@@ -78,7 +78,7 @@ export default function MUITabsPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Tabs | Minimal UI</title>
+        <title> MUI Components: Tabs | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/textfield.tsx

@@ -32,7 +32,7 @@ export default function MUITextFieldPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Textfield | Minimal UI</title>
+        <title> MUI Components: Textfield | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/timeline.tsx

@@ -106,7 +106,7 @@ export default function MUITimelinePage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Timeline | Minimal UI</title>
+        <title> MUI Components: Timeline | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/tooltip.tsx

@@ -40,7 +40,7 @@ export default function MUITooltipPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Tooltip | Minimal UI</title>
+        <title> MUI Components: Tooltip | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/transfer-list.tsx

@@ -32,7 +32,7 @@ export default function MUITransferListPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Transfer List | Minimal UI</title>
+        <title> MUI Components: Transfer List | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/tree-view.tsx

@@ -45,7 +45,7 @@ export default function MUITreesViewPage() {
   return (
     <>
       <Head>
-        <title> MUI Components: Tree View | Minimal UI</title>
+        <title> MUI Components: Tree View | SignConnect+</title>
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/contact-us.tsx

@@ -19,7 +19,7 @@ export default function ContactPage() {
   return (
     <>
       <Head>
-        <title> Contact us | Minimal UI</title>
+        <title> Contact us | SignConnect+</title>
       </Head>
 
       <ContactHero />

Project/Frontend/Web_App/src/pages/dashboard/analytics.tsx

@@ -38,7 +38,7 @@ export default function GeneralAnalyticsPage() {
   return (
     <>
       <Head>
-        <title> General: Analytics | Minimal UI</title>
+        <title> General: Analytics | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/app.tsx

@@ -49,7 +49,7 @@ export default function GeneralAppPage() {
   return (
     <>
       <Head>
-        <title> General: App | Minimal UI</title>
+        <title> General: App | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/banking.tsx

@@ -40,7 +40,7 @@ export default function GeneralBankingPage() {
   return (
     <>
       <Head>
-        <title> General: Banking | Minimal UI</title>
+        <title> General: Banking | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/blank.tsx

@@ -18,7 +18,7 @@ export default function BlankPage() {
   return (
     <>
       <Head>
-        <title> Blank Page | Minimal UI</title>
+        <title> Blank Page | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/blog/new.tsx

@@ -24,7 +24,7 @@ export default function BlogNewPostPage() {
   return (
     <>
       <Head>
-        <title> Blog: New Post | Minimal UI</title>
+        <title> Blog: New Post | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/blog/post/[title].tsx

@@ -87,7 +87,7 @@ export default function BlogPostPage() {
   return (
     <>
       <Head>
-        <title>{`Blog: ${post?.title || ''} | Minimal UI`}</title>
+        <title>{`Blog: ${post?.title || ''} | SignConnect+`}</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/blog/posts.tsx

@@ -64,7 +64,7 @@ export default function BlogPostsPage() {
   return (
     <>
       <Head>
-        <title> Blog: Posts | Minimal UI</title>
+        <title> Blog: Posts | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/booking.tsx

@@ -43,7 +43,7 @@ export default function GeneralBookingPage() {
   return (
     <>
       <Head>
-        <title> General: Booking | Minimal UI</title>
+        <title> General: Booking | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/calendar.tsx

@@ -253,7 +253,7 @@ export default function CalendarPage() {
   return (
     <>
       <Head>
-        <title> Calendar | Minimal UI</title>
+        <title> Calendar | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/chat/[conversationKey].tsx

@@ -15,7 +15,7 @@ export default function ChatPage() {
   return (
     <>
       <Head>
-        <title> Chat | Minimal UI</title>
+        <title> Chat | SignConnect+</title>
       </Head>
 
       <Chat />

Project/Frontend/Web_App/src/pages/dashboard/chat/index.tsx

@@ -15,7 +15,7 @@ export default function ChatPage() {
   return (
     <>
       <Head>
-        <title> Chat | Minimal UI</title>
+        <title> Chat | SignConnect+</title>
       </Head>
 
       <Chat />

Project/Frontend/Web_App/src/pages/dashboard/chat/new.tsx

@@ -15,7 +15,7 @@ export default function ChatPage() {
   return (
     <>
       <Head>
-        <title> Chat | Minimal UI</title>
+        <title> Chat | SignConnect+</title>
       </Head>
 
       <Chat />

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/checkout.tsx

@@ -121,7 +121,7 @@ export default function EcommerceCheckoutPage() {
   return (
     <>
       <Head>
-        <title> Ecommerce: Checkout | Minimal UI</title>
+        <title> Ecommerce: Checkout | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/list.tsx

@@ -198,7 +198,7 @@ export default function EcommerceProductListPage() {
   return (
     <>
       <Head>
-        <title> Ecommerce: Product List | Minimal UI</title>
+        <title> Ecommerce: Product List | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/product/[name].tsx

@@ -99,7 +99,7 @@ export default function EcommerceProductDetailsPage() {
   return (
     <>
       <Head>
-        <title>{`Ecommerce: ${product?.name || ''} | Minimal UI`}</title>
+        <title>{`Ecommerce: ${product?.name || ''} | SignConnect+`}</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/product/[name]/edit.tsx

@@ -46,7 +46,7 @@ export default function EcommerceProductEditPage() {
   return (
     <>
       <Head>
-        <title> Ecommerce: Edit product | Minimal UI</title>
+        <title> Ecommerce: Edit product | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/product/new.tsx

@@ -26,7 +26,7 @@ export default function EcommerceProductCreatePage() {
   return (
     <>
       <Head>
-        <title> Ecommerce: Create a new product | Minimal UI</title>
+        <title> Ecommerce: Create a new product | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/shop.tsx

@@ -96,7 +96,7 @@ export default function EcommerceShopPage() {
   return (
     <>
       <Head>
-        <title> Ecommerce: Shop | Minimal UI</title>
+        <title> Ecommerce: Shop | SignConnect+</title>
       </Head>
 
       <FormProvider methods={methods}>

Project/Frontend/Web_App/src/pages/dashboard/ecommerce.tsx

@@ -49,7 +49,7 @@ export default function GeneralEcommercePage() {
   return (
     <>
       <Head>
-        <title> General: E-commerce | Minimal UI</title>
+        <title> General: E-commerce | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/file.tsx

@@ -135,7 +135,7 @@ export default function GeneralFilePage() {
   return (
     <>
       <Head>
-        <title> General: File | Minimal UI</title>
+        <title> General: File | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/files-manager.tsx

@@ -196,7 +196,7 @@ export default function FileManagerPage() {
   return (
     <>
       <Head>
-        <title> File Manager | Minimal UI</title>
+        <title> File Manager | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/invoice/[id]/edit.tsx

@@ -33,7 +33,7 @@ export default function InvoiceEditPage() {
   return (
     <>
       <Head>
-        <title> Invoice: Edit | Minimal UI</title>
+        <title> Invoice: Edit | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/invoice/[id]/index.tsx

@@ -35,7 +35,7 @@ export default function InvoiceDetailsPage() {
   return (
     <>
       <Head>
-        <title> Invoice: View | Minimal UI</title>
+        <title> Invoice: View | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/invoice/list.tsx

@@ -236,7 +236,7 @@ export default function InvoiceListPage() {
   return (
     <>
       <Head>
-        <title> Invoice: List | Minimal UI</title>
+        <title> Invoice: List | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/invoice/new.tsx

@@ -26,7 +26,7 @@ export default function InvoiceCreatePage() {
   return (
     <>
       <Head>
-        <title> Invoices: Create a new invoice | Minimal UI</title>
+        <title> Invoices: Create a new invoice | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/kanban.tsx

@@ -107,7 +107,7 @@ export default function KanbanPage() {
   return (
     <>
       <Head>
-        <title> Kanban | Minimal UI</title>
+        <title> Kanban | SignConnect+</title>
       </Head>
 
       <Container maxWidth={false} sx={{ height: 1 }}>

Project/Frontend/Web_App/src/pages/dashboard/learning-module/leadBoard/index.tsx

-import { Container, Typography } from '@mui/material';
+import { Box, Container, Stack, Typography } from '@mui/material';
 import Head from 'next/head';
+import { ComingSoonIllustration } from 'src/assets/illustrations';
+import useCountdown from 'src/hooks/useCountdown';
 import { useSettingsContext } from '../../../../components/settings';
 import DashboardLayout from '../../../../layouts/dashboard';
-import CustomBreadcrumbs from 'src/components/custom-breadcrumbs/CustomBreadcrumbs';
-import Iconify from 'src/components/iconify/Iconify';
 
 LeadBoardHomePage.getLayout = (page: React.ReactElement) => <DashboardLayout>{page}</DashboardLayout>;
 
 export default function LeadBoardHomePage() {
     const { themeStretch } = useSettingsContext();
+    const { days, hours, minutes, seconds } = useCountdown(new Date('06/20/2023 21:30'));
 
     return (
         <>
-            <Head>
+            {/* <Head>
                 <title> Lead Board Home | SignLink </title>
             </Head>
 
@@ -32,7 +33,52 @@ export default function LeadBoardHomePage() {
             </Container>
 
             <Container maxWidth={themeStretch ? false : 'xl'}>
+            </Container> */}
+
+            <Head>
+                <title> Coming Soon | SignConnect+</title>
+            </Head>
+
+            <Container maxWidth={themeStretch ? false : 'xl'}>
+                <Typography variant="h3" paragraph>
+                    Coming Soon!
+                </Typography>
+
+                <Typography sx={{ color: 'text.secondary' }}>
+                    We are currently working hard on this page!
+                </Typography>
+
+                <ComingSoonIllustration sx={{ my: 10, height: 240 }} />
+
+                <Stack
+                    direction="row"
+                    justifyContent="center"
+                    divider={<Box sx={{ mx: { xs: 1, sm: 2.5 } }}>:</Box>}
+                    sx={{ typography: 'h2' }}
+                >
+                    <TimeBlock label="Days" value={days} />
+
+                    <TimeBlock label="Hours" value={hours} />
+
+                    <TimeBlock label="Minutes" value={minutes} />
+
+                    <TimeBlock label="Seconds" value={seconds} />
+                </Stack>
             </Container>
         </>
     );
 }
+
+type TimeBlockProps = {
+    label: string;
+    value: string;
+};
+
+function TimeBlock({ label, value }: TimeBlockProps) {
+    return (
+        <div>
+            <Box> {value} </Box>
+            <Box sx={{ color: 'text.secondary', typography: 'body1' }}>{label}</Box>
+        </div>
+    );
+}
\ No newline at end of file

Project/Frontend/Web_App/src/pages/dashboard/learning-module/questionAndAnswers/index.tsx

-import { Container } from '@mui/material';
+import { Box, Container, Stack, Typography } from '@mui/material';
 import Head from 'next/head';
-import CustomBreadcrumbs from 'src/components/custom-breadcrumbs/CustomBreadcrumbs';
-import Iconify from 'src/components/iconify/Iconify';
+import { ComingSoonIllustration } from 'src/assets/illustrations';
+import useCountdown from 'src/hooks/useCountdown';
 import { useSettingsContext } from '../../../../components/settings';
 import DashboardLayout from '../../../../layouts/dashboard';
 
@@ -9,10 +9,11 @@ QuestionAndAnswersHomePage.getLayout = (page: React.ReactElement) => <DashboardL
 
 export default function QuestionAndAnswersHomePage() {
     const { themeStretch } = useSettingsContext();
+    const { days, hours, minutes, seconds } = useCountdown(new Date('06/20/2023 21:30'));
 
     return (
         <>
-            <Head>
+            {/* <Head>
                 <title> Questions & Answers Home | SignLink </title>
             </Head>
 
@@ -33,7 +34,52 @@ export default function QuestionAndAnswersHomePage() {
             </Container>
 
             <Container maxWidth={themeStretch ? false : 'xl'}>
+            </Container> */}
+
+            <Head>
+                <title> Coming Soon | SignConnect+</title>
+            </Head>
+
+            <Container maxWidth={themeStretch ? false : 'xl'}>
+                <Typography variant="h3" paragraph>
+                    Coming Soon!
+                </Typography>
+
+                <Typography sx={{ color: 'text.secondary' }}>
+                    We are currently working hard on this page!
+                </Typography>
+
+                <ComingSoonIllustration sx={{ my: 10, height: 240 }} />
+
+                <Stack
+                    direction="row"
+                    justifyContent="center"
+                    divider={<Box sx={{ mx: { xs: 1, sm: 2.5 } }}>:</Box>}
+                    sx={{ typography: 'h2' }}
+                >
+                    <TimeBlock label="Days" value={days} />
+
+                    <TimeBlock label="Hours" value={hours} />
+
+                    <TimeBlock label="Minutes" value={minutes} />
+
+                    <TimeBlock label="Seconds" value={seconds} />
+                </Stack>
             </Container>
         </>
     );
 }
+
+type TimeBlockProps = {
+    label: string;
+    value: string;
+};
+
+function TimeBlock({ label, value }: TimeBlockProps) {
+    return (
+        <div>
+            <Box> {value} </Box>
+            <Box sx={{ color: 'text.secondary', typography: 'body1' }}>{label}</Box>
+        </div>
+    );
+}
\ No newline at end of file

Project/Frontend/Web_App/src/pages/dashboard/mail/[systemLabel].tsx

@@ -15,7 +15,7 @@ export default function MailPage() {
   return (
     <>
       <Head>
-        <title> Mail | Minimal UI</title>
+        <title> Mail | SignConnect+</title>
       </Head>
 
       <Mail />

Project/Frontend/Web_App/src/pages/dashboard/mail/[systemLabel]/[mailId].tsx

@@ -15,7 +15,7 @@ export default function MailPage() {
   return (
     <>
       <Head>
-        <title> Mail | Minimal UI</title>
+        <title> Mail | SignConnect+</title>
       </Head>
 
       <Mail />

Project/Frontend/Web_App/src/pages/dashboard/mail/label/[customLabel].tsx

@@ -15,7 +15,7 @@ export default function MailPage() {
   return (
     <>
       <Head>
-        <title> Mail | Minimal UI</title>
+        <title> Mail | SignConnect+</title>
       </Head>
 
       <Mail />

Project/Frontend/Web_App/src/pages/dashboard/mail/label/[customLabel]/[mailId].tsx

@@ -15,7 +15,7 @@ export default function MailPage() {
   return (
     <>
       <Head>
-        <title> Mail | Minimal UI</title>
+        <title> Mail | SignConnect+</title>
       </Head>
 
       <Mail />

Project/Frontend/Web_App/src/pages/dashboard/permission-denied.tsx

@@ -43,7 +43,7 @@ export default function PermissionDeniedPage() {
   return (
     <>
       <Head>
-        <title> Other Cases: Permission Denied | Minimal UI</title>
+        <title> Other Cases: Permission Denied | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/spokenLanguageTranslation-module/index.tsx

+import { Container, Typography } from '@mui/material';
+import Head from 'next/head';
+import { useSettingsContext } from '../../../components/settings';
+import DashboardLayout from '../../../layouts/dashboard';
+
+SpokenLanguageTranslationHomePage.getLayout = (page: React.ReactElement) => <DashboardLayout>{page}</DashboardLayout>;
+
+export default function SpokenLanguageTranslationHomePage() {
+    const { themeStretch } = useSettingsContext();
+
+    return (
+        <>
+            <Head>
+                <title> Blank Page | SignConnect+</title>
+            </Head>
+
+            <Container maxWidth={themeStretch ? false : 'xl'}>
+                <Typography variant="h6"> Blank </Typography>
+            </Container>
+        </>
+    );
+}

Project/Frontend/Web_App/src/pages/dashboard/user/[name]/edit.tsx

@@ -34,7 +34,7 @@ export default function UserEditPage() {
   return (
     <>
       <Head>
-        <title> User: Edit user | Minimal UI</title>
+        <title> User: Edit user | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/account.tsx

@@ -75,7 +75,7 @@ export default function UserAccountPage() {
   return (
     <>
       <Head>
-        <title> User: Account Settings | Minimal UI</title>
+        <title> User: Account Settings | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/cards.tsx

@@ -26,7 +26,7 @@ export default function UserCardsPage() {
   return (
     <>
       <Head>
-        <title> User: Cards | Minimal UI</title>
+        <title> User: Cards | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/list.tsx

@@ -195,7 +195,7 @@ export default function UserListPage() {
   return (
     <>
       <Head>
-        <title> User: List | Minimal UI</title>
+        <title> User: List | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/new.tsx

@@ -24,7 +24,7 @@ export default function UserCreatePage() {
   return (
     <>
       <Head>
-        <title> User: Create a new user | Minimal UI</title>
+        <title> User: Create a new user | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/profile.tsx

@@ -83,7 +83,7 @@ export default function UserProfilePage() {
   return (
     <>
       <Head>
-        <title> User: Profile | Minimal UI</title>
+        <title> User: Profile | SignConnect+</title>
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/faqs.tsx

@@ -17,7 +17,7 @@ export default function FaqsPage() {
   return (
     <>
       <Head>
-        <title> Faqs | Minimal UI</title>
+        <title> Faqs | SignConnect+</title>
       </Head>
 
       <FaqsHero />

Project/Frontend/Web_App/src/pages/home.tsx

+import { m, useScroll, useSpring } from 'framer-motion';
+// next
+import Head from 'next/head';
+// @mui
+import { useTheme } from '@mui/material/styles';
+import { Box } from '@mui/material';
+// layouts
+import MainLayout from '../layouts/main';
+// sections
+import {
+  HomeHero,
+  HomeMinimal,
+  HomeDarkMode,
+  HomeLookingFor,
+  HomeForDesigner,
+  HomeColorPresets,
+  HomePricingPlans,
+  HomeAdvertisement,
+  HomeCleanInterfaces,
+  HomeHugePackElements,
+} from '../sections/home';
+
+// ----------------------------------------------------------------------
+
+HomePage.getLayout = (page: React.ReactElement) => <MainLayout> {page} </MainLayout>;
+
+// ----------------------------------------------------------------------
+
+export default function HomePage() {
+  const theme = useTheme();
+
+  const { scrollYProgress } = useScroll();
+
+  const scaleX = useSpring(scrollYProgress, {
+    stiffness: 100,
+    damping: 30,
+    restDelta: 0.001,
+  });
+
+  const progress = (
+    <m.div
+      style={{
+        top: 0,
+        left: 0,
+        right: 0,
+        height: 3,
+        zIndex: 1999,
+        position: 'fixed',
+        transformOrigin: '0%',
+        backgroundColor: theme.palette.primary.main,
+        scaleX,
+      }}
+    />
+  );
+
+  return (
+    <>
+      <Head>
+        <title> The starting point for your next project | SignConnect+</title>
+      </Head>
+
+      {progress}
+
+      <HomeHero />
+
+      <Box
+        sx={{
+          overflow: 'hidden',
+          position: 'relative',
+          bgcolor: 'background.default',
+        }}
+      >
+        <HomeMinimal />
+
+        <HomeHugePackElements />
+
+        <HomeForDesigner />
+
+        <HomeDarkMode />
+
+        <HomeColorPresets />
+
+        <HomeCleanInterfaces />
+
+        <HomePricingPlans />
+
+        <HomeLookingFor />
+
+        <HomeAdvertisement />
+      </Box>
+    </>
+  );
+}

Project/Frontend/Web_App/src/pages/index.tsx

-import { m, useScroll, useSpring } from 'framer-motion';
-// next
-import Head from 'next/head';
-// @mui
-import { useTheme } from '@mui/material/styles';
-import { Box } from '@mui/material';
-// layouts
-import MainLayout from '../layouts/main';
-// sections
-import {
-  HomeHero,
-  HomeMinimal,
-  HomeDarkMode,
-  HomeLookingFor,
-  HomeForDesigner,
-  HomeColorPresets,
-  HomePricingPlans,
-  HomeAdvertisement,
-  HomeCleanInterfaces,
-  HomeHugePackElements,
-} from '../sections/home';
+import LoginPage from "./auth/login";
 
-// ----------------------------------------------------------------------
-
+export default  LoginPage
\ No newline at end of file
-HomePage.getLayout = (page: React.ReactElement) => <MainLayout> {page} </MainLayout>;
-
-// ----------------------------------------------------------------------
-
-export default function HomePage() {
-  const theme = useTheme();
-
-  const { scrollYProgress } = useScroll();
-
-  const scaleX = useSpring(scrollYProgress, {
-    stiffness: 100,
-    damping: 30,
-    restDelta: 0.001,
-  });
-
-  const progress = (
-    <m.div
-      style={{
-        top: 0,
-        left: 0,
-        right: 0,
-        height: 3,
-        zIndex: 1999,
-        position: 'fixed',
-        transformOrigin: '0%',
-        backgroundColor: theme.palette.primary.main,
-        scaleX,
-      }}
-    />
-  );
-
-  return (
-    <>
-      <Head>
-        <title> The starting point for your next project | Minimal UI</title>
-      </Head>
-
-      {progress}
-
-      <HomeHero />
-
-      <Box
-        sx={{
-          overflow: 'hidden',
-          position: 'relative',
-          bgcolor: 'background.default',
-        }}
-      >
-        <HomeMinimal />
-
-        <HomeHugePackElements />
-
-        <HomeForDesigner />
-
-        <HomeDarkMode />
-
-        <HomeColorPresets />
-
-        <HomeCleanInterfaces />
-
-        <HomePricingPlans />
-
-        <HomeLookingFor />
-
-        <HomeAdvertisement />
-      </Box>
-    </>
-  );
-}

Project/Frontend/Web_App/src/pages/maintenance.tsx

@@ -18,7 +18,7 @@ export default function MaintenancePage() {
   return (
     <>
       <Head>
-        <title> Maintenance | Minimal UI</title>
+        <title> Maintenance | SignConnect+</title>
       </Head>
 
       <Stack sx={{ alignItems: 'center' }}>

Project/Frontend/Web_App/src/pages/payment.tsx

@@ -21,7 +21,7 @@ export default function PaymentPage() {
   return (
     <>
       <Head>
-        <title> Payment | Minimal UI</title>
+        <title> Payment | SignConnect+</title>
       </Head>
 
       <Container

Project/Frontend/Web_App/src/pages/pricing.tsx

@@ -19,7 +19,7 @@ export default function PricingPage() {
   return (
     <>
       <Head>
-        <title> Pricing | Minimal UI</title>
+        <title> Pricing | SignConnect+</title>
       </Head>
 
       <Container

Project/Frontend/Web_App/src/routes/paths.ts

@@ -97,6 +97,10 @@ export const PATH_DASHBOARD = {
     view: (title: string) => path(ROOTS_DASHBOARD, `/blog/post/${title}`),
     demoView: path(ROOTS_DASHBOARD, '/blog/post/apply-these-7-secret-techniques-to-improve-event'),
   },
+  spokenLanguageTranslationModule: {
+    root: path(ROOTS_DASHBOARD, '/spokenLanguageTranslation-module'),
+    spokenLanguageTranslationHome: path(ROOTS_DASHBOARD, '/spokenLanguageTranslation-module'),
+  },
   learningModule: {
     root: path(ROOTS_DASHBOARD, '/learning-module'),
     curriculumHome: path(ROOTS_DASHBOARD, '/learning-module/curriculum'),

Project/Frontend/Web_App/src/sections/@dashboard/spokenLanguageTranslation-module/HomeWidget.tsx

+import { Box, CardProps, Stack, Typography } from '@mui/material';
+import { useTheme } from '@mui/material/styles';
+import Iconify from 'src/components/iconify/Iconify';
+import { ColorSchema } from 'src/theme/palette';
+
+interface Props extends CardProps {
+  icon: string;
+  title: string;
+  subTitle: string
+  color?: ColorSchema;
+  handleClick?: any
+}
+
+export default function HomeWidget({
+  title,
+  icon,
+  color = 'primary',
+  subTitle,
+  sx,
+  handleClick,
+  ...other
+}: Props) {
+  const theme = useTheme();
+
+
+  return (
+    <Stack
+      direction="row"
+      alignItems="center"
+      sx={{
+        p: 3,
+        borderRadius: 2,
+        overflow: 'hidden',
+        position: 'relative',
+        color: 'common.white',
+        bgcolor: `${color}.dark`,
+        ...sx,
+      }}
+      {...other}
+    >
+
+      <Box sx={{ ml: 3 }}>
+        <Typography variant="h4"
+          onClick={() => {
+            console.log(title);
+
+            handleClick(title)
+          }}
+          sx={{ cursor: 'pointer' }}
+
+        >  {title}</Typography>
+
+        <Typography variant="body2" sx={{ opacity: 0.72 }}>
+          {subTitle}
+        </Typography>
+      </Box>
+
+      <Iconify
+        icon={icon}
+        sx={{
+          width: 120,
+          height: 120,
+          opacity: 0.12,
+          position: 'absolute',
+          right: theme.spacing(-0),
+        }}
+      />
+    </Stack>
+  );
+}

Project/Frontend/Web_App/src/sections/auth/Login.tsx

@@ -20,7 +20,7 @@ export default function Login() {
   return (
     <LoginLayout>
       <Stack spacing={2} sx={{ mb: 5, position: 'relative' }}>
-        <Typography variant="h4">Sign in to Minimal</Typography>
+        <Typography variant="h4">Sign in to SignConnect+</Typography>
 
         <Stack direction="row" spacing={0.5}>
           <Typography variant="body2">New user?</Typography>
@@ -45,8 +45,6 @@ export default function Login() {
       </Alert>
 
       <AuthLoginForm />
-
-      <AuthWithSocial />
     </LoginLayout>
   );
 }

Project/Frontend/Web_App/src/sections/auth/Register.tsx

 // next
 import NextLink from 'next/link';
 // @mui
-import { Stack, Typography, Link } from '@mui/material';
+import { Link, Stack, Typography } from '@mui/material';
 // layouts
 import LoginLayout from '../../layouts/login';
 // routes
 import { PATH_AUTH } from '../../routes/paths';
 //
-import AuthWithSocial from './AuthWithSocial';
 import AuthRegisterForm from './AuthRegisterForm';
 
 // ----------------------------------------------------------------------
@@ -44,7 +43,6 @@ export default function Register() {
         .
       </Typography>
 
-      <AuthWithSocial />
     </LoginLayout>
   );
 }

Project/Frontend/Web_App/src/sections/home/HomeMinimal.tsx

@@ -58,7 +58,7 @@ export default function HomeMinimal() {
         >
           <m.div variants={varFade().inUp}>
             <Typography component="div" variant="overline" sx={{ color: 'text.disabled' }}>
-              Minimal UI
+              SignConnect+
             </Typography>
           </m.div>