diff --git a/app/(auth)/sign-in/page.jsx b/app/(auth)/sign-in/page.jsx
index bf0f9e6..5cc380a 100644
--- a/app/(auth)/sign-in/page.jsx
+++ b/app/(auth)/sign-in/page.jsx
@@ -28,6 +28,9 @@ import {
 } from "../../../@/components/ui/card";
 import { FaDiscord, FaGoogle } from "react-icons/fa";
 import { Loader2 } from "lucide-react";
+import LetterPullup from "../../../@/components/magicui/letter-pullup"
+import { delay } from "framer-motion";
+import SparklesText from "../../../@/components/magicui/sparkles-text"
 
 export default function SignInForm() {
   const router = useRouter();
@@ -79,15 +82,14 @@ export default function SignInForm() {
   };
 
   return (
-    <div className="flex justify-center items-center min-h-[70vh] pt-10">
+    <div>
+    <div className="bg-cover bg-center h-screen" style={{ backgroundImage: "url('pexels-lulizler-3165335.jpg')" }}>
+    <div className="flex justify-center  items-center min-h-[70vh]  pt-10">
       <Card className="w-96">
         <CardHeader>
-          <CardTitle className="text-2xl md:text-3xl tracking-tight">
-            Welcome to Sanity
-          </CardTitle>
 
-          <CardDescription>
-            Sign in to continue your gaming adventure
+            <CardDescription>
+
           </CardDescription>
         </CardHeader>
 
@@ -99,8 +101,8 @@ export default function SignInForm() {
                 control={form.control}
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Email or Username</FormLabel>
-                    <Input {...field} />
+                    <FormLabel className="text-xl" >Email or Username</FormLabel>
+                    <Input className="text-xl" {...field} />
                     <FormMessage />
                   </FormItem>
                 )}
@@ -111,8 +113,8 @@ export default function SignInForm() {
                 control={form.control}
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Password</FormLabel>
-                    <Input type="password" {...field} />
+                    <FormLabel className="text-xl">Password</FormLabel>
+                    <Input type="password" className="text-xl" {...field} />
                     <FormMessage />
                   </FormItem>
                 )}
@@ -163,5 +165,7 @@ export default function SignInForm() {
         </CardFooter>
       </Card>
     </div>
+    </div>
+    </div>
   );
 }
diff --git a/app/(auth)/sign-up/page.jsx b/app/(auth)/sign-up/page.jsx
index 140a8d3..5eba13b 100644
--- a/app/(auth)/sign-up/page.jsx
+++ b/app/(auth)/sign-up/page.jsx
@@ -25,7 +25,7 @@ import {
 } from "../../../@/components/ui/card";
 
 import { useToast } from "../../../@/components/ui/use-toast";
-import axios from "axios";
+import axios from "axios"
 import { Loader2 } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { signUpSchema } from "../../../model/Schema/signUpSchema";
@@ -102,6 +102,8 @@ const Page = () => {
   };
 
   return (
+    <div>
+    <div className="bg-cover bg-center h-screen" style={{ backgroundImage: "url('/pexels-lulizler-3165335.jpg')" }}>  
     <div className="flex justify-center items-center min-h-[70vh] pt-16">
       <Card className="w-96">
         <CardHeader>
@@ -195,6 +197,8 @@ const Page = () => {
         </Form>
       </Card>
     </div>
+    </div>
+    </div>
   );
 };
 
diff --git a/app/(auth)/verify/[username]/page.jsx b/app/(auth)/verify/[username]/page.jsx
index 68bb591..c1ceb2c 100644
--- a/app/(auth)/verify/[username]/page.jsx
+++ b/app/(auth)/verify/[username]/page.jsx
@@ -60,6 +60,8 @@ const VerifyAccount = () => {
   };
 
   return (
+    <div>
+    <div className="bg-cover bg-center h-screen" style={{ backgroundImage: "url('/pexels-lulizler-3165335.jpg')" }}>
     <div className="flex justify-center items-center min-h-[70vh]">
       <Card>
         <CardHeader className="mb-5">
@@ -94,6 +96,8 @@ const VerifyAccount = () => {
         </Form>
       </Card>
     </div>
+    </div>
+    </div>
   );
 };
 
diff --git a/package-lock.json b/package-lock.json
index 14acf3c..d31d883 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,6 +21,7 @@
         "@tabler/icons": "^1.115.0",
         "@tabler/icons-react": "^3.11.0",
         "@types/bcrypt": "^5.0.2",
+        "axios": "^1.7.3",
         "bcrypt": "^5.1.1",
         "bcryptjs": "^2.4.3",
         "class-variance-authority": "^0.7.0",
@@ -5954,8 +5955,7 @@
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "peer": true
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
@@ -5981,6 +5981,16 @@
         "node": ">=4"
       }
     },
+    "node_modules/axios": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.3.tgz",
+      "integrity": "sha512-Ar7ND9pU99eJ9GpoGQKhKf58GpUOgnzuaB7ueNQ5BMi0p+LZ5oaEnfF999fAArcTIBwXTCHAmGcHOZJaWPq9Nw==",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/axobject-query": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
@@ -6666,7 +6676,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "peer": true,
       "dependencies": {
         "delayed-stream": "~1.0.0"
       },
@@ -7516,7 +7525,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "peer": true,
       "engines": {
         "node": ">=0.4.0"
       }
@@ -8864,7 +8872,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
       "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "peer": true,
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
@@ -11187,7 +11194,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "peer": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -11196,7 +11202,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "peer": true,
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -12929,6 +12934,11 @@
       "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
       "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA=="
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/psl": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
diff --git a/package.json b/package.json
index 3f6a778..503840b 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "@tabler/icons": "^1.115.0",
     "@tabler/icons-react": "^3.11.0",
     "@types/bcrypt": "^5.0.2",
+    "axios": "^1.7.3",
     "bcrypt": "^5.1.1",
     "bcryptjs": "^2.4.3",
     "class-variance-authority": "^0.7.0",
diff --git a/public/pexels-lulizler-3165335.jpg b/public/pexels-lulizler-3165335.jpg
new file mode 100644
index 0000000..3434cdf
Binary files /dev/null and b/public/pexels-lulizler-3165335.jpg differ