diff --git a/package-lock.json b/package-lock.json
index a630eb3..e2b61eb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,11 +37,13 @@
         "@t3-oss/env-nextjs": "^0.7.1",
         "@vercel/otel": "^0.3.0",
         "class-variance-authority": "^0.7.0",
+        "gsap": "^3.12.4",
         "lodash": "^4.17.21",
         "next": "^14.0.3",
         "next-compose-plugins": "^2.2.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-type-animation": "^3.2.0",
         "tailwind-merge": "^2.0.0",
         "zod": "^3.22.4"
       },
@@ -2695,23 +2697,6 @@
         "react": ">=16.8.0"
       }
     },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
-      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -2898,6 +2883,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.1.1.tgz",
       "integrity": "sha512-JyyN9Lo66kirbCMuMMRPtJxtKJoIsXKS569ebHGGRKbl8s4CtUfLnyKJxteA+vIKySocO4s1SkTkGS4xtG/yEA==",
+      "license": "MIT",
       "peerDependencies": {
         "react": ">= 16"
       }
@@ -3674,7 +3660,6 @@
       "cpu": [
         "arm64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -3683,6 +3668,126 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.3.tgz",
+      "integrity": "sha512-RkTf+KbAD0SgYdVn1XzqE/+sIxYGB7NLMZRn9I4Z24afrhUpVJx6L8hsRnIwxz3ERE2NFURNliPjJ2QNfnWicQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.3.tgz",
+      "integrity": "sha512-3tBWGgz7M9RKLO6sPWC6c4pAw4geujSwQ7q7Si4d6bo0l6cLs4tmO+lnSwFp1Tm3lxwfMk0SgkJT7EdwYSJvcg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.3.tgz",
+      "integrity": "sha512-v0v8Kb8j8T23jvVUWZeA2D8+izWspeyeDGNaT2/mTHWp7+37fiNfL8bmBWiOmeumXkacM/AB0XOUQvEbncSnHA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.3.tgz",
+      "integrity": "sha512-VM1aE1tJKLBwMGtyBR21yy+STfl0MapMQnNrXkxeyLs0GFv/kZqXS5Jw/TQ3TSUnbv0QPDf/X8sDXuMtSgG6eg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.3.tgz",
+      "integrity": "sha512-64EnmKy18MYFL5CzLaSuUn561hbO1Gk16jM/KHznYP3iCIfF9e3yULtHaMy0D8zbHfxset9LTOv6cuYKJgcOxg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.3.tgz",
+      "integrity": "sha512-WRDp8QrmsL1bbGtsh5GqQ/KWulmrnMBgbnb+59qNTW1kVi1nG/2ndZLkcbs2GX7NpFLlToLRMWSQXmPzQm4tog==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.3.tgz",
+      "integrity": "sha512-EKffQeqCrj+t6qFFhIFTRoqb2QwX1mU7iTOvMyLbYw3QtqTw9sMwjykyiMlZlrfm2a4fA84+/aeW+PMg1MjuTg==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.3.tgz",
+      "integrity": "sha512-ERhKPSJ1vQrPiwrs15Pjz/rvDHZmkmvbf/BjPN/UCOI++ODftT0GtasDPi0j+y6PPJi5HsXw+dpRaXUaw4vjuQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -3965,6 +4070,8 @@
     },
     "node_modules/@opentelemetry/exporter-trace-otlp-grpc/node_modules/@opentelemetry/api": {
       "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.4.1.tgz",
+      "integrity": "sha512-O2yRJce1GOc6PAy3QxFM4NzFiWzvScDC1/5ihYBL6BUEVdq0XMWN01sppE+H6bBXbaFYipjwFLEWLg5PaSOThA==",
       "license": "Apache-2.0",
       "peer": true,
       "engines": {
@@ -4442,6 +4549,8 @@
     },
     "node_modules/@opentelemetry/otlp-transformer/node_modules/@opentelemetry/api": {
       "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.4.1.tgz",
+      "integrity": "sha512-O2yRJce1GOc6PAy3QxFM4NzFiWzvScDC1/5ihYBL6BUEVdq0XMWN01sppE+H6bBXbaFYipjwFLEWLg5PaSOThA==",
       "license": "Apache-2.0",
       "peer": true,
       "engines": {
@@ -4623,6 +4732,8 @@
     },
     "node_modules/@opentelemetry/sdk-metrics/node_modules/@opentelemetry/api": {
       "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.4.1.tgz",
+      "integrity": "sha512-O2yRJce1GOc6PAy3QxFM4NzFiWzvScDC1/5ihYBL6BUEVdq0XMWN01sppE+H6bBXbaFYipjwFLEWLg5PaSOThA==",
       "license": "Apache-2.0",
       "peer": true,
       "engines": {
@@ -4795,6 +4906,8 @@
     },
     "node_modules/@opentelemetry/sdk-trace-base/node_modules/@opentelemetry/api": {
       "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.4.1.tgz",
+      "integrity": "sha512-O2yRJce1GOc6PAy3QxFM4NzFiWzvScDC1/5ihYBL6BUEVdq0XMWN01sppE+H6bBXbaFYipjwFLEWLg5PaSOThA==",
       "license": "Apache-2.0",
       "peer": true,
       "engines": {
@@ -8902,23 +9015,6 @@
         }
       }
     },
-    "node_modules/@swc/core-darwin-arm64": {
-      "version": "1.3.99",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.99.tgz",
-      "integrity": "sha512-Qj7Jct68q3ZKeuJrjPx7k8SxzWN6PqLh+VFxzA+KwLDpQDPzOlKRZwkIMzuFjLhITO4RHgSnXoDk/Syz0ZeN+Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@swc/counter": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.2.tgz",
@@ -16737,20 +16833,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -17112,6 +17194,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/gsap": {
+      "version": "3.12.4",
+      "resolved": "https://registry.npmjs.org/gsap/-/gsap-3.12.4.tgz",
+      "integrity": "sha512-1ByAq8dD0W4aBZ/JArgaQvc0gyUfkGkP8mgAQa0qZGdpOKlSOhOf+WNXjoLimKaKG3Z4Iu6DKZtnyszqQeyqWQ=="
+    },
     "node_modules/gunzip-maybe": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz",
@@ -23510,8 +23597,6 @@
     },
     "node_modules/npm/node_modules/node-gyp/node_modules/make-fetch-happen": {
       "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-11.1.1.tgz",
-      "integrity": "sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==",
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
@@ -23560,8 +23645,6 @@
     },
     "node_modules/npm/node_modules/node-gyp/node_modules/nopt": {
       "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz",
-      "integrity": "sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==",
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
@@ -23576,8 +23659,6 @@
     },
     "node_modules/npm/node_modules/node-gyp/node_modules/npmlog": {
       "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz",
-      "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==",
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
@@ -23614,8 +23695,6 @@
     },
     "node_modules/npm/node_modules/node-gyp/node_modules/which": {
       "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
@@ -24241,9 +24320,7 @@
       }
     },
     "node_modules/npm/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "version": "4.0.2",
       "inBundle": true,
       "license": "ISC",
       "engines": {
@@ -24623,8 +24700,6 @@
     },
     "node_modules/npm/node_modules/which/node_modules/isexe": {
       "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
       "inBundle": true,
       "license": "ISC",
       "engines": {
@@ -24996,7 +25071,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -26059,20 +26133,6 @@
         "node": ">=16"
       }
     },
