Feature landing page

.eslintrc

@@ -1,176 +1,43 @@
 {
-  "root": true,
-  "env": {
-    "browser": true,
-    "es2021": true
-  },
-  "plugins": [
-    "perfectionist",
-    "unused-imports",
-    "prettier"
-  ],
   "extends": [
-    "airbnb",
-    "airbnb/hooks",
+    "eslint:recommended",
+    "plugin:import/errors",
+    "plugin:react/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:react-hooks/recommended",
     "prettier"
   ],
+  "rules": {
+    "react/prop-types": 0,
+    "react/react-in-jsx-scope": 0,
+    "trailingComma": "none",
+    "comma-dangle": ["error", "never"]
+  },
+  "plugins": ["react", "import", "jsx-a11y"],
   "parserOptions": {
-    "ecmaVersion": "latest",
+    "ecmaVersion": 2022,
     "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true
     }
   },
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true
+  },
   "settings": {
     "react": {
       "version": "detect"
     },
     "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx"]
+      },
       "alias": {
-        "map": [
-          [
-            "src",
-            "./src"
-          ]
-        ],
-        "extensions": [
-          ".js",
-          ".jsx",
-          ".json"
-        ]
+        "map": [["@", "./src"]],
+        "extensions": [".js", ".jsx", ".json", ".ts", ".tsx"]
       }
     }
-  },
-  "rules": {
-    "no-alert": 0,
-    "camelcase": 0,
-    "no-console": 0,
-    "no-param-reassign": 0,
-    "naming-convention": 0,
-    "default-param-last": 0,
-    "no-underscore-dangle": 0,
-    "no-use-before-define": 0,
-    "no-restricted-exports": 0,
-    "react/no-children-prop": 0,
-    "react/forbid-prop-types": 0,
-    "react/react-in-jsx-scope": 0,
-    "jsx-a11y/anchor-is-valid": 0,
-    "react/no-array-index-key": 0,
-    "no-promise-executor-return": 0,
-    "react/require-default-props": 0,
-    "react/jsx-filename-extension": 0,
-    "react/jsx-props-no-spreading": 0,
-    "import/prefer-default-export": 0,
-    "react/function-component-definition": 0,
-    "jsx-a11y/control-has-associated-label": 0,
-    "react/jsx-no-useless-fragment": [
-      1,
-      {
-        "allowExpressions": true
-      }
-    ],
-    "prefer-destructuring": [
-      1,
-      {
-        "object": true,
-        "array": false
-      }
-    ],
-    "react/no-unstable-nested-components": [
-      1,
-      {
-        "allowAsProps": true
-      }
-    ],
-    "no-unused-vars": [
-      1,
-      {
-        "args": "none"
-      }
-    ],
-    "react/jsx-no-duplicate-props": [
-      1,
-      {
-        "ignoreCase": false
-      }
-    ],
-    // unused-imports
-    // https://www.npmjs.com/package/eslint-plugin-unused-imports
-    "unused-imports/no-unused-imports": 1,
-    "unused-imports/no-unused-vars": [
-      0,
-      {
-        "vars": "all",
-        "varsIgnorePattern": "^_",
-        "args": "after-used",
-        "argsIgnorePattern": "^_"
-      }
-    ],
-    // perfectionist
-    // https://eslint-plugin-perfectionist.azat.io/
-    "perfectionist/sort-named-imports": [
-      1,
-      {
-        "order": "asc",
-        "type": "line-length"
-      }
-    ],
-    "perfectionist/sort-named-exports": [
-      1,
-      {
-        "order": "asc",
-        "type": "line-length"
-      }
-    ],
-    "perfectionist/sort-exports": [
-      1,
-      {
-        "order": "asc",
-        "type": "line-length"
-      }
-    ],
-    "perfectionist/sort-imports": [
-      1,
-      {
-        "order": "asc",
-        "type": "line-length",
-        "newlines-between": "always",
-        "groups": [
-          [
-            "builtin",
-            "external"
-          ],
-          "custom-mui",
-          "custom-routes",
-          "custom-hooks",
-          "custom-utils",
-          "internal",
-          "custom-components",
-          "custom-sections",
-          "custom-types",
-          [
-            "parent",
-            "sibling",
-            "index"
-          ],
-          "object",
-          "unknown"
-        ],
-        "custom-groups": {
-          "value": {
-            "custom-mui": "@mui/**",
-            "custom-routes": "src/routes/**",
-            "custom-hooks": "src/hooks/**",
-            "custom-utils": "src/utils/**",
-            "custom-components": "src/components/**",
-            "custom-sections": "src/sections/**",
-            "custom-types": "src/types/**"
-          }
-        },
-        "internal-pattern": [
-          "src/**"
-        ]
-      }
-    ]
   }
 }

