Feat homepage

.vscode/settings.json

@@ -20,6 +20,7 @@
     "class",
     "className",
     "ngClass",
-    ".*Styles*" // Add ".*Styles*" (or whatever matches your naming scheme)
+    ".*Styles*", // Add ".*Styles*" (or whatever matches your naming scheme)
+    ".*ClassName*" // Add ".*ClassName*" (or whatever matches your naming scheme)
   ]
 }

package.json

@@ -10,7 +10,7 @@
     "@fortawesome/react-fontawesome": "0.2.0",
     "@mui/icons-material": "5.14.0",
     "@mui/material": "5.14.1",
-    "@mui/x-date-pickers": "6.10.0",
+    "@mui/x-date-pickers": "6.15.0",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "12.1.4",
     "@testing-library/user-event": "13.5.0",
@@ -24,23 +24,17 @@
     "env-cmd": "10.1.0",
     "firebase": "9.22.0",
     "font-awesome": "4.7.0",
-    "framer-motion": "^10.16.4",
+    "framer-motion": "10.16.4",
     "postcss": "8.4.23",
     "react": "18.2.0",
     "react-confetti": "6.1.0",
     "react-dom": "18.2.0",
     "react-hook-form": "7.45.2",
     "react-hook-form-mui": "6.4.2",
-    "react-multi-carousel": "2.8.4",
     "react-router-dom": "6.14.1",
     "react-scripts": "5.0.1",
-    "react-slick": "0.29.0",
-    "react-transition-group": "4.4.5",
     "react-use": "17.4.0",
     "sitemap": "7.1.1",
-    "slick-carousel": "1.8.1",
-    "snackbar": "1.1.0",
-    "uuid": "9.0.0",
     "web-vitals": "2.1.4"
   },
   "scripts": {
@@ -90,7 +84,6 @@
   "devDependencies": {
     "@types/babel__core": "7.20.1",
     "@types/react-slick": "0.23.10",
-    "@types/uuid": "9.0.1",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "eslint": "8.45.0",
     "eslint-config-standard-with-typescript": "37.0.0",

src/AppRouter.tsx

@@ -30,16 +30,15 @@ const StripeCancelledLazy = React.lazy(
   () => import("components/Stripe/StripeCancelled")
 );
 
-const someBasicStyle: any = {};
-const AppRouter: React.FC = () => {
+const AppRouter = () => {
   return (
     <Suspense fallback={<LoadingSpinner fullScreen />}>
       <Routes>
         <Route path={home} element={<Home />} />
         <Route
           path={questions}
           element={
-            <Container maxWidth="lg" sx={someBasicStyle}>
+            <Container maxWidth="lg">
               <Questions />
             </Container>
           }
@@ -48,7 +47,7 @@ const AppRouter: React.FC = () => {
           path={yourPlugins}
           element={
             <ProtectedRoute>
-              <Container maxWidth="md" sx={someBasicStyle}>
+              <Container maxWidth="md">
                 <YourPluginsLazy />
               </Container>
             </ProtectedRoute>
@@ -75,7 +74,7 @@ const AppRouter: React.FC = () => {
         <Route
           path={support}
           element={
-            <Container maxWidth="md" sx={someBasicStyle}>
+            <Container maxWidth="md">
               <Support />
             </Container>
           }

src/const/colors.ts

@@ -1,7 +1,7 @@
 export const MAIN = "#6360FF";
 export const MAIN_02_LIGHT = "#5B59BF";
 export const MAIN_02_DARK = "#3D3BA4";
-export const MAIN_03_LIGHT = "#AB5CD1";
+export const MAIN_03_LIGHT = "#977AD6";
 export const MAIN_03_DARK = "#672B83";
 export const MAIN_04 = "#5B59BF";
 export const WHITE = "#FFF";