-    "node_modules/playwright/node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/pnp-webpack-plugin": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.7.0.tgz",
@@ -26562,7 +26622,6 @@
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
@@ -26574,7 +26633,6 @@
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/proto-list": {
@@ -27138,6 +27196,16 @@
         }
       }
     },
+    "node_modules/react-type-animation": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/react-type-animation/-/react-type-animation-3.2.0.tgz",
+      "integrity": "sha512-WXTe0i3rRNKjmggPvT5ntye1QBt0ATGbijeW6V3cQe2W0jaMABXXlPPEdtofnS9tM7wSRHchEvI9SUw+0kUohw==",
+      "peerDependencies": {
+        "prop-types": "^15.5.4",
+        "react": ">= 15.0.0",
+        "react-dom": ">= 15.0.0"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
diff --git a/package.json b/package.json
index 2089559..ded6b73 100644
--- a/package.json
+++ b/package.json
@@ -51,11 +51,13 @@
     "@t3-oss/env-nextjs": "^0.7.1",
     "@vercel/otel": "^0.3.0",
     "class-variance-authority": "^0.7.0",
+    "gsap": "^3.12.4",
     "lodash": "^4.17.21",
     "next": "^14.0.3",
     "next-compose-plugins": "^2.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-type-animation": "^3.2.0",
     "tailwind-merge": "^2.0.0",
     "zod": "^3.22.4"
   },
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 20e0f1b..ca2a6a1 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -1,14 +1,139 @@
 "use client"
 import { Button, Header } from "../../components"