.prettierrc

@@ -1,6 +1,6 @@
 {
   "printWidth": 100,
-  "singleQuote": true,
-  "trailingComma": "es5",
+  "singleQuote": false,
+  "trailingComma": "none",
   "tabWidth": 2
 }

components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": false,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/global.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

jsconfig.json

@@ -1,5 +1,9 @@
 {
   "compilerOptions": {
-    "baseUrl": "."
-  }
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/**/*"]
 }

package.json

@@ -28,26 +28,38 @@
     "@iconify/react": "^4.1.1",
     "@mui/lab": "^5.0.0-alpha.147",
     "@mui/material": "^5.14.12",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@react-oauth/google": "^0.12.1",
+    "@tanstack/react-query": "^5.32.1",
+    "@tanstack/react-query-devtools": "^5.32.1",
     "apexcharts": "^3.43.0",
+    "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "crypto-js": "^4.2.0",
     "date-fns": "^2.30.0",
     "ethers": "^6.12.0",
     "framer-motion": "^11.1.7",
     "history": "^5.3.0",
     "lodash": "^4.17.21",
+    "lucide-react": "^0.376.0",
     "numeral": "^2.0.6",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-apexcharts": "^1.4.1",
     "react-dom": "^18.2.0",
     "react-helmet-async": "^1.3.0",
     "react-hook-form": "^7.47.0",
+    "react-icons": "^4.12.0",
     "react-router-dom": "^6.16.0",
+    "react-slick": "^0.29.0",
     "simplebar-react": "^3.2.4",
-    "tailwind-merge": "^2.3.0"
+    "slick-carousel": "^1.8.1",
+    "tailwind-merge": "^2.3.0",
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
+    "@tanstack/eslint-plugin-query": "^5.32.1",
+    "@types/node": "^20.12.7",
     "@vitejs/plugin-react-swc": "^3.4.0",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.51.0",

public/assets/landing-assets/index.js

@@ -0,0 +1,40 @@
+
+import logo from "./ttt-logo.png";
+import lock from "./lock.svg";
+import avatar from "./avatar.png";
+import cta from "./cta.png"
+import heroImg1 from "./hero-1.png"
+import heroImg2 from "./hero-2.png"
+import heroImg3 from "./hero-3.png"
+import featureChat from "./feature-chat.png"
+import featureMentoring from "./feature-mentoring.png"
+import iconOnetoOne from "./icon-one-to-one.png"
+import iconGroup from "./icon-group.png"
+import iconIdea from "./icon-idea.png"
+import WaveSVG from './wave-haikei.svg'
+import Element1 from "./ttt_element_1.png"
+import Element2 from "./ttt_element_2.png"
+import WavyLines from "./WavyLines.png"
+import Blob1 from "./blob-1.svg"
+import Blob2 from "./blob-2.svg"
+
+export {
+  logo,
+  lock,
+  avatar,
+  cta, 
+  heroImg1, 
+  heroImg2, 
+  heroImg3,
+  featureChat,
+  featureMentoring,
+  iconOnetoOne,
+  iconGroup,
+  iconIdea,
+  WaveSVG,
+  Element1,
+  Element2,
+  WavyLines,
+  Blob1,
+  Blob2
+};