add tailwind & update ts config

app/page.tsx

@@ -21,10 +21,7 @@ export default function Home() {
         </div>
       </AppContainer>
 
-      <Banner
+      <Banner title={LABELS.HOMEPAGE.INTRO.TITLE} description={LABELS.HOMEPAGE.INTRO.DESCRIPTION} />
-        title={LABELS.HOMEPAGE.INTRO.TITLE}
-        description={LABELS.HOMEPAGE.INTRO.DESCRIPTION}
-      />
 
       <AppContainer className="py-[120px] ">
         <div className="flex flex-col gap-10 md:gap-16">
@@ -34,9 +31,7 @@ export default function Home() {
                 <Card.Base className="appear" shadow key={index}>
                   <div className="flex flex-col gap-14 items-center">
                     {icon}
-                    <span className=" text-primary text-xl font-semibold leading-6">
+                    <span className=" text-primary text-xl font-semibold leading-6">{title}</span>
-                      {title}
-                    </span>
                   </div>
                 </Card.Base>
               );

package-lock.json

@@ -27,7 +27,7 @@
         "eslint": "^8",
         "eslint-config-next": "14.1.4",
         "postcss": "^8",
-        "tailwindcss": "^3.3.0",
+        "tailwindcss": "^3.4.3",
         "typescript": "^5"
       }
     },

package.json

@@ -9,8 +9,8 @@
     "next": "14.1.4",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
-    "react-router-dom": "^6.3.0",
     "react-markdown": "^9.0.1",
+    "react-router-dom": "^6.3.0",
     "remark-gfm": "^4.0.0",
     "tailwind-merge": "^2.2.2"
   },
@@ -34,15 +34,15 @@
     ]
   },
   "devDependencies": {
+    "@types/jest": "^27.5.1",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "@types/jest": "^27.5.1",
     "autoprefixer": "^10.0.1",
     "eslint": "^8",
     "eslint-config-next": "14.1.4",
     "postcss": "^8",
-    "tailwindcss": "^3.3.0",
+    "tailwindcss": "^3.4.3",
     "typescript": "^5"
   }
 }

tsconfig.json

@@ -1,23 +1,17 @@
 {
   "compilerOptions": {
-    "lib": [
+    "lib": ["dom", "dom.iterable", "esnext"],
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
     "allowJs": true,
     "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
     "strict": true,
-    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
-    "noFallthroughCasesInSwitch": true,
+    "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": false,
     "jsx": "preserve",
+    "incremental": true,
     "plugins": [
       {
         "name": "next"
@@ -25,17 +19,8 @@
     ],
     "paths": {
       "@/*": ["./*"]
-    },
+    }
-    "incremental": true
   },
-  "include": [
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-    "src",
+  "exclude": ["node_modules"]
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
 }