+import iconPersonalized from "../../images/iconPersonalized.png";
+import groupImage from "../../images/groupImage.png"; 
+import twentyFourSeven from "../../images/twentyfourseven.png";
+import thumbsUp from "../../images/thumbsup.png";
+import scholarImage from "../../images/scholarImage.png";
+import dataDriven from "../../images/dataDriven.png";
+import { TypeAnimation } from 'react-type-animation';
+
+
 
 export default function Web() {
   return (
     <div>
       <Header />
-      <Button onClick={() => console.log("Hello World")} variant="primary">
-        Hello
-      </Button>
-      <h1 className="text-lg font-bold">Hello World</h1>
+      <main className="bg-[#E8EFFF]">
+        <div className="border flex flex-col items-start justify-center overflow-hidden p-8 w-full">
+          <h1 className="font-roboto text-4xl font-bold leading-tight tracking-tighter text-left my-4 w-full">AI-Powered Learning Tailored for You</h1>
+          <h5 className="font-roboto text-xl font-normal leading-tight tracking-tighter text-left my-4 w-full text-gray-500">Meet SkillTensor, Your Personal Learning Sidekick! Smarter Studies Made Fun, Tailored Just for You.</h5>
+          
+          <div className="w-full">
+            <input
+              type="search"
+              placeholder="Ask a question to start learning"
+              aria-label="Search"
+              className="w-full mt-2 px-4 py-2 border rounded-md"/>
+            
+            <button
+              className="w-full mt-2 px-4 py-2 bg-blue-600 text-white rounded-md">
+              Begin Learning
+            </button>
+
+          </div>
+        </div>
+      </main>
+            <div className="border flex flex-col items-start justify-center overflow-hidden p-8 w-full">
+            <h2 className="text-4xl font-bold my-4 text-blue-600 py-8 w-full text-center">
+              Not just a chatbot but a        
+              <span style={{ fontSize: '.9em'}}>
+                <TypeAnimation
+                  sequence={[
+                    ' Teacher',
+                    2000,
+                    ' Tutor',
+                    2000,
+                    ' Study Partner',
+                    2000,
+                    ' Wizard',
+                    2000
+                  ]}
+                  wrapper="span"
+                  speed={15}
+                  repeat={Infinity}
+                />
+              </span>
+            </h2>
+          <h5 className="font-roboto text-l font-normal leading-tight tracking-tighter text-left my-4 w-full text-gray-500">Discover an interactive, personalized learning experience - more than just a chatbot, a dedicated AI tutor tailors lessons, solves problems, and guides you to subject mastery.</h5>
+
+          <div className="flex flex-wrap justify-start gap-10"></div>
+      </div>
+      <div className="border flex flex-col items-start justify-center overflow-hidden p-8 w-full bg-[#E8EFFF]">
+      <div className="w-full">
+            <h2 className="text-4xl font-bold my-4 text-blue-600 py-8 w-full text-center">Why Skilltensor</h2>
+            <div className="flex flex-wrap justify-start gap-10">
+              {/* First Card */}
+              <div className="w-[392px] h-auto bg-white p-6 border rounded-lg">
+                <img src={iconPersonalized} alt="Personalized Learning" className="w-full" />
+                <h1 className="text-blue-500 font-bold text-xl py-2">Personalized Learning</h1>
+                <p>SkillTensor provides personalized learning, adapting to individual styles. Its AI tailors lessons to strengths, weaknesses, ensuring an engaging journey for each student's progress and success.</p>
+              </div>
+              {/* Second Card */}
+              <div className="w-[392px] h-auto bg-white p-6 border rounded-lg">
+              <img src={groupImage} alt="Engaging Learning" className="w-full" />
+              <h1 className="text-blue-500 font-bold text-xl py-2">Engaging Learning Resources</h1>
+                <p>SkillTensor sparks learning joy with interactive quizzes, engaging videos, and diverse exercises, crafting vibrant and effective learning journeys for every student's delight and growth.</p>
+              </div>
+              {/* Third Card */}
+              <div className="w-[392px] h-auto bg-white p-6 border rounded-lg">
+              <img src={scholarImage} alt="Empowering Education" className="w-full" />
+              <h1 className="text-blue-500 font-bold text-xl py-2">Empowering Education</h1>
+                <p>SkillTensor fosters confidence & independence in learning. Its interactive interface encourages curiosity, critical thinking, and problem-solving, helping students excel academically with joy.</p>
+              </div>
+              {/* Fourth Card */}
+              <div className="w-[392px] h-auto bg-white p-6 border rounded-lg">
+              <img src={thumbsUp} alt="Adaptive Feedback" className="w-full" />
+              <h1 className="text-blue-500 font-bold text-xl py-2">Adaptive Feedback</h1>
+                <p> SkillTensor tailors feedback to pinpoint improvement areas, ensuring targeted guidance for effective learning and skill enhancement.</p>
+              </div>
+              {/* Fifth Card */}
+              <div className="w-[392px] h-auto bg-white p-6 border rounded-lg">
+              <img src={twentyFourSeven} alt="24/7 Accessibility" className="w-full" />
+              <h1 className="text-blue-500 font-bold text-xl py-2">24/7 Accessibility</h1>
+                <p>With round-the-clock availability, SkillTensor enables flexible learning, accommodating diverse schedules and learning preferences for students.</p>
+              </div>
+              {/* Sixth Card */}
+              <div className="w-[392px] h-auto bg-white p-6 border rounded-lg">
+              <img src="/src/images/dataDriven.png" alt="Data-Driven Insights" className="w-full" />
+              <h1 className="text-blue-500 font-bold text-xl py-2">Data-Driven Insights</h1>
+                <p>SkillTensor provides detailed progress reports, aiding students and educators in tracking performance and optimizing learning strategies effectively</p>
+              </div>
+              </div>
+              </div>
+            </div>      
+      <div className="border flex flex-col items-start justify-center overflow-hidden p-8 w-full">
+          <h2 className="text-4xl font-bold my-4 text-blue-600 py-8 w-full text-center">FAQ</h2>
+          <div className="flex flex-wrap justify-start gap-10"></div>
+          <h5 className="font-roboto text-xl font-normal leading-tight tracking-tighter text-left w-full">Is SkillTensor Free?</h5>
+          <h5 className="font-roboto text-l font-normal leading-tight tracking-tighter text-left my-4 w-full text-gray-500">SkillTensor is 100% Free</h5>
+          <hr className="w-full bg-gray-500 my-4" />
+          <h5 className="font-roboto text-xl font-normal leading-tight tracking-tighter text-left w-full">How does SkillTensor work?</h5>
+          <h5 className="font-roboto text-l font-normal leading-tight tracking-tighter text-left my-4 w-full text-gray-500">SkillTensor is built on the Bittensor network, accessing decentralized LLMs to harness knowledge for everyone</h5>
+          <hr className="w-full bg-gray-500 my-4" />
+          <h5 className="font-roboto text-xl font-normal leading-tight tracking-tighter text-left w-full">What is Bittensor?</h5>
+          <h5 className="font-roboto text-l font-normal leading-tight tracking-tighter text-left my-4 w-full text-gray-500">Bittensor is a decentralized AI platform that connects contributors globally to build AI applications.</h5>
+      </div>
+      <footer className="bg-blue-500 text-white w-full">
+        <div className="container mx-auto text-center p-4">
+          <div className="mb-4">
+            <div className="text-4xl font-bold mb-2">S</div>
+            <div className="text-2xl font-semibold mb-4">SKILLTENSOR</div>
+            <div className="text-lg mb-4"><a href="/classes">Classes</a></div>
+            <div className="text-lg mb-4"><a href="/faq">FAQ</a></div>
+            <div className="text-lg mb-4"><a href="/about">About Us</a></div>
+            <div className="text-lg mb-4"><a href="/contact">Contact Us</a></div>
+          </div>
+          <div className="flex justify-center space-x-4 mb-4">
+          </div>
+          <div className="text-sm mb-4">
+            SkillTensor © {new Date().getFullYear()} ALL RIGHTS RESERVED
+          </div>
+          <div className="text-sm">
+            <a href="/terms" className="hover:text-blue-200">TERMS & CONDITIONS</a> · <a href="/privacy" className="hover:text-blue-200">PRIVACY POLICY</a>
+          </div>
+        </div>
+      </footer>
     </div>
-  )
-}
+  );
+}
\ No newline at end of file
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
new file mode 100644
index 0000000..ce9036a
--- /dev/null
+++ b/src/components/Footer/Footer.tsx
@@ -0,0 +1,42 @@
+import React from 'react';
+
+const Footer = () => {
+  return (
+    <footer className="bg-gray-900 text-white p-6">
+      <div className="container mx-auto">
+        <div className="flex flex-col md:flex-row justify-between items-center">
+          <div>
+            <h2 className="text-xl font-bold mb-2">Company Name</h2>
+            <p>123 Business Road, City</p>
+            <p>Contact: email@example.com</p>
+          </div>
+
+          <div className="flex flex-col md:flex-row">
+            <div className="mb-2 md:mb-0 md:mr-6">
+              <h3 className="font-semibold">Resources</h3>
+              <ul>
+                <li><a href="/about">About Us</a></li>
+                <li><a href="/blog">Blog</a></li>
+                <li><a href="/contact">Contact</a></li>
+              </ul>
+            </div>
+
+            <div>
+              <h3 className="font-semibold">Legal</h3>
+              <ul>
+                <li><a href="/terms">Terms of Service</a></li>
+                <li><a href="/privacy">Privacy Policy</a></li>
+              </ul>
+            </div>
+          </div>
+
+          <div className="mt-4 md:mt-0">
+            <p>&copy; {new Date().getFullYear()} Company Name. All rights reserved.</p>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;
\ No newline at end of file
diff --git a/src/components/Footer/index.ts b/src/components/Footer/index.ts
new file mode 100644
index 0000000..dd3c9ec
--- /dev/null
+++ b/src/components/Footer/index.ts
@@ -0,0 +1 @@
+export { default } from "./Footer"
diff --git a/src/components/svg/marker.svg b/src/components/svg/marker.svg
new file mode 100644
index 0000000..e4a2a74
--- /dev/null
+++ b/src/components/svg/marker.svg
@@ -0,0 +1,3 @@
+<svg width="403" height="28" viewBox="0 0 403 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M398.832 27.0501C403.826 26.2234 405.256 12.0213 386.8 6.34872C319.738 -11.227 8.09545 17.6764 1.43326 18.5301C-3.56023 19.3568 8.17085 22.1528 14.8456 22.0452C19.8517 21.9645 268.348 9.75042 398.832 27.0501Z" fill="white"/>
+</svg>
diff --git a/src/images/dataDriven.png b/src/images/dataDriven.png
new file mode 100644
index 0000000..56dc8c9
Binary files /dev/null and b/src/images/dataDriven.png differ
diff --git a/src/images/groupImage.png b/src/images/groupImage.png
new file mode 100644
index 0000000..df74e83
Binary files /dev/null and b/src/images/groupImage.png differ
diff --git a/src/images/iconPersonalized.png b/src/images/iconPersonalized.png
new file mode 100644
index 0000000..b115a50
Binary files /dev/null and b/src/images/iconPersonalized.png differ
diff --git a/src/images/scholarImage.png b/src/images/scholarImage.png
new file mode 100644
index 0000000..91c74de
Binary files /dev/null and b/src/images/scholarImage.png differ
diff --git a/src/images/thumbsup.png b/src/images/thumbsup.png
new file mode 100644
index 0000000..909f5fe
Binary files /dev/null and b/src/images/thumbsup.png differ
diff --git a/src/images/twentyfourseven.png b/src/images/twentyfourseven.png
new file mode 100644
index 0000000..43b2aa0
Binary files /dev/null and b/src/images/twentyfourseven.png differ
diff --git a/styles/tailwind.css b/styles/tailwind.css
index b5c61c9..98e09db 100644
--- a/styles/tailwind.css
+++ b/styles/tailwind.css
@@ -1,3 +1,12 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.hug-box {
+  width: 396px;       /* Width: Hug (396px) */
+  height: 492px;      /* Height: Hug (492px) */
+  position: absolute; /* Positioning */
+  top: 107px;
+  left: 16px;
+  gap: 24px;          /* Gap (used in flex or grid layouts) */
+}
diff --git a/yarn.lock b/yarn.lock
index a8b9f31..ff7796a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1183,11 +1183,6 @@
   resolved "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz"
   integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==
 
-"@esbuild/darwin-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz"
-  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
-
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
@@ -1630,10 +1625,10 @@
   dependencies:
     glob "7.1.7"
 
-"@next/swc-darwin-arm64@14.0.3":
+"@next/swc-win32-x64-msvc@14.0.3":
   version "14.0.3"
-  resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.3.tgz"
-  integrity sha512-64JbSvi3nbbcEtyitNn2LEDS/hcleAFpHdykpcnrstITFlzFgB/bW0ER5/SJJwUPj+ZPY+z3e+1jAfcczRLVGw==
+  resolved "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.3.tgz"
+  integrity sha512-ERhKPSJ1vQrPiwrs15Pjz/rvDHZmkmvbf/BjPN/UCOI++ODftT0GtasDPi0j+y6PPJi5HsXw+dpRaXUaw4vjuQ==
 
 "@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
   version "5.1.1-v1"
@@ -4095,11 +4090,6 @@
     "@types/express" "^4.7.0"
     file-system-cache "2.3.0"
 
-"@swc/core-darwin-arm64@1.3.99":
-  version "1.3.99"
-  resolved "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.99.tgz"
-  integrity sha512-Qj7Jct68q3ZKeuJrjPx7k8SxzWN6PqLh+VFxzA+KwLDpQDPzOlKRZwkIMzuFjLhITO4RHgSnXoDk/Syz0ZeN+Q==
-
 "@swc/core@*", "@swc/core@^1.2.147", "@swc/core@^1.3.18", "@swc/core@^1.3.82":
   version "1.3.99"
   resolved "https://registry.npmjs.org/@swc/core/-/core-1.3.99.tgz"
@@ -8435,16 +8425,6 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@^2.3.2, fsevents@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz"
-  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
-
-fsevents@2.3.2:
-  version "2.3.2"
-  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
 function-bind@^1.1.1, function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz"
@@ -8758,6 +8738,11 @@ graphemer@^1.4.0:
   resolved "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz"
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
+gsap@^3.12.4:
+  version "3.12.4"
+  resolved "https://registry.npmjs.org/gsap/-/gsap-3.12.4.tgz"
+  integrity sha512-1ByAq8dD0W4aBZ/JArgaQvc0gyUfkGkP8mgAQa0qZGdpOKlSOhOf+WNXjoLimKaKG3Z4Iu6DKZtnyszqQeyqWQ==
+
 gunzip-maybe@^1.4.2:
   version "1.4.2"
   resolved "https://registry.npmjs.org/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz"
@@ -9619,8 +9604,6 @@ isexe@^2.0.0:
 
 isexe@^3.1.1:
   version "3.1.1"
-  resolved "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz"
-  integrity sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==
 
 isobject@^3.0.1:
   version "3.0.1"
@@ -10863,8 +10846,6 @@ make-error@1.x:
 
 make-fetch-happen@^11.0.3:
   version "11.1.1"
-  resolved "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-11.1.1.tgz"
-  integrity sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==
   dependencies:
     agentkeepalive "^4.2.1"
     cacache "^17.0.0"
@@ -11420,8 +11401,6 @@ node-releases@^2.0.13:
 
 nopt@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz"
-  integrity sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==
   dependencies:
     abbrev "^1.0.0"
 
@@ -11645,8 +11624,6 @@ npm@^10.0.0:
 
 npmlog@^6.0.0:
   version "6.0.2"
-  resolved "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz"
-  integrity sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==
   dependencies:
     are-we-there-yet "^3.0.0"
     console-control-strings "^1.1.0"
@@ -12609,7 +12586,7 @@ promzard@^1.0.0:
   dependencies:
     read "^2.0.0"
 
-prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.5.4, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -12844,7 +12821,7 @@ react-docgen@^5.0.0:
     node-dir "^0.1.10"
     strip-indent "^3.0.0"
 
-"react-dom@^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0", "react-dom@^16.8 || ^17.0 || ^18.0", "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0", react-dom@^18.0.0, react-dom@^18.2.0, react-dom@>=16.8.0, "react-dom@16.8.0 - 18":
+"react-dom@^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0", "react-dom@^16.8 || ^17.0 || ^18.0", "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0", react-dom@^18.0.0, react-dom@^18.2.0, "react-dom@>= 15.0.0", react-dom@>=16.8.0, "react-dom@16.8.0 - 18":
   version "18.2.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -12919,7 +12896,12 @@ react-style-singleton@^2.2.1:
     invariant "^2.2.4"
     tslib "^2.0.0"
 
-"react@^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0", "react@^16.8 || ^17.0 || ^18.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^16.8.4 || ^17.0.0 || ^18.0.0", react@^18.0.0, react@^18.2.0, "react@>= 0.14.0", "react@>= 16", "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", react@>=16, react@>=16.8.0, "react@16.8.0 - 18":
+react-type-animation@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/react-type-animation/-/react-type-animation-3.2.0.tgz"
+  integrity sha512-WXTe0i3rRNKjmggPvT5ntye1QBt0ATGbijeW6V3cQe2W0jaMABXXlPPEdtofnS9tM7wSRHchEvI9SUw+0kUohw==
+
+"react@^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0", "react@^16.8 || ^17.0 || ^18.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^16.8.4 || ^17.0.0 || ^18.0.0", react@^18.0.0, react@^18.2.0, "react@>= 0.14.0", "react@>= 15.0.0", "react@>= 16", "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", react@>=16, react@>=16.8.0, "react@16.8.0 - 18":
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
@@ -15313,8 +15295,6 @@ which@^2.0.1:
 
 which@^2.0.2:
   version "2.0.2"
-  resolved "https://registry.npmjs.org/which/-/which-2.0.2.tgz"
-  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
   dependencies:
     isexe "^2.0.0"