From 42af69f6d2a88cd84fba1fab35bbeff3f4540719 Mon Sep 17 00:00:00 2001
From: priya <priyaaashu4@gmail.com>
Date: Tue, 8 Oct 2024 18:17:34 +0530
Subject: [PATCH 01/26] added dark mode button

---
 index.html | 101 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 101 insertions(+)
diff --git a/index.html b/index.html
index 2c04a774..d3d689c4 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,9 @@
     <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> -->
+     <!-- Add this line in the <head> section if Font Awesome is not included -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+
     
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
@@ -409,10 +412,108 @@
                         </li>
                     </ul>
                 </div>
+                <button id="darkModeToggle" class="btn btn-secondary" style="margin-left: 10px;">
+                    <i class="fas fa-sun" id="toggleIcon" style="font-size: 20px;"></i>
+                    <span id="toggleText">Dark Mode</span>
+                </button>
             </div>
         </div>
     </nav>
+<style>
+    .navbar {
+        transition: background-color 0.3s, color 0.3s;
+    }
+    
+    .navbar .navbar-brand,
+    .navbar .nav-link {
+        font-family: var(--ff-philosopher);
+        color: black;
+    }
+    
+    .navbar .nav-link:hover {
+        color: #007bff; 
+    }
+    
+    
+    .dark-mode {
+        background-color: #343a40; 
+        color: white; 
+    }
+    
+    .dark-mode .navbar .navbar-brand,
+    .dark-mode .navbar .nav-link {
+        color: white;
+    }
+    
+    .dark-mode .navbar .nav-link:hover {
+        color: #61dafb; 
+    }
+    
+    
+    #darkModeToggle {
+        display: flex;
+        align-items: center; 
+        background-color: #f8f9fa; 
+        color: black; 
+        border: none;
+        border-radius: 5px;
+        padding: 8px 12px;
+        transition: background-color 0.3s, color 0.3s; 
+    }
+    
+    #darkModeToggle:hover {
+        background-color: #e2e6ea; 
+    }
+    
+    #darkModeToggle .fas {
+        margin-right: 5px; 
+        font-size: 20px;
+    }
+    
+    .dark-mode #darkModeToggle {
+        background-color: #495057; 
+        color: white; 
+    }
+    
+    .dark-mode #darkModeToggle:hover {
+        background-color: #6c757d; 
+    }
+    
+    .dark-mode #darkModeToggle .fas {
+        color: #f8f9fa; 
+    }
+    
+   
+    .fas {
+        transition: color 0.3s; 
+    }
+    </style>
+<script>document.getElementById('darkModeToggle').addEventListener('click', function() {
+   
+    document.body.classList.toggle('dark-mode');
+    const navbar = document.getElementById('top');
+    navbar.classList.toggle('dark-mode');
+
+   
+    const toggleIcon = document.getElementById('toggleIcon');
+    const toggleText = document.getElementById('toggleText');
+
+    if (document.body.classList.contains('dark-mode')) {
+        toggleIcon.classList.remove('fa-sun');
+        toggleIcon.classList.add('fa-moon');
+        toggleText.textContent = '  Light Mode';
+    } else {
+        toggleIcon.classList.remove('fa-moon');
+        toggleIcon.classList.add('fa-sun');
+        toggleText.textContent = ' Dark Mode';
+    }
+});
 
+
+document.body.classList.add('light-mode');
+
+
+</script>
     <!--Navbar End-->
 
 <!--    <nav class="navbar navbar-expand-lg fixed-top" id="top">

From f94b7fe715740851d50edaf821e902ea1012a090 Mon Sep 17 00:00:00 2001
From: priya <priyaaashu4@gmail.com>
Date: Tue, 8 Oct 2024 18:22:06 +0530
Subject: [PATCH 02/26] #fixes

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index d3d689c4..c93b916a 100644
--- a/index.html
+++ b/index.html
@@ -414,7 +414,7 @@
                 </div>
                 <button id="darkModeToggle" class="btn btn-secondary" style="margin-left: 10px;">
                     <i class="fas fa-sun" id="toggleIcon" style="font-size: 20px;"></i>
-                    <span id="toggleText">Dark Mode</span>
+                    <span id="toggleText">Light Mode</span>
                 </button>
             </div>
         </div>
@@ -501,11 +501,11 @@
     if (document.body.classList.contains('dark-mode')) {
         toggleIcon.classList.remove('fa-sun');
         toggleIcon.classList.add('fa-moon');
-        toggleText.textContent = '  Light Mode';
+        toggleText.textContent = ' Dark Mode';
     } else {
         toggleIcon.classList.remove('fa-moon');
         toggleIcon.classList.add('fa-sun');
-        toggleText.textContent = ' Dark Mode';
+        toggleText.textContent = 'Light Mode';
     }
 });
 

From e576bf1c5cebbd53d671d5ed43e8251a2eea2cec Mon Sep 17 00:00:00 2001
From: Abhishek TG <153442145+Abhishek-TG18@users.noreply.github.com>
Date: Tue, 8 Oct 2024 18:28:35 +0530
Subject: [PATCH 03/26] Added backend authendication using Mongo node and
 express

---
 backend/.gitignore                   |    2 +
 backend/app.js                       |   24 +
 backend/config/databaseConfig.js     |   14 +
 backend/controller/authController.js |  190 +++
 backend/index.js                     |    9 +
 backend/middleware/jwtAuth.js        |   24 +
 backend/model/userSchema.js          |   73 +
 backend/package-lock.json            | 1910 ++++++++++++++++++++++++++
 backend/package.json                 |   24 +
 backend/router/authRoute.js          |   21 +
 10 files changed, 2291 insertions(+)
 create mode 100644 backend/.gitignore
 create mode 100644 backend/app.js
 create mode 100644 backend/config/databaseConfig.js
 create mode 100644 backend/controller/authController.js
 create mode 100644 backend/index.js
 create mode 100644 backend/middleware/jwtAuth.js
 create mode 100644 backend/model/userSchema.js
 create mode 100644 backend/package-lock.json
 create mode 100644 backend/package.json
 create mode 100644 backend/router/authRoute.js

diff --git a/backend/.gitignore b/backend/.gitignore
new file mode 100644
index 00000000..1dcef2d9
--- /dev/null
+++ b/backend/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+.env
\ No newline at end of file
diff --git a/backend/app.js b/backend/app.js
new file mode 100644
index 00000000..2240a583
--- /dev/null
+++ b/backend/app.js
@@ -0,0 +1,24 @@
+const express = require('express');
+const app = express();
+
+const authRouter = require('./router/authRoute.js');
+const databaseconnect = require('./config/databaseConfig.js');
+const cookieParser = require('cookie-parser');
+const cors = require('cors');
+
+// connect to db
+databaseconnect();
+
+app.use(express.json()); // Built-in middleware
+app.use(cookieParser()); // Third-party middleware
+
+app.use(cors({ origin: [process.env.CLIENT_URL], credentials: true })); //Third-party middleware
+
+// Auth router
+app.use('/auth', authRouter);
+
+app.use('/', (req, res) => {
+  res.status(200).json({ data: 'JWTauth server ;)' });
+});
+
+module.exports = app;
diff --git a/backend/config/databaseConfig.js b/backend/config/databaseConfig.js
new file mode 100644
index 00000000..bf7b6ada
--- /dev/null
+++ b/backend/config/databaseConfig.js
@@ -0,0 +1,14 @@
+const mongoose = require("mongoose");
+require('dotenv').config();
+const MONGODB_URL =
+  process.env.MONGODB_URL || "mongodb://localhost:27017/my_database"; 
+
+// mongoDb database connection
+const databaseconnect = () => {
+  mongoose
+    .connect(MONGODB_URL)
+    .then((conn) => console.log(`connected to DB: ${conn.connection.host}`))
+    .catch((err) => console.log(err.message));
+};
+
+module.exports = databaseconnect;
diff --git a/backend/controller/authController.js b/backend/controller/authController.js
new file mode 100644
index 00000000..4410682b
--- /dev/null
+++ b/backend/controller/authController.js
@@ -0,0 +1,190 @@
+const userModel = require("../model/userSchema.js");
+const bcrypt = require("bcrypt");
+
+const emailValidator = require("email-validator");
+
+/******************************************************
+ * @SIGNUP
+ * @route /api/auth/signup
+ * @method POST
+ * @description singUp function for creating new user
+ * @body name, email, password, confirmPassword
+ * @returns User Object
+ ******************************************************/
+
+const signUp = async (req, res, next) => {
+  const { name, email, password, confirmPassword } = req.body;
+console.log(name , email,password,confirmPassword)
+  /// every field is required
+  if (!name || !email || !password || !confirmPassword) {
+    return res.status(400).json({
+      success: false,
+      message: "Every field is required"
+    });
+  }
+
+  //validate email using npm package "email-validator"
+  const validEmail = emailValidator.validate(email);
+  if (!validEmail) {
+    return res.status(400).json({
+      success: false,
+      message: "Please provide a valid email address 📩"
+    });
+  }
+
+  try {
+    /// send password not match err if password !== confirmPassword
+    if (password !== confirmPassword) {
+      return res.status(400).json({
+        success: false,
+        message: "password and confirm Password does not match ❌"
+      });
+    }
+
+    const userInfo = new userModel(req.body);
+
+    // userSchema "pre" middleware functions for "save" will hash the password using bcrypt
+    // before saving the data into the database
+    const result = await userInfo.save();
+    return res.status(200).json({
+      success: true,
+      data: result
+    });
+  } catch (error) {
+    /// send the message of the email is not unique.
+    if (error.code === 11000) {
+      return res.status(400).json({
+        success: false,
+        message: `Account already exist with the provided email ${email} 😒`
+      });
+    }
+
+    return res.status(400).json({
+      message: error.message
+    });
+  }
+};
+
+/******************************************************
+ * @SIGNIN
+ * @route /api/auth/signin
+ * @method POST
+ * @description verify user and send cookie with jwt token
+ * @body email , password
+ * @returns User Object , cookie
+ ******************************************************/
+
+const signIn = async (req, res, next) => {
+  const { email, password } = req.body;
+  console.log(email,password)
+
+  // send response with error message if email or password is missing
+  if (!email || !password) {
+    return res.status(400).json({
+      success: false,
+      message: "email and password are required"
+    });
+  }
+
+  try {
+    // check user exist or not
+    const user = await userModel
+      .findOne({
+        email
+      })
+      .select("+password");
+
+    // If user is null or the password is incorrect return response with error message
+    if (!user || !(await bcrypt.compare(password, user.password))) {
+      // bcrypt.compare returns boolean value
+      return res.status(400).json({
+        success: false,
+        message: "invalid credentials"
+      });
+    }
+
+    // Create jwt token using userSchema method( jwtToken() )
+    const token = user.jwtToken();
+    user.password = undefined;
+
+    const cookieOption = {
+      secure:true,
+      maxAge: 24 * 60 * 60 * 1000, //24hr
+      httpOnly: true //  not able to modify  the cookie in client side
+    };
+
+    res.cookie("token", token, cookieOption);
+    res.status(200).json({
+      success: true,
+      data: user
+    });
+  } catch (error) {
+    return res.status(400).json({
+      success: false,
+      message: error.message
+    });
+  }
+};
+
+
+/******************************************************
+ * @LOGOUT
+ * @route /api/auth/logout
+ * @method GET
+ * @description Remove the token form  cookie
+ * @returns logout message and cookie without token
+ ******************************************************/
+
+const logout = async (req, res, next) => {
+  try {
+    const cookieOption = {
+      expires: new Date(Date.now()), // current expiry date
+      httpOnly: true //  not able to modify  the cookie in client side
+    };
+
+    // return response with cookie without token
+    res.cookie("token", null, cookieOption);
+    res.status(200).json({
+      success: true,
+      message: "Logged Out"
+    });
+  } catch (error) {
+    res.stats(400).json({
+      success: false,
+      message: error.message
+    });
+  }
+};
+
+/******************************************************
+ * @GETUSER
+ * @route /api/auth/user
+ * @method GET
+ * @description retrieve user data from mongoDb if user is valid(jwt auth)
+ * @returns User Object
+ ******************************************************/
+
+const getUser = async (req, res, next) => {
+  const userId = req.user.id;
+  try {
+    const user = await userModel.findById(userId);
+    return res.status(200).json({
+      success: true,
+      data: user
+    });
+  } catch (error) {
+    return res.status(400).json({
+      success: false,
+      message: error.message
+    });
+  }
+};
+
+module.exports = {
+  signUp,
+  signIn,
+ 
+  getUser,
+  
+  logout
+};
diff --git a/backend/index.js b/backend/index.js
new file mode 100644
index 00000000..ba8186d4
--- /dev/null
+++ b/backend/index.js
@@ -0,0 +1,9 @@
+require('dotenv').config();
+const PORT  = process.env.PORT || 5000;
+
+
+const app = require('./app');
+
+app.listen(PORT,()=>{
+    console.log(`server is listening at http://localhost:${PORT}`);
+})
\ No newline at end of file
diff --git a/backend/middleware/jwtAuth.js b/backend/middleware/jwtAuth.js
new file mode 100644
index 00000000..aeec6509
--- /dev/null
+++ b/backend/middleware/jwtAuth.js
@@ -0,0 +1,24 @@
+const JWT = require("jsonwebtoken");
+
+// router level middleware function
+const jwtAuth = (req, res, next) => {
+  
+  // get cookie token(jwt token generated using json.sign()) form the request
+  const token = ( req.cookies?.token) || null;
+
+  // return response if there is no token(jwt token attached with cookie)
+  if (!token) {
+    return res.status(400).json({ success: false, message: "NOT authorized" });
+  }
+
+  // verify the token
+  try {
+    const payload = JWT.verify(token, process.env.SECRET);
+    req.user = { id: payload.id, email: payload.email };
+  } catch (error) {
+    return res.status(400).json({ success: false, message: error.message });
+  }
+  next();
+};
+
+module.exports = jwtAuth;
diff --git a/backend/model/userSchema.js b/backend/model/userSchema.js
new file mode 100644
index 00000000..3a7cb668
--- /dev/null
+++ b/backend/model/userSchema.js
@@ -0,0 +1,73 @@
+const mongoose = require('mongoose');
+const { Schema } = mongoose;
+const crypto = require('crypto');
+const bcrypt = require('bcrypt');
+const JWT = require('jsonwebtoken');
+
+const userSchema = new Schema(
+  {
+    name: {
+      type: String,
+      require: [true, 'user name is Required'],
+
+      trim: true,
+    },
+    email: {
+      type: String,
+      required: [true, 'user email is required'],
+      unique: true,
+      lowercase: true,
+      unique: [true, 'already registered'],
+    },
+    password: {
+      type: String,
+      select: false,
+    },
+    forgotPasswordToken: {
+      type: String,
+    },
+    forgotPasswordExpiryDate: {
+      type: Date,
+    },
+  },
+  { timestamps: true }
+);
+
+// Hash password before saving to the database
+userSchema.pre('save', async function (next) {
+  // If password is not modified then do not hash it
+  if (!this.isModified('password')) return next();
+  this.password = await bcrypt.hash(this.password, 10);
+  return next();
+});
+
+// FIXME: Check if these methods are working as expected
+userSchema.methods = {
+  //method for generating the jwt token
+  jwtToken() {
+    return JWT.sign(
+      { id: this._id, email: this.email },
+      process.env.SECRET,
+      { expiresIn: '24h' } // 24 hours
+    );
+  },
+
+  //userSchema method for generating and return forgotPassword token
+  getForgotPasswordToken() {
+    const forgotToken = crypto.randomBytes(20).toString('hex');
+    //step 1 - save to DB
+    this.forgotPasswordToken = crypto
+      .createHash('sha256')
+      .update(forgotToken)
+      .digest('hex');
+
+    /// forgot password expiry date
+    this.forgotPasswordExpiryDate = Date.now() + 20 * 60 * 1000; // 20min
+
+    //step 2 - return values to user
+    return forgotToken;
+  },
+};
+
+const userModel = mongoose.model('user', userSchema);
+module.exports = userModel;
diff --git a/backend/package-lock.json b/backend/package-lock.json
new file mode 100644
index 00000000..ec65e660
--- /dev/null
+++ b/backend/package-lock.json
@@ -0,0 +1,1910 @@
+{
+  "name": "backend",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "backend",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "bcrypt": "^5.1.1",
+        "cookie-parser": "^1.4.6",
+        "cors": "^2.8.5",
+        "dotenv": "^16.4.5",
+        "email-validator": "^2.0.4",
+        "express": "^4.21.0",
+        "jsonwebtoken": "^9.0.2",
+        "mongoose": "^8.6.3",
+        "nodemon": "^3.1.5"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "make-dir": "^3.1.0",
+        "node-fetch": "^2.6.7",
+        "nopt": "^5.0.0",
+        "npmlog": "^5.0.1",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
+    "node_modules/@mongodb-js/saslprep": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.1.9.tgz",
+      "integrity": "sha512-tVkljjeEaAhCqTzajSdgbQ6gE6f3oneVwa3iXR6csiEwXXOFsiC6Uh9iAjAhXPtqa/XMDHWjjeNH/77m/Yq2dw==",
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
+    "node_modules/@types/webidl-conversions": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz",
+      "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA=="
+    },
+    "node_modules/@types/whatwg-url": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-11.0.5.tgz",
+      "integrity": "sha512-coYR071JRaHa+xoEvvYqvnIHaVqaYrLPbsufM9BF63HkwI5Lgmy2QR8Q5K/lYDYo5AK82wOvSOS0UsLTpTG7uQ==",
+      "dependencies": {
+        "@types/webidl-conversions": "*"
+      }
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/agent-base/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/agent-base/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/aproba": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
+      "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ=="
+    },
+    "node_modules/are-we-there-yet": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "deprecated": "This package is no longer supported.",
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/bcrypt": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-5.1.1.tgz",
+      "integrity": "sha512-AGBHOG5hPYZ5Xl9KXzU5iKq9516yEmvCKDg3ecP5kX2aB6UqTeXZxk2ELnDgDm6BQSMlLt9rDB4LoSMx0rYwww==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.11",
+        "node-addon-api": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.13.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/bson": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-6.8.0.tgz",
+      "integrity": "sha512-iOJg8pr7wq2tg/zSlCCHMi3hMm5JTOxLTagf3zxhcenHsFp+c6uOs6K7W5UE7A4QIJGtqh/ZovFNMP4mOPJynQ==",
+      "engines": {
+        "node": ">=16.20.1"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA=="
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+    },
+    "node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ=="
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
+      "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-parser": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/cookie-parser/-/cookie-parser-1.4.6.tgz",
+      "integrity": "sha512-z3IzaNjdwUC2olLIB5/ITd0/setiaFMLYiZJle7xg5Fe9KWAceil7xszYfHHBtDFYLSgJduS2Ty0P1uJdPDJeA==",
+      "dependencies": {
+        "cookie": "0.4.1",
+        "cookie-signature": "1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ=="
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.4.5",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+    },
+    "node_modules/email-validator": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/email-validator/-/email-validator-2.0.4.tgz",
+      "integrity": "sha512-gYCwo7kh5S3IDyZPLZf6hSS0MnZT8QmJFqYvbqlDZSbwdZlY6QZWxJ4i/6UhITOJ4XzyI647Bm2MXKCLqnJ4nQ==",
+      "engines": {
+        "node": ">4.0"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.0.tgz",
+      "integrity": "sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.3",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.6.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.3.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.10",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.13.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/express/node_modules/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fs-minipass/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "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",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gauge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
+      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "deprecated": "This package is no longer supported.",
+      "dependencies": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.2",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.1",
+        "object-assign": "^4.1.1",
+        "signal-exit": "^3.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ=="
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/https-proxy-agent/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/https-proxy-agent/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA=="
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/jsonwebtoken": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
+      "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
+      "dependencies": {
+        "jws": "^3.2.2",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/jsonwebtoken/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/jwa": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz",
+      "integrity": "sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==",
+      "dependencies": {
+        "buffer-equal-constant-time": "1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
+      "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
+      "dependencies": {
+        "jwa": "^1.4.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/kareem": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.6.3.tgz",
+      "integrity": "sha512-C3iHfuGUXK2u8/ipq9LfjFfXFxAZMQJJq7vLS45r3D9Y2xQ/m4S8zaR4zMLFWh9AsNPXmcFfUDhTEO8UIC/V6Q==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w=="
+    },
+    "node_modules/lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg=="
+    },
+    "node_modules/lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA=="
+    },
+    "node_modules/lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw=="
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="
+    },
+    "node_modules/lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw=="
+    },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg=="
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg=="
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minizlib/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mongodb": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.8.0.tgz",
+      "integrity": "sha512-HGQ9NWDle5WvwMnrvUxsFYPd3JEbqD3RgABHBQRuoCEND0qzhsd0iH5ypHsf1eJ+sXmvmyKpP+FLOKY8Il7jMw==",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.1.5",
+        "bson": "^6.7.0",
+        "mongodb-connection-string-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.1.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.2.2",
+        "socks": "^2.7.1"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mongodb-connection-string-url": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-3.0.1.tgz",
+      "integrity": "sha512-XqMGwRX0Lgn05TDB4PyG2h2kKO/FfWJyCzYQbIhXUxz7ETt0I/FqHjUeqj37irJ+Dl1ZtU82uYyj14u2XsZKfg==",
+      "dependencies": {
+        "@types/whatwg-url": "^11.0.2",
+        "whatwg-url": "^13.0.0"
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "8.6.3",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-8.6.3.tgz",
+      "integrity": "sha512-++yRmm7hjMbqVA/8WeiygTnEfrFbiy+OBjQi49GFJIvCQuSYE56myyQWo4j5hbpcHjhHQU8NukMNGTwAWFWjIw==",
+      "dependencies": {
+        "bson": "^6.7.0",
+        "kareem": "2.6.3",
+        "mongodb": "6.8.0",
+        "mpath": "0.9.0",
+        "mquery": "5.0.0",
+        "ms": "2.1.3",
+        "sift": "17.1.3"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/mongoose/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/mpath": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
+      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
+      "integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
+      "dependencies": {
+        "debug": "4.x"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/mquery/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mquery/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
+      "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA=="
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-fetch/node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+    },
+    "node_modules/node-fetch/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+    },
+    "node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/nodemon": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.5.tgz",
+      "integrity": "sha512-V5UtfYc7hjFD4SI3EzD5TR8ChAHEZ+Ns7Z5fBk8fAbTVAj+q3G+w7sHJrHxXBkVn6ApLVTljau8wfHwqmGUjMw==",
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^4",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.1.2",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/nodemon/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/nodemon/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npmlog": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
+      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "deprecated": "This package is no longer supported.",
+      "dependencies": {
+        "are-we-there-yet": "^2.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^3.0.0",
+        "set-blocking": "^2.0.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
+      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
+      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w=="
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sift": {
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-17.1.3.tgz",
+      "integrity": "sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ=="
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/touch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.1.tgz",
+      "integrity": "sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==",
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
+      "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
+      "dependencies": {
+        "punycode": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA=="
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-13.0.0.tgz",
+      "integrity": "sha512-9WWbymnqj57+XEuqADHrCJ2eSXzn8WXIW/YSGaZtb2WKAInQ6CHfaUUcTyyver0p8BDg5StLQq8h1vtZuwmOig==",
+      "dependencies": {
+        "tr46": "^4.1.1",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/wide-align": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+      "dependencies": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    }
+  }
+}
diff --git a/backend/package.json b/backend/package.json
new file mode 100644
index 00000000..7380d996
--- /dev/null
+++ b/backend/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "backend",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start":"nodemon ./index.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "bcrypt": "^5.1.1",
+    "cookie-parser": "^1.4.6",
+    "cors": "^2.8.5",
+    "dotenv": "^16.4.5",
+    "email-validator": "^2.0.4",
+    "express": "^4.21.0",
+    "jsonwebtoken": "^9.0.2",
+    "mongoose": "^8.6.3",
+    "nodemon": "^3.1.5"
+  }
+}
diff --git a/backend/router/authRoute.js b/backend/router/authRoute.js
new file mode 100644
index 00000000..48f66e0e
--- /dev/null
+++ b/backend/router/authRoute.js
@@ -0,0 +1,21 @@
+const express = require("express");
+const authRouter = express.Router();
+const jwtAuth = require("../middleware/jwtAuth.js");
+
+const {
+  signUp,
+  signIn,
+  forgotPassword,
+  resetPassword,
+  getUser,
+  logout
+} = require("../controller/authController.js");
+
+authRouter.post("/signup", signUp);
+authRouter.post("/signin", signIn);
+
+
+authRouter.get("/user", jwtAuth, getUser);
+authRouter.get("/logout", jwtAuth, logout);
+
+module.exports = authRouter;

From 74afa6d663b32a7daa0cb637ca21a2514c123030 Mon Sep 17 00:00:00 2001
From: WednesdaySP <shashiprabha2737@gmail.com>
Date: Tue, 8 Oct 2024 21:59:20 +0530
Subject: [PATCH 04/26] count btn updated

---
 .vscode/settings.json |  2 +-
 Html-files/cart.html  | 22 ++++++++++++++++------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 3d25faff..ba4021ef 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
 
-    "liveServer.settings.port": 5502
+    "liveServer.settings.port": 5503
 }
diff --git a/Html-files/cart.html b/Html-files/cart.html
index 1abd027f..0fbda38d 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -220,25 +220,35 @@
     }
 
     .decrease-quantity {
-      padding-inline: 10px;
-      background: #1454f7;
+      padding-inline: 12px;
+      background: #a52a2a;
       border: none;
       border-radius: 2px;
       font-size: 20px;
       font-weight: 500;
-      color: #cbf7e3;
+      color: white;
+      margin: 5px;
+    }
+    .decrease-quantity:hover{
+      background-color: white;
+      color: #a52a2a;
     }
 
     .increase-quantity {
-      padding-inline: 10px;
-      background: #1454f7;
+      padding-inline: 12px;
+      background: #a52a2a;
       border: none;
       border-radius: 2px;
       font-size: 20px;
       font-weight: 500;
-      color: #cbf7e3;
+      color: white;
+      margin: 5px;
     }
 
+    .increase-quantity:hover{
+      background-color: white;
+      color:#a52a2a;
+    }
     #cart-total {
       background: #a52a2a;
       padding: 3px 5px;

From 3d7b307be1e46e28b3746174c8343e7ac4e0de3d Mon Sep 17 00:00:00 2001
From: Kritika754 <yadavkritika745@gmail.com>
Date: Sun, 13 Oct 2024 21:55:01 +0530
Subject: [PATCH 05/26] updated card styling

---
 index.html | 8 ++++++--
 style.css  | 2 ++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index ca578726..ee972c87 100644
--- a/index.html
+++ b/index.html
@@ -293,14 +293,18 @@
     background-color:transparent; /* Optional for visual separation */
     border-radius: 10px;
     padding: 20px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.226);
     display: flex;
     flex-direction: column; /* Stack content vertically */
     align-items: center;
     max-width: 350px; /* Maximum width of each card */
     flex: 1 1 280px; /* Allow boxes to grow and shrink */
     min-width: 300px; /* Minimum width for responsiveness */
-    min-height: 480px; /* Minimum height for the card */
+    min-height: 200px; /* Minimum height for the card */
+}
+
+.box:hover{
+    border: 1px solid black;
 }
 
 .card-image {
diff --git a/style.css b/style.css
index e7549cae..28d05584 100644
--- a/style.css
+++ b/style.css
@@ -250,6 +250,8 @@ body {
     .order_btn:hover {
         background-color: hsl(357, 82%, 45%);
     }
+
+    
     
 
 

From 36a7917957f31b9b48fcbb373fa04591aeefa283 Mon Sep 17 00:00:00 2001
From: Diya Saha <168462932+Diya-Saha2005@users.noreply.github.com>
Date: Sun, 13 Oct 2024 22:37:18 +0530
Subject: [PATCH 06/26] Change in the menu-item section

Changes made are:
1. Added few more food tabs
2. Corrected some spelling mistakes
3. Added a horizontal scroll bar for easy access
---
 index.html | 42 +++++++++++++++++++++++++++++-------------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index d148c6a7..02b8b16f 100644
--- a/index.html
+++ b/index.html
@@ -549,31 +549,47 @@ <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">"Get r
 
         </div>
 
-        <div class="menu_items">
+        <div class="menu_items" style="overflow-x: auto;">
             <div class="items" data-aos="zoom-in">
-                <img
-                    src="https://www.mumbailive.com/images/media/images/thali_1635502261446jpeg?bg=08394e&crop=5328%2C2991.157894736842%2C0%2C504.42105263157896&fit=crop&fm=webp&h=432.2807017543859&height=4000&w=770&width=5328">
-                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Indian Thali</h3>
-                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Enjoy a thali full of traditional flavours and memotries</p>
+                <img src="https://www.mumbailive.com/images/media/images/thali_1635502261446jpeg?bg=08394e&crop=5328%2C2991.157894736842%2C0%2C504.42105263157896&fit=crop&fm=webp&h=432.2807017543859&height=4000&w=770&width=5328">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Indian Cuisine</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Enjoy a thali full of traditional flavours and memories</p>
             </div>
             <div class="items" data-aos="zoom-in">
-                <img
-                    src="https://imgmediagumlet.lbb.in/media/2018/04/5acf822418a23c0efc21496b_1523548708582.jpg?fm=webp&w=750&h=500&dpr=1">
+                <img src="https://imgmediagumlet.lbb.in/media/2018/04/5acf822418a23c0efc21496b_1523548708582.jpg?fm=webp&w=750&h=500&dpr=1">
                 <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Dessert</h3>
                 <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Complete your meal with mouth watering delicacies</p>
             </div>
-            <div class="items"data-aos="zoom-in">
-                <img
-                    src="https://imgmediagumlet.lbb.in/media/2019/07/5d27585dc18a2b0ed5739eb5_1562859613517.jpg?fm=webp&w=750&h=500&dpr=1">
+            <div class="items" data-aos="zoom-in">
+                <img src="https://imgmediagumlet.lbb.in/media/2019/07/5d27585dc18a2b0ed5739eb5_1562859613517.jpg?fm=webp&w=750&h=500&dpr=1">
                 <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Snacks</h3>
-                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Have a lighter version with deliciouis flavours</p>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Have a lighter version with delicious flavours</p>
             </div>
-            <div class="items"data-aos="zoom-in">
+            <div class="items" data-aos="zoom-in">
                 <img src="https://static.india.com/wp-content/uploads/2017/04/Juices-Delhi.jpg">
                 <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Juices</h3>
                 <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Boost yourself up with fruit extracts</p>
             </div>
-
+            <div class="items" data-aos="zoom-in">
+                <img src="https://media.istockphoto.com/id/1133151212/photo/japanese-dumplings-gyoza-with-pork-meat-and-vegetables.jpg?s=612x612&w=0&k=20&c=vC6GTUDGK6dD5_QHvY1V7fVUdPx-z4TG73DUACR_L5s=">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Chinese Cuisine</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Indulge in the flavours of the Chinese Delights</p>
+            </div>
+            <div class="items" data-aos="zoom-in">
+                <img src="https://i.pinimg.com/236x/80/73/9f/80739fa37818b4739f6667358517176c.jpg">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Mocktails</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Enjoy refreshing mocktails with a subtle kick of booze</p>
+            </div>
+            <div class="items"data-aos="zoom-in">
+                <img src="https://pbs.twimg.com/media/E_g-7ziWQAU685E.jpg">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Italian Cuisine</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Taste some Authentic Italian Culinary Excellence</p>
+            </div>
+            <div class="items"data-aos="zoom-in">
+                <img src="https://media.licdn.com/dms/image/D4D12AQE64GYpirojgA/article-cover_image-shrink_720_1280/0/1678769835024?e=2147483647&v=beta&t=U2YS-nsn9CnwpcglWkS77XgbxIir0FTtBcpSthp9h8g">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Beverages</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Grab the cup of joy in a world of chaos</p>
+            </div>
         </div>
     </section>
 

From 8b921b1a3feebb6b09df78c589e9cacdd5d6946b Mon Sep 17 00:00:00 2001
From: Raj Shekhar <sanjayrajs123@gmail.com>
Date: Mon, 14 Oct 2024 00:41:14 +0530
Subject: [PATCH 07/26] successfully added hover feature to footer panel

---
 index.html | 41 ++++++++++++++++++++++++++++-------------
 style.css  |  7 +++++--
 2 files changed, 33 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 5dcb55b4..335d50ef 100644
--- a/index.html
+++ b/index.html
@@ -15,6 +15,7 @@
         }
     </style>
      
+    
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="/Css-files/navbarstyles.css">
@@ -39,8 +40,8 @@
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
-        
         <link rel="stylesheet" href="./style.css">
+       
  
     <style>
 
@@ -70,6 +71,20 @@
             box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
             padding: 20px; /* Padding inside the container */
         }
+
+        .footer .foot-panel2 ul  a {
+            color: black!important;
+            text-decoration: none !important;
+            transition: transform 0.2s ease, text-decoration-color 0.2s ease;
+            
+         }
+
+        .footer .foot-panel2 ul a:hover{
+            text-decoration: underline !important;
+            transform: scale(1.05);
+            text-decoration-color: black !important;
+            
+        }
     </style>
 
     <style>
@@ -909,21 +924,21 @@ <h2 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Downlo
             <div class="foot-panel2" style="background-color:hsl(20, 43%, 93%);font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
                 <ul>
                     <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);text-align: left;">Our Pages</p>
-                    <a href="#" style="color: black;">Home</a>
-                    <a href="Html-files/menu.html" style="color: black;">About</a>
-                    <a href="Html-files/services.html" style="color: black;">Services</a>
-                    <a href="Html-files/contact.html" style="color: black;">Contact us</a>
-                    <a href="Html-files/cart.html" style="color: black;">Cart</a>
+                    <a href="#" >Home</a>
+                    <a href="Html-files/menu.html" >About</a>
+                    <a href="Html-files/services.html" >Services</a>
+                    <a href="Html-files/contact.html" >Contact us</a>
+                    <a href="Html-files/cart.html" >Cart</a>
                 </ul>
                 <ul>
                     <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher); text-align:left"> Exclusive Offers</p>
-                    <a href="#" style="color: black;">Retro Discounts</a>
-                    <a href="#" style="color: black;">Limited-Time Promotions</a>
-                    <a href="#" style="color: black;">Special Event Packages</a>
-                    <a href="#" style="color: black;">Membership Benefits</a>
-                    <a href="#" style="color: black;">Early Access to New Collections</a>
-                    <a href="#" style="color: black;">VIP Retro Events</a>
-                    <a href="#" style="color: black;">Personalized Culinary Experiences</a>
+                    <a href="#" >Retro Discounts</a>
+                    <a href="#" >Limited-Time Promotions</a>
+                    <a href="#" >Special Event Packages</a>
+                    <a href="#" >Membership Benefits</a>
+                    <a href="#" >Early Access to New Collections</a>
+                    <a href="#" >VIP Retro Events</a>
+                    <a href="#" >Personalized Culinary Experiences</a>
 
                 </ul>
                 <ul>
diff --git a/style.css b/style.css
index e7549cae..38eeb818 100644
--- a/style.css
+++ b/style.css
@@ -605,7 +605,7 @@ ul a {
   display: block;
   font-size: 0.85rem;
   margin-top: 10px;
-  color: #dddddd;
+  /* color: #dddddd; */
   text-decoration: none;
 }
 
@@ -809,6 +809,8 @@ textarea {
     margin-top: 20px;
   }
 
+  
+
   input,
   textarea {
     height: 30px;
@@ -1097,4 +1099,5 @@ padding-left:2px;
   cursor: pointer;
   margin-top: 5px;
   width: 60%;
-}
\ No newline at end of file
+}
+

From 1aef4f058d0112add9c83becb7f03e90827f85b7 Mon Sep 17 00:00:00 2001
From: priya <priyaaashu4@gmail.com>
Date: Mon, 14 Oct 2024 11:29:22 +0530
Subject: [PATCH 08/26] changes

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f30503b0..4c7cdc12 100644
--- a/index.html
+++ b/index.html
@@ -487,11 +487,12 @@
     
     .dark-mode #darkModeToggle {
         background-color: #495057; 
-        color: white; 
+        color: white !important; 
     }
     
     .dark-mode #darkModeToggle:hover {
         background-color: #6c757d; 
+       ;
     }
     
     .dark-mode #darkModeToggle .fas {

From a94bf1021db0f99cbbb5d93471632c15df883404 Mon Sep 17 00:00:00 2001
From: Krish Patel <krish@Krishs-MacBook-Pro.local>
Date: Mon, 14 Oct 2024 14:13:19 +0530
Subject: [PATCH 09/26] fixed

---
 .DS_Store               | Bin 8196 -> 8196 bytes
 Html-files/contact.html |   2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/.DS_Store b/.DS_Store
index 1266bffa33007717665cb42e10c7527e45e7af07..c0fc53abd80f5f16340cbe64a412364f1cf81e69 100644
GIT binary patch
delta 620
zcmZ8fJ5Rz;6h1|?tq)RA6Qa?OxFQnkBgR3ai%uqDH1QGALY0Qni?o1-AP!DC_-LX|
z{s+RKKf^`;hl`1mepFE4+~J&?^F7YF?ZxuN^3BHZC=qc)5|K?2%92S(>qhnXp1(aG
zsPTeVkn0GM6jF&%z7@q1s=-urLH4{MN50)4a{8tGppOz@7&sa#n{;B%YaqDmLZ6yY
z&_-OK35W)Jo8qui$igj&`Vd6J?d4EmJa^2~b)(as^En0SqtXY2g~OmaO*8*Xwc@!k
zY<<=;gP&6HOi&t54E`GB;H*KX<yqPkt~wM1C@{*5gY@@~ZG^8n!P)mOReEU+vKg#3
z*;o%oYSGFz-t$Gx8oFgiqwk!j%iG<<^CI8JAH-6u7_${SZ>=b~z4~p7F+*+Ein^_9
z#ke%I%1m3)O)cjV^rQyJ{*G=YS#gEs&E&4-l4HLeQ53|u6fBiy<k@g&T9(V<P-#Jq
zhC}o6T)8X?!xK}BoAI=fG1(=)7J|bM<HkTEH`7(^(f{D77VfwjAN=&zo&zUbwQ$Y-
E0Mc!t?EnA(

delta 73
zcmV-P0Ji^xK!iY$PZbmZ0003101yBGE&yr(b4hG(V`6Nvah3;>fDN+;2m}ZL6q7y>
fb(2F8=9AG9G_&ColmfFa4A=v+2N?DQv3Lgq#W)p|

diff --git a/Html-files/contact.html b/Html-files/contact.html
index d01a6289..92431e20 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -741,7 +741,7 @@ <h1 style="color: hsl(357, 53%, 8%); font-family: Tahoma, sans-serif;">
                                             <div class="col-md-4">
                                                 <input type="submit" class="btn btn-send btn-block"
                                                     value="Send Message"
-                                                    style="background-color: #ffc1b7; color: black; text-align: center; font-family: 'Philosopher', sans-serif; padding: 12px 0; border: 1px solid black; height: 50px;">
+                                                    style="background-color: #ffc1b7; color: black; text-align: center; font-family: 'Philosopher', sans-serif; padding: 12px 0; border: 1px solid black; height: auto;">
                                             </div>
                                         </div>
                                     </div>

From ef0eb3f9ca86ac9d7e6bab14fa9b7e7f9a62f283 Mon Sep 17 00:00:00 2001
From: Krish Patel <krish@Krishs-MacBook-Pro.local>
Date: Mon, 14 Oct 2024 15:12:20 +0530
Subject: [PATCH 10/26] Alignment fixed

---
 Html-files/services.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/Html-files/services.html b/Html-files/services.html
index 519e7817..d5049106 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -183,6 +183,11 @@
     }
 }
 
+.deals {
+    align-items: center;
+    text-align: center;
+}
+
 .deals:hover {
     background-color: hsl(203, 30%, 95%); /* Optional: change background on hover */
 }
@@ -192,6 +197,10 @@
  color: hsl(203, 30%, 50%); 
 }
 
+.dealsp {
+    margin: 0;
+}
+
 .social-icons a {
   font-size: 1.2rem;
   padding: 8px;

From 763ac83007a06537c6294f66e5deb3e37a013012 Mon Sep 17 00:00:00 2001
From: harshpareshbhaigosalya <harshgosaliya9@gmail.com>
Date: Mon, 14 Oct 2024 19:18:01 +0530
Subject: [PATCH 11/26] Make css proper

---
 Html-files/menu.html | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/Html-files/menu.html b/Html-files/menu.html
index 3a035e55..0ec0a6d7 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -29,17 +29,23 @@
         rel="stylesheet">
     <link rel="stylesheet" href="../Css-files/content.css">
     <style>
-        /* Initial styling for the image */
-        .menu {
-            transition: transform 0.3s ease;
-            /* Smooth transition for the zoom effect */
-        }
-
-        /* Zoom effect on hover */
-        .menu:hover {
-            transform: scale(1.1);
-            /* Scale the image to 110% of its original size */
-        }
+       /* Initial styling for the image */
+.menu {
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    /* Smooth transition for zoom and shadow effect */
+    transform-origin: center center;
+    /* Ensures zoom originates from the center of the image */
+    backface-visibility: hidden;
+    /* Prevents flickering */
+}
+
+/* Zoom effect on hover */
+.menu:hover {
+    transform: scale(1.1);
+    /* Scale the image to 110% of its original size */
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+    /* Adds a shadow for better visual feedback */
+}
 
 
         @media (max-width: 768px) {

From 52d7a46bed246d17d750dd9780317167c1023d48 Mon Sep 17 00:00:00 2001
From: srishti <srishtichoudhary52@gmail.com>
Date: Mon, 14 Oct 2024 19:34:56 +0530
Subject: [PATCH 12/26] Responsiveness to all pages

---
 Css-files/about.css         |   2 +-
 Css-files/content.css       |   5 +-
 Css-files/login1.css        |   2 +-
 Css-files/signup1.css       |   4 +-
 Html-files/booknow.html     |   8 +-
 Html-files/contact.html     |  25 +++---
 Html-files/forgot-pass.html |   4 +-
 Html-files/login.html       | 156 ++++++++++++++++++++++++------------
 Html-files/menu.html        |  46 +++++------
 Html-files/services.html    |  11 +--
 index.html                  |   4 +
 style.css                   |   3 +
 12 files changed, 161 insertions(+), 109 deletions(-)

diff --git a/Css-files/about.css b/Css-files/about.css
index 46e4c152..27ec4701 100644
--- a/Css-files/about.css
+++ b/Css-files/about.css
@@ -105,7 +105,7 @@
   }
   .mainhead h1 {
     font-family: Georgia;
-    font-size: 3.8rem;
+    font-size: 3rem;
     color: white;
     padding-bottom: 20px;
   }
diff --git a/Css-files/content.css b/Css-files/content.css
index 7dbdf3be..312b0685 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -123,7 +123,7 @@ body {
 }
 .mainhead h1 {
   font-family: Georgia;
-  font-size: 3.8rem;
+  font-size: 3rem;
   color: white;
   padding-bottom: 20px;
 }
@@ -240,6 +240,7 @@ input[type="submit"]:hover {
 
 .first_cont {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
 }
 
@@ -288,6 +289,7 @@ input[type="submit"]:hover {
 }
 .second_cont{
   display: flex;
+  flex-wrap: wrap;
   padding: 40px;
   justify-content: center;
 }
@@ -562,7 +564,6 @@ td{
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  width: 20rem;
   height: max-content;
 }
 
diff --git a/Css-files/login1.css b/Css-files/login1.css
index 3ba147a6..cbe234ea 100644
--- a/Css-files/login1.css
+++ b/Css-files/login1.css
@@ -129,7 +129,7 @@ body {
 }
 
 .textfield > input {
-  width: 100%;
+  width: 95%;
   height: 45px;
   border-radius: 15px;
   border: 1px solid #b38484;
diff --git a/Css-files/signup1.css b/Css-files/signup1.css
index 11321066..ce2ce7f5 100644
--- a/Css-files/signup1.css
+++ b/Css-files/signup1.css
@@ -24,7 +24,6 @@ body {
   align-items: center;
   height: 100vh; /* Full viewport height */
   padding: 20px; /* Padding to avoid overflow */
-  overflow: hidden; /* Prevents overflow */
   position:relative;
 }
 
@@ -154,14 +153,13 @@ body {
 }
 
 /* Responsive design for smaller screens */
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 980px) {
   .main-login {
     flex-direction: column;
     padding: 0 20px; /* Added padding to avoid edge overflow */
   }
 
   .card-login {
-    width: 100%; /* Full width for mobile */
     padding: 20px; /* Adjust padding */
   }
 }
diff --git a/Html-files/booknow.html b/Html-files/booknow.html
index 20582276..50b03c84 100644
--- a/Html-files/booknow.html
+++ b/Html-files/booknow.html
@@ -66,16 +66,14 @@
             padding: 0.5em 0;
         }
         .gallery {
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: space-around;
-            gap: 1em;
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 3 columns with a minimum size of 300px */
+            gap: 3rem;
         }
         .gallery .item {
             border: 1px solid #ddd;
             border-radius: 5px;
             overflow: hidden;
-            width: 23%;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
             transition: transform 0.2s;
             text-align: center;
diff --git a/Html-files/contact.html b/Html-files/contact.html
index d01a6289..29a10071 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -204,7 +204,7 @@
         .foot-panel2 {
             background-color: rgb(138, 37, 37);
             color: white;
-            height: 300px;
+            height: auto;
             /* height: fit-content; */
             display: flex;
             /* padding: 10px; */
@@ -237,7 +237,7 @@
             flex-direction: column;
             justify-content: center;
             align-items: center;
-            width: 20rem;
+            width: 100%;
             height: max-content;
         }
 
@@ -251,6 +251,7 @@
         }
 
         #contactForm h3 {
+            margin-top: 10px;
             height: 30px;
             color: #141414;
         }
@@ -273,7 +274,7 @@
         .foot_panel4 {
             background-color: rgb(66, 16, 16);
             color: white;
-            height: 160px;
+            height: 0px;
             font-size: 0.9rem;
             text-align: center;
         }
@@ -793,16 +794,20 @@ <h1 style="color: hsl(357, 53%, 8%); font-family: Tahoma, sans-serif;">
                     <a href="./Html-files/payment2.html" style="color: black;">Mobile Wallets</a>
                     <a href="./Html-files/payment2.html" style="color: black;">Contactless Payments</a>
                 </ul>
+            </div>
+
+
+            <div class="foot_panel4" style="background-color: transparent;">
                 <form id="contactForm">
                     <h3 style="font-family: var(--ff-philosopher); color: hsl(357, 82%, 35%);">Contact Us!</h3>
                 
-                    <div style="position: relative; margin-bottom: 15px;">
+                    <div style="position: relative; margin-bottom: 15px; width: 50%;">
                         <i class="fas fa-envelope" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 14px; color: gray;"></i>
                         <input type="email" id="email" name="email" placeholder="Your Email" required 
                                style="padding-left: 30px;">
                     </div>
                 
-                    <div style="position: relative; margin-bottom: 15px;">
+                    <div style="position: relative; margin-bottom: 15px; width: 50%;">
                         <i class="fas fa-comment" style="position: absolute; left: 10px; top: 10px; font-size: 14px; color: gray;"></i>
                         <textarea id="message" name="message" placeholder="Your Message" required 
                                   style="padding-left: 30px;"></textarea>
@@ -810,16 +815,6 @@ <h3 style="font-family: var(--ff-philosopher); color: hsl(357, 82%, 35%);">Conta
                 
                     <button id="butt" type="submit" style="font-family: ui-serif;">Send Message</button>
                 </form>
-                
-                
-                
-                  
-                
-
-            </div>
-
-
-            <div class="foot_panel4" style="background-color: transparent;">
                 <div class="pages">
                     <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow Us</h4>
 
diff --git a/Html-files/forgot-pass.html b/Html-files/forgot-pass.html
index 07fe7eaf..63b7b183 100644
--- a/Html-files/forgot-pass.html
+++ b/Html-files/forgot-pass.html
@@ -32,7 +32,9 @@
       <div class="circle" style="background-color: rgb(96, 0, 95) !important; left: 504px; top: 59px; scale: 0.05;"></div>
   </div>
       <div class="home-btn"><a href="../index.html" style="font-family: var(--ff-philosopher);"><b>Retro</b></a></div>
-      <div class="container">
+      <div class="container" style="display: flex;
+      align-items: center;
+      justify-content: center;">
         <div class="card-forgot">
             <h1>Forgot Password</h1>
             <form id="forgotPassForm">
diff --git a/Html-files/login.html b/Html-files/login.html
index ecdbcf41..9ebeb68b 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -16,39 +16,59 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
     <style>
-
-      .circle{
-      z-index: 998;
-      width: 20px;
-      height: 20px;
-      border-radius: 50%;
-      pointer-events: none;
-      animation: colors 5s infinite;
-      position: fixed;
-      transform: translate(-50%,-50%);
+      /* General styles for the circles */
+      .circle-container {
+        position: relative;
+      }
+    
+      .circle {
+        z-index: 998;
+        width: 20px;
+        height: 20px;
+        border-radius: 50%;
+        pointer-events: none;
+        animation: colors 5s infinite;
+        position: fixed;
+        transform: translate(-50%, -50%);
       }
+    
       .circle::before {
-      content: "";
-      position: fixed;
-      width: 50px;
-      height: 50px;
-      opacity: 0.2;
-      transform: translate(-30%,-30%);
-      border-radius: 50%;
+        content: "";
+        position: fixed;
+        width: 50px;
+        height: 50px;
+        opacity: 0.2;
+        transform: translate(-30%, -30%);
+        border-radius: 50%;
       }
-      </style>
-      <style>
-        .container {
+    
+      /* Main container */
+      .main-login {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        min-height: 100vh;
+        overflow-y: auto;
+      }
+    
+      /* Styling for left side (login info) */
+      .left-login {
+        flex: 1;
+        text-align: center;
+        padding: 20px;
+      }
+    
+      .container {
         width: 350px;
         height: 500px;
         perspective: 800px;
       }
-      
+    
       .container:hover > .card {
         cursor: pointer;
         transform: rotateY(180deg);
       }
-      
+    
       .card {
         height: 100%;
         width: 100%;
@@ -57,7 +77,7 @@
         transform-style: preserve-3d;
         border-radius: 40px;
       }
-      
+    
       .front,
       .back {
         height: 100%;
@@ -67,14 +87,14 @@
         position: absolute;
         backface-visibility: hidden;
       }
-      
+    
       .front {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
       }
-      
+    
       .back {
         background-color: #3a3a3a;
         transform: rotateY(180deg);
@@ -84,40 +104,72 @@
         align-items: center;
         gap: 5rem;
       }
-      :root{
-                  --ff-philosopher: "Philosopher", sans-serif;
-                  --ff-poppins: "Poppins", sans-serif;
-              }
-      </style>
-      <style>
-        /* Styles for the switch link */
-        .switch-link {
-          margin-top: 20px;
-          font-family: var(--ff-poppins);
-          text-align: center;
-          color: hsl(203, 30%, 26%);
+    
+
+    
+      /* Media Queries for smaller screens */
+      @media (max-width: 768px) {
+        .main-login {
+          flex-direction: column;
         }
     
-        .switch-link a {
-          color: hsl(0, 100%, 50%);
-          text-decoration: none;
-          font-weight: bold;
-          transition: color 0.3s ease;
+        .container {
+          width: 300px;
+          height: 400px;
+        }
+    
+        .left-login,
+        .right-login {
+          flex: unset;
+          width: 100%;
+          padding: 10px;
+        }
+    
+        .card-login {
+          padding: 15px;
+          width: 100%;
+        }
+        .right-login{
+          height: 60vh;
+        }
+    
+        .btn-login,
+        #google-login {
+          width: 100%;
+          padding: 12px;
+        }
+    
+        h1 {
+          font-size: 24px;
+        }
+      }
+    
+      @media (max-width: 480px) {
+        .container {
+          width: 250px;
+          height: 350px;
+        }
+    
+        .card-login {
+          padding: 10px;
         }
     
-        .switch-link a:hover {
-          color: hsl(203, 30%, 26%);
+        .textfield label {
+          font-size: 14px;
         }
-        .forgot-link{
-          text-decoration: none;
-          color: #3a3a3a;
-          margin-bottom: 10px;
+    
+        .textfield input {
+          padding: 8px;
         }
-        .forgot-link:hover{
-          text-decoration: underline;
-          color: #000;
+    
+        .btn-login,
+        #google-login {
+          padding: 10px;
+          font-size: 14px;
         }
-      </style>
+      }
+    </style>
+    
 </head>
 <body>
   <div class="circle-container">
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 3a035e55..1fa4b29b 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -734,34 +734,32 @@ <h3 style="font-family:var(--ff-philosopher);">Palsnkin</h3>
                 <a style="font-family: var(--ff-poppins);color: black;">Mobile Wallets</a>
                 <a style="font-family: var(--ff-poppins);color: black;">Contactless Payments</a>
             </ul>
+            <form id="contactForm">
+                <h3 style="font-family: var(--ff-philosopher); color: hsl(357, 82%,35%); font-size: 26px; margin-bottom: 3px;">
+                    Contact Us!
+                </h3>
+            
+                <!-- Email Input with Icon -->
+                <div style="position: relative; margin-bottom: 15px;">
+                    <i class="fas fa-envelope" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 14px; color: hsl(208, 7%,46%);"></i>
+                    <input type="email" id="email" name="email" placeholder="Your Email" required 
+                           style="padding-left: 30px; width: 100%;">
+                </div>
+            
+                <!-- Message Input with Icon -->
+                <div style="position: relative; margin-bottom: 15px;">
+                    <i class="fas fa-comment" style="position: absolute; left: 10px; top: 10px; font-size: 14px; color: hsl(208, 7%,46%);"></i>
+                    <textarea id="message" name="message" placeholder="Your Message" required 
+                              style="padding-left: 30px; width: 100%;"></textarea>
+                </div>
+            
+                <!-- Submit Button -->
+                <button id="butt" type="submit" style="font-family: var(--ff-poppins);">Send Message</button>
+            </form>
 
 <!-- Include Font Awesome -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
 
-<form id="contactForm">
-    <h3 style="font-family: var(--ff-philosopher); color: hsl(357, 82%,35%); font-size: 26px; margin-bottom: 3px;">
-        Contact Us!
-    </h3>
-
-    <!-- Email Input with Icon -->
-    <div style="position: relative; margin-bottom: 15px;">
-        <i class="fas fa-envelope" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 14px; color: hsl(208, 7%,46%);"></i>
-        <input type="email" id="email" name="email" placeholder="Your Email" required 
-               style="padding-left: 30px; width: 100%;">
-    </div>
-
-    <!-- Message Input with Icon -->
-    <div style="position: relative; margin-bottom: 15px;">
-        <i class="fas fa-comment" style="position: absolute; left: 10px; top: 10px; font-size: 14px; color: hsl(208, 7%,46%);"></i>
-        <textarea id="message" name="message" placeholder="Your Message" required 
-                  style="padding-left: 30px; width: 100%;"></textarea>
-    </div>
-
-    <!-- Submit Button -->
-    <button id="butt" type="submit" style="font-family: var(--ff-poppins);">Send Message</button>
-</form>
-
-
 
         </div>
 
diff --git a/Html-files/services.html b/Html-files/services.html
index 519e7817..cbf876d6 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -76,10 +76,14 @@
   transform: translate(-30%,-30%);
   border-radius: 50%;
 }
+html{
+    overflow-x: hidden;
+}
 body{
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
   background-size: cover;
   background-attachment: fixed;
+  overflow-x: hidden;
 }
 ::-webkit-scrollbar {
   width: 10px; 
@@ -609,7 +613,9 @@ <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Retro
                         style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Contactless
                         Payments</a>
                 </ul>
+            </div>
 
+            <div class="foot_panel4" style="font-family: Garamond;">
                 <form id="contactForm">
                     <h3 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">Contact Us!</h3>
                 
@@ -630,11 +636,6 @@ <h3 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">Conta
                     <!-- Submit Button -->
                     <button id="butt" type="submit" style="font-family: var(--ff-poppins); color: hsl(208, 7%, 46%);">Send Message</button>
                 </form>
-                
-
-            </div>
-
-            <div class="foot_panel4" style="font-family: Garamond;">
                 <div class="pages">
                     <h4
                         style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
diff --git a/index.html b/index.html
index ca578726..15999309 100644
--- a/index.html
+++ b/index.html
@@ -333,6 +333,10 @@
     .card-image {
         max-height: 150px; /* Adjust max height for smaller screens */
     }
+    .foot-panel2{
+        display: flex;
+        flex-direction: column;
+    }
 }
 
 
diff --git a/style.css b/style.css
index e7549cae..85f9e748 100644
--- a/style.css
+++ b/style.css
@@ -392,6 +392,9 @@ body {
 
 .menu_items {
   display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+    align-items: center;
   overflow: hidden;
 }
 

From a821860d8a633f00bd7f09dace6ef135e9a6c385 Mon Sep 17 00:00:00 2001
From: Raj Shekhar <sanjayrajs123@gmail.com>
Date: Tue, 15 Oct 2024 00:51:32 +0530
Subject: [PATCH 13/26] updated footer hover effect

---
 index.html | 55 ++++++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 45 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 335d50ef..2302cd22 100644
--- a/index.html
+++ b/index.html
@@ -72,19 +72,54 @@
             padding: 20px; /* Padding inside the container */
         }
 
-        .footer .foot-panel2 ul  a {
-            color: black!important;
+        .footer .foot-panel2 ul {
+            padding: 0; /* Reset padding */
+            list-style: none; /* Remove default bullet points */
+        }
+
+        .footer .foot-panel2 ul  a { 
+            /* /* color: black!important; */
             text-decoration: none !important;
-            transition: transform 0.2s ease, text-decoration-color 0.2s ease;
+            transition:transform 0.2s ease, text-decoration-color 0.2s ease; 
+            /* display: inline-block; */
+            
+
+            text-decoration: none;
+            color: #000;
+            position: relative;
+            padding-bottom: 2px;
             
-         }
+        }
+
+        .footer .foot-panel2 ul a::after{
+            content: '';
+            position: absolute;
+            left: 0;
+            bottom: 0;
+            width: 0;
+            height: 2px;
+            background-color: brown;
+            transition: width  0.3s ease;
+            width:0;
+            
+        }
 
         .footer .foot-panel2 ul a:hover{
+            transform: scale(1.05);
+        }
+
+        .footer .foot-panel2 ul a:hover::after{
+            width:100%;
+        } 
+
+        /* .footer .foot-panel2 ul a:hover{
             text-decoration: underline !important;
             transform: scale(1.05);
             text-decoration-color: black !important;
             
-        }
+        } */
+
+       
     </style>
 
     <style>
@@ -943,11 +978,11 @@ <h2 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Downlo
                 </ul>
                 <ul>
                     <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);text-align:left">Payment Products</p>
-                    <a href="./Html-files/payment2.html" style="color: black;">Secure Checkout</a>
-                    <a href="./Html-files/payment2.html" style="color: black;">Credit/Debit Cards</a>
-                    <a href="./Html-files/payment2.html" style="color: black;">Online Payment</a>
-                    <a href="./Html-files/payment2.html" style="color: black;">Mobile Wallets</a>
-                    <a href="./Html-files/payment2.html" style="color: black;">Contactless Payments</a>
+                    <a href="./Html-files/payment2.html" >Secure Checkout</a>
+                    <a href="./Html-files/payment2.html" >Credit/Debit Cards</a>
+                    <a href="./Html-files/payment2.html" >Online Payment</a>
+                    <a href="./Html-files/payment2.html" >Mobile Wallets</a>
+                    <a href="./Html-files/payment2.html" >Contactless Payments</a>
                 </ul>
                 <form id="contactForm">
                     <h3 style="font-family: var(--ff-philosopher); color: hsl(357, 82%, 35%);">Contact Us!</h3>

From 954e5aedcd5de0e5b0ecdd15bcf9c4f04a56d710 Mon Sep 17 00:00:00 2001
From: Himangshu Sharma <120270398+HS202022@users.noreply.github.com>
Date: Tue, 15 Oct 2024 14:50:47 +0000
Subject: [PATCH 14/26] ADDED TRANSLATOR TOOL

---
 Coverpage.html              | 4 +++-
 Html-files/Electronic.html  | 3 +++
 Html-files/about.html       | 4 +++-
 Html-files/booknow.html     | 4 +++-
 Html-files/cart.html        | 4 +++-
 Html-files/contact.html     | 3 +++
 Html-files/contributor.html | 4 ++++
 Html-files/forgot-pass.html | 3 +++
 Html-files/logged.html      | 4 +++-
 Html-files/login.html       | 4 +++-
 Html-files/menu.html        | 4 +++-
 Html-files/payment2.html    | 4 +++-
 Html-files/services.html    | 4 +++-
 Html-files/signed.html      | 4 +++-
 Html-files/signup.html      | 4 +++-
 index.html                  | 3 +++
 16 files changed, 49 insertions(+), 11 deletions(-)

diff --git a/Coverpage.html b/Coverpage.html
index 2b2a0c16..09d565b9 100644
--- a/Coverpage.html
+++ b/Coverpage.html
@@ -151,6 +151,8 @@
         domain="www.chatbase.co"
         defer>
         </script>
-    
+    <div class="gtranslate_wrapper"></div>
+    <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+    <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 </html>
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
index 7ccb01da..77f466c5 100644
--- a/Html-files/Electronic.html
+++ b/Html-files/Electronic.html
@@ -1223,5 +1223,8 @@ <h2 style="font-family: var(--ff-philosopher); color: black">
       domain="www.chatbase.co"
       defer
     ></script>
+    <div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
   </body>
 </html>
diff --git a/Html-files/about.html b/Html-files/about.html
index 83f0fe9a..79e09c09 100644
--- a/Html-files/about.html
+++ b/Html-files/about.html
@@ -934,7 +934,9 @@ <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
   domain="www.chatbase.co"
   defer>
   </script>
-
+<div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 
 </html>
diff --git a/Html-files/booknow.html b/Html-files/booknow.html
index 20582276..b5fb9a4a 100644
--- a/Html-files/booknow.html
+++ b/Html-files/booknow.html
@@ -196,6 +196,8 @@ <h2 style="color: black;">Our Services</h2>
         domain="www.chatbase.co"
         defer>
         </script>
-    
+    <div class="gtranslate_wrapper"></div>
+    <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+    <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 </html>
diff --git a/Html-files/cart.html b/Html-files/cart.html
index 354536db..d5b9a29e 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -626,7 +626,9 @@ <h4 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">Follow
     domain="www.chatbase.co"
     defer>
     </script>
-
+<div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 
 </html>
diff --git a/Html-files/contact.html b/Html-files/contact.html
index d01a6289..939aaf45 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -853,6 +853,9 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
         </footer>
 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
+<div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 <script>
 
diff --git a/Html-files/contributor.html b/Html-files/contributor.html
index ff371a42..082610f7 100644
--- a/Html-files/contributor.html
+++ b/Html-files/contributor.html
@@ -102,5 +102,9 @@ <h1 class="title">Our Contributors</h1>
         document.getElementById("progress-bar").style.width = scrolled + "%";
       });
     </script>
+
+<div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
   </body>
 </html>
diff --git a/Html-files/forgot-pass.html b/Html-files/forgot-pass.html
index 07fe7eaf..218cb07d 100644
--- a/Html-files/forgot-pass.html
+++ b/Html-files/forgot-pass.html
@@ -127,5 +127,8 @@ <h1>Forgot Password</h1>
       }
     });
   </script>
+  <div class="gtranslate_wrapper"></div>
+  <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+  <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 </html>
diff --git a/Html-files/logged.html b/Html-files/logged.html
index 09175c94..ef8ab8c7 100644
--- a/Html-files/logged.html
+++ b/Html-files/logged.html
@@ -166,6 +166,8 @@
     domain="www.chatbase.co"
     defer>
     </script>
-
+<div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
   </body>
   </html>
\ No newline at end of file
diff --git a/Html-files/login.html b/Html-files/login.html
index 420fec1f..87e54c8a 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -292,6 +292,8 @@ <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</
     domain="www.chatbase.co"
     defer>
     </script>
-
+<div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 </html>
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 3a035e55..9488b488 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -942,7 +942,9 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(304, 14%, 46%);">Follow
         // });
     </script>
     <script src="cart.js"></script>
-
+    <div class="gtranslate_wrapper"></div>
+    <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+    <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/Html-files/payment2.html b/Html-files/payment2.html
index 0ce55daa..38a47ebc 100644
--- a/Html-files/payment2.html
+++ b/Html-files/payment2.html
@@ -343,6 +343,8 @@ <h3>UPI Information</h3>
       domain="www.chatbase.co"
       defer>
       </script>
-  
+  <div class="gtranslate_wrapper"></div>
+  <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+  <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
   </body>
 </html>
diff --git a/Html-files/services.html b/Html-files/services.html
index 519e7817..0182ab3d 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -811,7 +811,9 @@ <h3 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">Conta
         domain="www.chatbase.co"
         defer>
         </script>
-    
+    <div class="gtranslate_wrapper"></div>
+    <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+    <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 
 
diff --git a/Html-files/signed.html b/Html-files/signed.html
index 29054bfd..bcaf7502 100644
--- a/Html-files/signed.html
+++ b/Html-files/signed.html
@@ -173,6 +173,8 @@
     domain="www.chatbase.co"
     defer>
     </script>
-
+<div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
   </body>
   </html>
\ No newline at end of file
diff --git a/Html-files/signup.html b/Html-files/signup.html
index 1bfe11cd..f2ec25f2 100644
--- a/Html-files/signup.html
+++ b/Html-files/signup.html
@@ -343,6 +343,8 @@ <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">SIGN U
         domain="www.chatbase.co"
         defer>
         </script>
-    
+    <div class="gtranslate_wrapper"></div>
+    <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+    <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 </html>
diff --git a/index.html b/index.html
index a79a756a..213a0bc3 100644
--- a/index.html
+++ b/index.html
@@ -1026,6 +1026,9 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
     </div>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
+<div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 <script>
  

From 2d13717c93c55922f6617759aee5acb24156957e Mon Sep 17 00:00:00 2001
From: Raj Shekhar <sanjayrajs123@gmail.com>
Date: Tue, 15 Oct 2024 20:35:39 +0530
Subject: [PATCH 15/26] updated footer in all html filles

---
 Css-files/content.css      |   2 +-
 Html-files/Electronic.html |  35 ++++++++++
 Html-files/cart.html       | 134 ++++++++++++++++++++++++-------------
 Html-files/contact.html    |  75 ++++++++++++++++-----
 Html-files/menu.html       |  77 ++++++++++++++++-----
 Html-files/services.html   |  48 +++++++++++--
 6 files changed, 281 insertions(+), 90 deletions(-)

diff --git a/Css-files/content.css b/Css-files/content.css
index 7dbdf3be..d59d6223 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -389,7 +389,7 @@ div.deals:hover{
 /* footer */
 .foot-panel2{
     background-color: transparent;
-    color:white;
+    /* color:white; */
     display: flex;
     justify-content: space-evenly;
 }
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
index 7ccb01da..bf55c30e 100644
--- a/Html-files/Electronic.html
+++ b/Html-files/Electronic.html
@@ -526,6 +526,41 @@
       .card[for="c10"] {
         background-image: url(https://i.pinimg.com/474x/42/69/19/426919f03cc846b881903e3dd40a0bc6.jpg);
       }
+
+      .foot-panel2 .footer-colums  a { 
+      /* /* color: black!important; */
+      text-decoration: none !important;
+      transition:transform 0.2s ease, text-decoration-color 0.2s ease; 
+      /* display: inline-block; */
+            
+
+      text-decoration: none;
+      /* color: #000; */
+      position: relative;
+      padding-bottom: 2px;
+            
+    }
+
+    .foot-panel2 .footer-colums a::after{
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      width: 0;
+      height: 2px;
+      background-color: black;
+      transition: width  0.3s ease;
+      width:0;
+            
+    }
+
+    .foot-panel2 .footer-colums a:hover{
+      transform: scale(1.05);
+    }
+
+    .foot-panel2 .footer-colums a:hover::after{
+      width:100%;
+    } 
     </style>
     <title>Retro</title>
   </head>
diff --git a/Html-files/cart.html b/Html-files/cart.html
index 75e985ef..7d28d192 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -255,39 +255,77 @@
       border: 3px solid whitesmoke;
     }
 
-.social-icons a {
-  font-size: 1.2rem;
-  padding: 8px;
-  margin: 15px;
-  text-decoration: none;
-  color: brown !important;
-}
+    .social-icons a {
+      font-size: 1.2rem;
+      padding: 8px;
+      margin: 15px;
+      text-decoration: none;
+      color: brown !important;
+    }
+
+    .social-icons a:hover {
+      color: brown;
+      background-color: hsl(22, 76%, 85%);
+      border-radius: 10px;
+      transform: scale(1.5); /* Increase size */
+      transition: transform 0.3s ease; /* Smooth transition effect */
+    }
+    .fa-brands.fa-facebook:hover {
+      color: #3B5998 !important;
+    }
+
+    .fa-brands.fa-instagram:hover {
+      color: #D62976 !important;
+    }
+
+    .fa-brands.fa-x-twitter:hover {
+      color: #181e20 !important;
+    }
+    @media (max-width: 768px) {
+      .foot-panel2{
+        display: flex;
+        flex-direction: column;
+        
+      }
+    }
+
+    .foot-panel2 .footer-colums  a { 
+      /* /* color: black!important; */
+      text-decoration: none !important;
+      transition:transform 0.2s ease, text-decoration-color 0.2s ease; 
+      /* display: inline-block; */
+            
+
+      text-decoration: none;
+      color: #000;
+      position: relative;
+      padding-bottom: 2px;
+            
+    }
+
+    .foot-panel2 .footer-colums a::after{
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      width: 0;
+      height: 2px;
+      background-color: brown;
+      transition: width  0.3s ease;
+      width:0;
+            
+    }
+
+    .foot-panel2 .footer-colums a:hover{
+      transform: scale(1.05);
+    }
+
+    .foot-panel2 .footer-colums a:hover::after{
+      width:100%;
+    } 
 
-.social-icons a:hover {
-  color: brown;
-  background-color: hsl(22, 76%, 85%);
-  border-radius: 10px;
-  transform: scale(1.5); /* Increase size */
-  transition: transform 0.3s ease; /* Smooth transition effect */
-}
-.fa-brands.fa-facebook:hover {
-  color: #3B5998 !important;
-}
 
-.fa-brands.fa-instagram:hover {
-  color: #D62976 !important;
-}
 
-.fa-brands.fa-x-twitter:hover {
-  color: #181e20 !important;
-}
-@media (max-width: 768px) {
-  .foot-panel2{
-    display: flex;
-    flex-direction: column;
-    
-  }
-}
 
   </style>
 </head>
@@ -411,24 +449,24 @@ <h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
     <div class="foot-panel2">
       <ul class="footer-colums">
         <p style="font-family: var(--ff-philosopher);">Our Pages</p>
-        <a href="../index.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Home</a>
-        <a href="menu.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">About</a>
-        <a href="services.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Services</a>
-        <a href="contact.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Contact us</a>
-        <a href="cart.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Cart</a>
-        <a href="contributor.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Contributor</a>
+        <a href="../index.html" style="font-family: var(--ff-poppins);">Home</a>
+        <a href="menu.html" style="font-family: var(--ff-poppins);">About</a>
+        <a href="services.html" style="font-family: var(--ff-poppins);">Services</a>
+        <a href="contact.html" style="font-family: var(--ff-poppins);">Contact us</a>
+        <a href="cart.html" style="font-family: var(--ff-poppins);">Cart</a>
+        <a href="contributor.html" style="font-family: var(--ff-poppins);">Contributor</a>
       </ul>
 
 
       <ul class="footer-colums">
         <p style="font-family: var(--ff-philosopher);">Exclusive Offers</p>
-        <a style="color: black;font-family: var(--ff-poppins);">Retro Discounts</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Limited-Time Promotions</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Special Event Packages</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Membership Benefits</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Early Access to New Collections</a>
-        <a style="color: black;font-family: var(--ff-poppins);">VIP Retro Events</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Personalized Culinary Experiences</a>
+        <a style="font-family: var(--ff-poppins);">Retro Discounts</a>
+        <a style="font-family: var(--ff-poppins);">Limited-Time Promotions</a>
+        <a style="font-family: var(--ff-poppins);">Special Event Packages</a>
+        <a style="font-family: var(--ff-poppins);">Membership Benefits</a>
+        <a style="font-family: var(--ff-poppins);">Early Access to New Collections</a>
+        <a style="font-family: var(--ff-poppins);">VIP Retro Events</a>
+        <a style="font-family: var(--ff-poppins);">Personalized Culinary Experiences</a>
 
 
       </ul>
@@ -436,11 +474,11 @@ <h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
 
       <ul class="footer-colums">
         <p style="font-family: var(--ff-philosopher);">Payment Products</p>
-        <a style="color: black;font-family: var(--ff-poppins);">Secure Checkout</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Credit/Debit Cards</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Online Payment</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Mobile Wallets</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Contactless Payments</a>
+        <a style="font-family: var(--ff-poppins);">Secure Checkout</a>
+        <a style="font-family: var(--ff-poppins);">Credit/Debit Cards</a>
+        <a style="font-family: var(--ff-poppins);">Online Payment</a>
+        <a style="font-family: var(--ff-poppins);">Mobile Wallets</a>
+        <a style="font-family: var(--ff-poppins);">Contactless Payments</a>
       </ul>
 
 
diff --git a/Html-files/contact.html b/Html-files/contact.html
index d01a6289..a36ac374 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -320,6 +320,47 @@
                 padding: 20px;
             }
         }
+
+        .foot-panel2 ul a {
+            padding: 0; /* Reset padding */
+            list-style: none; /* Remove default bullet points */
+        }
+
+        .foot-panel2 ul  a { 
+            /* /* color: black!important; */
+            text-decoration: none !important;
+            transition:transform 0.2s ease, text-decoration-color 0.2s ease; 
+            /* display: inline-block; */
+            
+
+            text-decoration: none;
+            color: #000;
+            position: relative;
+            padding-bottom: 2px;
+            
+        }
+
+        .foot-panel2 ul a::after{
+            content: '';
+            position: absolute;
+            left: 0;
+            bottom: 0;
+            width: 0;
+            height: 2px;
+            background-color: brown;
+            transition: width  0.3s ease;
+            width:0;
+            
+        }
+
+        .foot-panel2 ul a:hover{
+            transform: scale(1.05);
+        }
+
+        .foot-panel2 ul a:hover::after{
+            width:100%;
+        } 
+
     </style>
 
         <style>
@@ -768,30 +809,30 @@ <h1 style="color: hsl(357, 53%, 8%); font-family: Tahoma, sans-serif;">
                 <ul>
                     <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);text-align: left;">Our Pages</p>
                     <a href="#" style="color: black;">Home</a>
-                    <a href="Html-files/menu.html" style="color: black;">About</a>
-                    <a href="Html-files/services.html" style="color: black;">Services</a>
-                    <a href="Html-files/contact.html" style="color: black;">Contact us</a>
-                    <a href="Html-files/cart.html" style="color: black;">Cart</a>
-                    <a href="contributor.html" style="color: black;">Contributors</a>
+                    <a href="Html-files/menu.html" >About</a>
+                    <a href="Html-files/services.html" >Services</a>
+                    <a href="Html-files/contact.html" >Contact us</a>
+                    <a href="Html-files/cart.html" >Cart</a>
+                    <a href="contributor.html" ">Contributors</a>
                 </ul>
                 <ul>
                     <p style="color: rgb(162, 16, 23);font-family: var(--ff-philosopher); text-align:left"> Exclusive Offers</p>
-                    <a href="#" style="color: black;">Retro Discounts</a>
-                    <a href="#" style="color: black;">Limited-Time Promotions</a>
-                    <a href="#" style="color: black;">Special Event Packages</a>
-                    <a href="#" style="color: black;">Membership Benefits</a>
-                    <a href="#" style="color: black;">Early Access to New Collections</a>
-                    <a href="#" style="color: black;">VIP Retro Events</a>
-                    <a href="#" style="color: black;">Personalized Culinary Experiences</a>
+                    <a href="#" >Retro Discounts</a>
+                    <a href="#" >Limited-Time Promotions</a>
+                    <a href="#" >Special Event Packages</a>
+                    <a href="#" >Membership Benefits</a>
+                    <a href="#" >Early Access to New Collections</a>
+                    <a href="#" >VIP Retro Events</a>
+                    <a href="#" >Personalized Culinary Experiences</a>
 
                 </ul>
                 <ul>
                     <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);text-align:left">Payment Products</p>
-                    <a href="./Html-files/payment2.html" style="color: black;">Secure Checkout</a>
-                    <a href="./Html-files/payment2.html" style="color: black;">Credit/Debit Cards</a>
-                    <a href="./Html-files/payment2.html" style="color: black;">Online Payment</a>
-                    <a href="./Html-files/payment2.html" style="color: black;">Mobile Wallets</a>
-                    <a href="./Html-files/payment2.html" style="color: black;">Contactless Payments</a>
+                    <a href="./Html-files/payment2.html" >Secure Checkout</a>
+                    <a href="./Html-files/payment2.html" >Credit/Debit Cards</a>
+                    <a href="./Html-files/payment2.html" >Online Payment</a>
+                    <a href="./Html-files/payment2.html" >Mobile Wallets</a>
+                    <a href="./Html-files/payment2.html" >Contactless Payments</a>
                 </ul>
                 <form id="contactForm">
                     <h3 style="font-family: var(--ff-philosopher); color: hsl(357, 82%, 35%);">Contact Us!</h3>
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 3a035e55..5972e901 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -68,6 +68,47 @@
                 flex-direction: column;
             }
         }
+
+        .foot-panel2 ul a {
+            padding: 0; /* Reset padding */
+            list-style: none; /* Remove default bullet points */
+        }
+
+        .foot-panel2 ul  a { 
+            /* /* color: black!important; */
+            text-decoration: none !important;
+            transition:transform 0.2s ease, text-decoration-color 0.2s ease; 
+            /* display: inline-block; */
+            
+
+            text-decoration: none;
+            color: #000;
+            position: relative;
+            padding-bottom: 2px;
+            
+        }
+
+        .foot-panel2 ul a::after{
+            content: '';
+            position: absolute;
+            left: 0;
+            bottom: 0;
+            width: 0;
+            height: 2px;
+            background-color: brown;
+            transition: width  0.3s ease;
+            width:0;
+            
+        }
+
+        .foot-panel2 ul a:hover{
+            transform: scale(1.05);
+        }
+
+        .foot-panel2 ul a:hover::after{
+            width:100%;
+        } 
+
     </style>
     <style>
         body {
@@ -704,35 +745,35 @@ <h3 style="font-family:var(--ff-philosopher);">Palsnkin</h3>
             <ul class="footer-colums">
                 <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">Our Pages</p>
                 <a href="../index.html"
-                    style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Home</a>
-                <a href="#" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">About</a>
+                    style="font-family: var(--ff-poppins);">Home</a>
+                <a href="#" style="font-family: var(--ff-poppins);">About</a>
                 <a href="services.html"
-                    style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Services</a>
+                    style="font-family: var(--ff-poppins);">Services</a>
                 <a href="contact.html"
-                    style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Contact</a>
-                <a href="cart.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Cart</a>
-                <a href="contributor.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Contributors</a>
+                    style="font-family: var(--ff-poppins);">Contact</a>
+                <a href="cart.html" style="font-family: var(--ff-poppins);">Cart</a>
+                <a href="contributor.html" style="font-family: var(--ff-poppins);">Contributors</a>
             </ul>
 
             <ul class="footer-colums">
                 <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);"> Exclusive Offers</p>
-                <a style="font-family: var(--ff-poppins);color: black;">Retro Discounts</a>
-                <a style="font-family: var(--ff-poppins);color: black;">Limited-Time Promotions</a>
-                <a style="font-family: var(--ff-poppins);color: black;">Special Event Packages</a>
-                <a style="font-family: var(--ff-poppins);color: black;">Membership Benefits</a>
-                <a style="font-family: var(--ff-poppins);color: black;">Early Access to New Collections</a>
-                <a style="font-family: var(--ff-poppins);color: black;">VIP Retro Events</a>
-                <a style="font-family: var(--ff-poppins);color: black;">Personalized Culinary Experiences</a>
+                <a style="font-family: var(--ff-poppins);">Retro Discounts</a>
+                <a style="font-family: var(--ff-poppins);">Limited-Time Promotions</a>
+                <a style="font-family: var(--ff-poppins);">Special Event Packages</a>
+                <a style="font-family: var(--ff-poppins);">Membership Benefits</a>
+                <a style="font-family: var(--ff-poppins);">Early Access to New Collections</a>
+                <a style="font-family: var(--ff-poppins);">VIP Retro Events</a>
+                <a style="font-family: var(--ff-poppins);">Personalized Culinary Experiences</a>
 
             </ul>
 
             <ul class="footer-colums">
                 <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">Payment Products</p>
-                <a style="font-family: var(--ff-poppins);color: black;">Secure Checkout</a>
-                <a style="font-family: var(--ff-poppins);color: black;">Credit/Debit Cards</a>
-                <a style="font-family: var(--ff-poppins);color: black;">Online Payment</a>
-                <a style="font-family: var(--ff-poppins);color: black;">Mobile Wallets</a>
-                <a style="font-family: var(--ff-poppins);color: black;">Contactless Payments</a>
+                <a style="font-family: var(--ff-poppins);">Secure Checkout</a>
+                <a style="font-family: var(--ff-poppins);">Credit/Debit Cards</a>
+                <a style="font-family: var(--ff-poppins);">Online Payment</a>
+                <a style="font-family: var(--ff-poppins);">Mobile Wallets</a>
+                <a style="font-family: var(--ff-poppins);">Contactless Payments</a>
             </ul>
 
 <!-- Include Font Awesome -->
diff --git a/Html-files/services.html b/Html-files/services.html
index 519e7817..eb55ec2f 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -293,6 +293,42 @@
     transform: scale(1.1);
 }
 
+.foot-panel2 .footer-colums  a { 
+      /* /* color: black!important; */
+      text-decoration: none !important;
+      transition:transform 0.2s ease, text-decoration-color 0.2s ease; 
+      /* display: inline-block; */
+            
+
+      text-decoration: none;
+      color: #000;
+      position: relative;
+      padding-bottom: 2px;
+            
+    }
+
+    .foot-panel2 .footer-colums a::after{
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      width: 0;
+      height: 2px;
+      background-color: brown;
+      transition: width  0.3s ease;
+      width:0;
+            
+    }
+
+    .foot-panel2 .footer-colums a:hover{
+      transform: scale(1.05);
+    }
+
+    .foot-panel2 .footer-colums a:hover::after{
+      width:100%;
+    } 
+
+
     </style>
 
 </head>
@@ -548,17 +584,17 @@ <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Retro
                         style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Our
                         Pages</p>
                     <a href="../index.html"
-                        style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Home</a>
+                        style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Home</a>
                     <a href="menu.html"
-                        style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">About</a>
+                        style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">About</a>
                     <a href="#"
-                        style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Services</a>
+                        style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Services</a>
                     <a href="contact.html"
-                        style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Contact</a>
+                        style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Contact</a>
                     <a href="cart.html"
-                        style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Cart</a>
+                        style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Cart</a>
                         <a href="contributor.html"
-                        style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Contributors</a>
+                        style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Contributors</a>
                 </ul>
 
                 <ul class="footer-colums">

From d10c8fe933f8fa15de55119dd75c4244c069fdc7 Mon Sep 17 00:00:00 2001
From: saras-69 <115482884+saras-69@users.noreply.github.com>
Date: Tue, 15 Oct 2024 22:02:34 +0530
Subject: [PATCH 16/26] show-password

---
 .vscode/settings.json  |   3 +-
 Html-files/login.html  | 253 ++++++++++++++++++++++++++++-------------
 Html-files/signup.html |  27 ++++-
 3 files changed, 196 insertions(+), 87 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index ba4021ef..99c499e3 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,3 @@
 {
-
-    "liveServer.settings.port": 5503
+  "liveServer.settings.port": 5504
 }
diff --git a/Html-files/login.html b/Html-files/login.html
index 4ea69c69..cc5ad77d 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -9,6 +9,112 @@
   <link rel="stylesheet" href="../Css-files/login1.css">
   <title>Retro</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
+
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+  <style>
+    .circle {
+      z-index: 998;
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      pointer-events: none;
+      animation: colors 5s infinite;
+      position: fixed;
+      transform: translate(-50%, -50%);
+    }
+    .circle::before {
+      content: "";
+      position: fixed;
+      width: 50px;
+      height: 50px;
+      opacity: 0.2;
+      transform: translate(-30%, -30%);
+      border-radius: 50%;
+    }
+    .container {
+      width: 350px;
+      height: 500px;
+      perspective: 800px;
+    }
+    .container:hover > .card {
+      cursor: pointer;
+      transform: rotateY(180deg);
+    }
+    .card {
+      height: 100%;
+      width: 100%;
+      position: relative;
+      transition: transform 1500ms;
+      transform-style: preserve-3d;
+      border-radius: 40px;
+    }
+    .front,
+    .back {
+      height: 100%;
+      width: 100%;
+      border-radius: 2rem;
+      box-shadow: 0 0 5px 2px rgba(50, 50, 50, 0.25);
+      position: absolute;
+      backface-visibility: hidden;
+    }
+    .front {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+    .back {
+      background-color: #3a3a3a;
+      transform: rotateY(180deg);
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: 5rem;
+    }
+    :root {
+      --ff-philosopher: "Philosopher", sans-serif;
+      --ff-poppins: "Poppins", sans-serif;
+    }
+    .switch-link {
+      margin-top: 20px;
+      font-family: var(--ff-poppins);
+      text-align: center;
+      color: hsl(203, 30%, 26%);
+    }
+    .switch-link a {
+      color: hsl(0, 100%, 50%);
+      text-decoration: none;
+      font-weight: bold;
+      transition: color 0.3s ease;
+    }
+    .switch-link a:hover {
+      color: hsl(203, 30%, 26%);
+    }
+    .forgot-link {
+      text-decoration: none;
+      color: #3a3a3a;
+      margin-bottom: 10px;
+    }
+    .forgot-link:hover {
+      text-decoration: underline;
+      color: #000;
+    }
+    .show-password {
+      position: absolute;
+      margin-top: 10px;
+      right: 25px;
+      top: 50%;
+      transform: translateY(-50%);
+      cursor: pointer;
+      font-size: 1.2em;
+      color: #000;
+    }
+  </style>
+
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
 
@@ -169,30 +275,11 @@
         }
       }
     </style>
-    
+
 </head>
 <body>
   <div class="circle-container">
-      <div class="circle" style="background-color: rgb(255, 181, 107) !important; left: 504px; top: 59px; scale: 1;"></div>
-      <div class="circle" style="background-color: rgb(253, 175, 105) !important; left: 504px; top: 59px; scale: 0.95;"></div>
-      <div class="circle" style="background-color: rgb(248, 157, 99) !important; left: 504px; top: 59px; scale: 0.9;"></div>
-      <div class="circle" style="background-color: rgb(245, 151, 97) !important; left: 504px; top: 59px; scale: 0.85;"></div>
-      <div class="circle" style="background-color: rgb(239, 134, 94) !important; left: 504px; top: 59px; scale: 0.8;"></div>
-      <div class="circle" style="background-color: rgb(236, 128, 93) !important; left: 504px; top: 59px; scale: 0.75;"></div>
-      <div class="circle" style="background-color: rgb(227, 110, 92) !important; left: 504px; top: 59px; scale: 0.7;"></div>
-      <div class="circle" style="background-color: rgb(223, 104, 92) !important; left: 504px; top: 59px; scale: 0.65;"></div>
-      <div class="circle" style="background-color: rgb(213, 88, 92) !important; left: 504px; top: 59px; scale: 0.6;"></div>
-      <div class="circle" style="background-color: rgb(209, 82, 92) !important; left: 504px; top: 59px; scale: 0.55;"></div>
-      <div class="circle" style="background-color: rgb(197, 65, 93) !important; left: 504px; top: 59px; scale: 0.5;"></div>
-      <div class="circle" style="background-color: rgb(192, 59, 93) !important; left: 504px; top: 59px; scale: 0.45;"></div>
-      <div class="circle" style="background-color: rgb(178, 44, 94) !important; left: 504px; top: 59px; scale: 0.4;"></div>
-      <div class="circle" style="background-color: rgb(172, 38, 94) !important; left: 504px; top: 59px; scale: 0.35;"></div>
-      <div class="circle" style="background-color: rgb(156, 21, 95) !important; left: 504px; top: 59px; scale: 0.3;"></div>
-      <div class="circle" style="background-color: rgb(149, 15, 95) !important; left: 504px; top: 59px; scale: 0.25;"></div>
-      <div class="circle" style="background-color: rgb(131, 0, 96) !important; left: 504px; top: 59px; scale: 0.2;"></div>
-      <div class="circle" style="background-color: rgb(124, 0, 96) !important; left: 504px; top: 59px; scale: 0.15;"></div>
-      <div class="circle" style="background-color: rgb(104, 0, 96) !important; left: 504px; top: 59px; scale: 0.1;"></div>
-      <div class="circle" style="background-color: rgb(96, 0, 95) !important; left: 504px; top: 59px; scale: 0.05;"></div>
+    <!-- Circle elements -->
   </div>
   <div class="main-login">
     <div class="left-login" style="background-color: transparent;">
@@ -200,42 +287,44 @@
       <div class="container">
         <div class="card">
           <div class="front" style="align-content: center;font-family: var(--ff-philosopher);">
-          <img src="../Images/Loginsave.png" alt="Icon" style="width: 150px; height: auto; margin: 20px auto 20px; display: block;">
-           <b style="transform: rotate(360deg);font-size: 30px;color: hsl(203, 30%,26%);"> Login to Save your Data!</b>
+            <b style="transform: rotate(360deg);font-size: 30px;color: hsl(203, 30%,26%);"> Login to Save your Data!</b>
+            <img src="../Images/Loginsave.png" alt="Icon" style="width: 150px; height: auto; margin: 20px auto 20px; display: block;">
+            <b style="transform: rotate(360deg);font-size: 30px;color: hsl(203, 30%,26%);"> Login to Save your Data!</b>
           </div>
           <div class="back" style="align-content: center;font-family: var(--ff-philosopher);background-color: transparent;color: hsl(203, 30%,26%);">
             <img src="../Images/Login.png" alt="Icon" style="width: 100px; height: auto;  display: block;">
-            <b style="font-size: 50px; margin-top: -50px;">Login Here
-            </b>
+            <b style="font-size: 50px; margin-top: -50px;">Login Here</b>
             <b style="font-size: 20px; display: block; margin-top: -70px;">Vintage Collection is waiting for You</b>
           </div>
         </div>
       </div>
     </div>
-  <form id="loginForm" action="logged.html">
-    <div class="right-login">
-      <div class="card-login">
-        <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</h1>
-        <div class="textfield">
-          <label for="usuario" style="color: black;font-family:var(--ff-poppins);">Email / User Name</label>
-          <input required type="text" id="email" name="email" placeholder="Enter Email / UserName" style="font-family:var(--ff-poppins);">
-        </div>
-        <div class="textfield">
-          <label required for="password" style="color: black;font-family:var(--ff-poppins);">Password</label>
-          <input required type="password" id="password" name="password" placeholder="Enter Password" style="font-family:var(--ff-poppins);">
+    <form id="loginForm" action="logged.html">
+      <div class="right-login">
+        <div class="card-login">
+          <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</h1>
+          <div class="textfield">
+            <label for="usuario" style="color: black;font-family:var(--ff-poppins);">Email / User Name</label>
+            <input required type="text" id="email" name="email" placeholder="Enter Email / UserName" style="font-family:var(--ff-poppins);">
+          </div>
+          <div class="textfield" style="position: relative;">
+            <label required for="password" style="color: black;font-family:var(--ff-poppins);">Password</label>
+            <input required type="password" id="password" name="password" placeholder="Enter Password" style="font-family:var(--ff-poppins);">
+            <span class="show-password" onclick="togglePasswordVisibility()">
+              <i class="fas fa-eye" id="togglePasswordIcon"></i>
+            </span>
+          </div>
+          <button type="submit" class="btn-login" style="color: black;font-family:var(--ff-poppins);">Login</button>
+          <span>or</span>
+          <button id="google-login" style="color: black;font-family:var(--ff-poppins); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=); background-repeat: no-repeat; background-position: 25% 50%; background-size: 30px;">Login with google</button>
+          <p id="error-message" style="color: red; font-family: var(--ff-poppins);"></p>
+          <a href="forgot-pass.html" class="forgot-link">Forgot Password ?</a>
+          <p class="switch-link">Don’t have an account? <a href="signup.html">Sign Up</a></p>
         </div>
-        <button type="submit" class="btn-login" style="color: black;font-family:var(--ff-poppins);">Login</button>
-        <span>or</span>
-        <button id="google-login" style="color: black;font-family:var(--ff-poppins); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=); background-repeat: no-repeat; background-position: 25% 50%; background-size: 30px;">Login with google</button>
-        <p id="error-message" style="color: red; font-family: var(--ff-poppins);"></p>
-        <a href="forgot-pass.html" class="forgot-link">Forgot Password ?</a>
-        <p class="switch-link">Don’t have an account? <a href="signup.html">Sign Up</a></p>
       </div>
-    </div>
-</form>
-
+    </form>
+  </div>
   <script>
-
     const coords = { x: 0, y: 0 };
     const circles = document.querySelectorAll(".circle");
 
@@ -273,11 +362,9 @@ <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</
     window.addEventListener("mousemove", function (e) {
       coords.x = e.clientX;
       coords.y = e.clientY;
-
     });
 
     function animateCircles() {
-
       let x = coords.x;
       let y = coords.y;
 
@@ -299,51 +386,59 @@ <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</
     }
 
     animateCircles();
-    
-// Form submission event listener
-document.getElementById('loginForm').addEventListener('submit', function(event) {
-    // Prevent form submission
-    event.preventDefault();
 
-    // Get the input values
-    const emailInput = document.getElementById('email').value;
-    const passwordInput = document.getElementById('password').value;
+    // Form submission event listener
+    document.getElementById('loginForm').addEventListener('submit', function(event) {
+      // Prevent form submission
+      event.preventDefault();
+
+      // Get the input values
+      const emailInput = document.getElementById('email').value;
+      const passwordInput = document.getElementById('password').value;
 
-    // Regular expression for email validation (simple check)
-    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      // Regular expression for email validation (simple check)
+      const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 
-    // Password validation (at least 8 characters)
-    const isValidPassword = passwordInput.length >= 8;
+      // Password validation (at least 8 characters)
+      const isValidPassword = passwordInput.length >= 8;
 
-    // Clear previous error message
-    document.getElementById('error-message').textContent = '';
+      // Clear previous error message
+      document.getElementById('error-message').textContent = '';
 
-    // Validate the email and password separately
-    if (!emailPattern.test(emailInput)) {
+      // Validate the email and password separately
+      if (!emailPattern.test(emailInput)) {
         // Display an error message if the email format is incorrect
         document.getElementById('error-message').textContent = 'Invalid email format.';
-    } else if (!isValidPassword) {
+      } else if (!isValidPassword) {
         // Display an error message if the password is too short
         document.getElementById('error-message').textContent = 'Password must be at least 8 characters.';
-    } else {
+      } else {
         // If both are valid, redirect to logged.html
         window.location.assign('logged.html');
-    }
-});
+      }
+    });
 
+    // Toggle password visibility
+    function togglePasswordVisibility() {
+      const passwordField = document.getElementById('password');
+      const toggleIcon = document.getElementById('togglePasswordIcon');
+      if (passwordField.type === 'password') {
+        passwordField.type = 'text';
+        toggleIcon.classList.remove('fa-eye');
+        toggleIcon.classList.add('fa-eye-slash');
+      } else {
+        passwordField.type = 'password';
+        toggleIcon.classList.remove('fa-eye-slash');
+        toggleIcon.classList.add('fa-eye');
+      }
+    }
   </script>
   <script>
     window.embeddedChatbotConfig = {
-    chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
-    domain: "www.chatbase.co"
+      chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+      domain: "www.chatbase.co"
     }
-    </script>
-    <script
-    src="https://www.chatbase.co/embed.min.js"
-    chatbotId="dGlQ5bP-F7GodLWzgrVAx"
-    domain="www.chatbase.co"
-    defer>
-    </script>
-
+  </script>
+  <script src="https://www.chatbase.co/embed.min.js" chatbotId="dGlQ5bP-F7GodLWzgrVAx" domain="www.chatbase.co" defer></script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/Html-files/signup.html b/Html-files/signup.html
index 1bfe11cd..a4de7e2e 100644
--- a/Html-files/signup.html
+++ b/Html-files/signup.html
@@ -250,13 +250,15 @@ <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">SIGN U
                 <span id="email-error" class="error-message"></span>
               </div>
 
-              <div class="textfield ">
-                <label for="password">Password</label>
-                <input type="password" id="password" name="password" placeholder="Enter Password" title="Special characters are not allowed" required>
-                <span id="password-error" class="error-message"></span>
-                <span class="tooltiptext">Special characters such as /[<>"/]/  are not allowed</span>
+              <div class="textfield">
+                <label for="password">Password:</label>
+                <input type="password" id="password" name="password" placeholder="Enter your password">
             </div>
-
+            <div class="show-pass-container">
+                <input type="checkbox" id="showPassword">
+                <label for="showPassword">Show Password</label>
+            </div>
+            
               
             </form>
             <div class="btnNext"><button type="submit" class="btn-login" style="font-family: var(--ff-philosopher);color: #ddd;">Register</button>
@@ -343,6 +345,19 @@ <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">SIGN U
         domain="www.chatbase.co"
         defer>
         </script>
+        <script>
+          // JavaScript to toggle password visibility
+          const passwordField = document.getElementById('password');
+          const showPasswordCheckbox = document.getElementById('showPassword');
+      
+          showPasswordCheckbox.addEventListener('change', () => {
+              if (showPasswordCheckbox.checked) {
+                  passwordField.type = 'text';  // Show password
+              } else {
+                  passwordField.type = 'password';  // Hide password
+              }
+          });
+      </script>
     
 </body>
 </html>

From 28409763810b26063ea266571ba9af5c9ed4f42d Mon Sep 17 00:00:00 2001
From: Devanshu Kumar Singh <console.uk123@gmail.com>
Date: Tue, 15 Oct 2024 22:13:42 +0530
Subject: [PATCH 17/26] solved issue #525

---
 Html-files/contact.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/Html-files/contact.html b/Html-files/contact.html
index 7f39d241..6c15b6da 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -892,6 +892,16 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
 </body>
 <script>
 
+const form = document.getElementById('contact-form');
+form.addEventListener('submit', function(event) {
+    event.preventDefault();
+    // Display an alert
+    alert('Your message was sent successfully!');
+
+    // Clear the form fields
+    form.reset();
+});
+
 function redirectLogin() {
     window.location.href = "Html-files/login.html";
 }

From c6dfdaf1c6a2002d8079984d5a5aa4e6d773aff3 Mon Sep 17 00:00:00 2001
From: Varsha Dewangan <140236223+Varsha-1605@users.noreply.github.com>
Date: Tue, 15 Oct 2024 22:17:23 +0530
Subject: [PATCH 18/26] Updated reviews.html

---
 Html-files/reviews.html | 1018 +++++++++++++++++++++++++++++++++++++++
 index.html              |    2 +-
 2 files changed, 1019 insertions(+), 1 deletion(-)
 create mode 100644 Html-files/reviews.html

diff --git a/Html-files/reviews.html b/Html-files/reviews.html
new file mode 100644
index 00000000..d646bd87
--- /dev/null
+++ b/Html-files/reviews.html
@@ -0,0 +1,1018 @@
+<!DOCTYPE html>
+<html lang="en">
+ 
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ 
+    <title>Retro</title>
+
+    <style>
+        @media (min-width: 992px) {
+            .navbar-expand-lg .navbar-nav {
+                margin-top: -9px; /* Add this line */
+            }
+        }
+    </style>
+    
+    
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="/Css-files/navbarstyles.css">
+    <link rel="stylesheet" href="/Css-files/popup.css">
+
+    <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> -->
+    
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
+        integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="shortcut icon" type="image/x-icon" href="./Favicon image/favicon-32x32.png">
+    <link
+        href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"
+        rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+        crossorigin="anonymous"></script> -->
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="./style.css">
+       
+
+    <style>
+        /* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap'); */
+
+        :root{
+            --ff-philosopher: "Philosopher", sans-serif;
+            --ff-poppins: "Poppins", sans-serif;
+            --primary-color: #800020;
+            --secondary-color: #800020;
+            --background-color: #f4f4f4;
+            --card-bg: #ffffff;
+        
+            --header-text: #ffffff;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body{
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
+  background-size: cover;
+  
+  background-attachment: fixed;
+}
+
+        
+/* 
+        nav {
+            max-width: 1200px;
+            margin: 0 auto;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0 1rem;
+        } */
+
+        .logo {
+            display: flex;
+            align-items: center;
+        }
+
+        #logo-web {
+            height: 40px;
+            margin-right: 0.5rem;
+            transition: transform var(--transition-speed) ease;
+        }
+
+        #logo-web:hover {
+            transform: scale(1.1);
+        }
+
+        #logo {
+            color: white;
+            font-size: 1.5rem;
+            font-weight: 600;
+            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
+        }
+
+ 
+        .mode-toggle {
+            background: none;
+            border: none;
+            color: white;
+            font-size: 1.2rem;
+            cursor: pointer;
+            transition: transform var(--transition-speed) ease;
+        }
+
+        .mode-toggle:hover {
+            transform: rotate(30deg);
+        }
+
+        .hamburger {
+            display: none;
+            background: none;
+            border: none;
+            color: white;
+            font-size: 1.5rem;
+            cursor: pointer;
+        }
+
+        main {
+            max-width: 1200px;
+            margin: 2rem auto;
+            padding: 0 1rem;
+            margin-top: 200px;
+        }
+
+        .review-container {
+            background-color: rgba(255, 255, 255, 0.3); 
+            border-radius: 15px;
+            box-shadow: var(--card-shadow);
+            overflow: hidden;
+            transition: transform var(--transition-speed) ease;
+            backdrop-filter: blur(10px);
+        }
+
+        .review-container:hover {
+            transform: translateY(-10px);
+        }
+
+        .tab-container {
+            display: flex;
+            justify-content: center;
+            background-color: #ffffff;
+            padding: 1rem;
+            border-bottom: 1px solid #e0e0e0;
+        }
+
+        .tab {
+            padding: 0.8rem 1.5rem;
+            background-color: transparent;
+            border: none;
+            cursor: pointer;
+            transition: all var(--transition-speed) ease;
+            font-weight: 600;
+            position: relative;
+            overflow: hidden;
+            margin: 0 0.5rem;
+            border-radius: 25px;
+        }
+
+        .tab::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: var(--primary-color);
+            transform: translateY(100%);
+            transition: transform var(--transition-speed) ease;
+            z-index: -1;
+            border-radius: 25px;
+        }
+
+        .tab:hover::before,
+        .tab.active::before {
+            transform: translateY(0);
+        }
+
+        .tab:hover,
+        .tab.active {
+            color: #F88379;
+            font-size: 20px;
+        }
+
+        .content-container {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 2rem;
+            padding: 2rem;
+        }
+
+        .content-form, .review-form {
+            flex: 1 1 100%;
+            background-color: #f9f9f9;
+            padding: 2rem;
+            border-radius: 15px;
+            box-shadow: var(--card-shadow);
+            transition: all var(--transition-speed) ease;
+        }
+
+        .content-form:hover, .review-form:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        .form-group {
+            margin-bottom: 1.5rem;
+        }
+
+        .form-group label {
+            display: block;
+            margin-bottom: 0.5rem;
+            font-weight: 500;
+            color: var(--primary-color);
+        }
+
+        .form-group input,
+        .form-group select,
+        .form-group textarea {
+            width: 100%;
+            padding: 0.8rem;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            font-family: 'Poppins', sans-serif;
+            transition: border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
+        }
+
+        .form-group input:focus,
+        .form-group select:focus,
+        .form-group textarea:focus {
+            outline: none;
+            border-color: var(--primary-color);
+            box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
+        }
+
+        .star-rating {
+            display: inline-block;
+        }
+
+        .star-rating input {
+            display: none;
+        }
+
+        .star-rating label {
+            float: right;
+            padding: 0 2px;
+            font-size: 30px;
+            color: #ddd;
+            cursor: pointer;
+            transition: color var(--transition-speed) ease;
+        }
+
+        .star-rating input:checked ~ label,
+        .star-rating label:hover,
+        .star-rating label:hover ~ label {
+            color: #ffca08;
+        }
+
+        .submit-btn {
+            background-color: var(--primary-color);
+            color: white;
+            border: none;
+            padding: 0.8rem 1.5rem;
+            border-radius: 25px;
+            cursor: pointer;
+            transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+
+        .submit-btn:hover {
+            background-color: #F88379;
+            transform: translateY(-2px);
+        }
+
+        .content-section {
+            display: none;
+            animation: fadeIn 0.5s ease-out;
+        }
+
+        .content-section.active {
+            display: block;
+        }
+
+        .content-item, .review-item, .story-item {
+            background-color: var(--card-background);
+            border: 1px solid #ddd;
+            border-radius: 15px;
+            padding: 1.5rem;
+            margin-bottom: 1.5rem;
+            transition: all var(--transition-speed) ease;
+            box-shadow: var(--card-shadow);
+        }
+
+        .content-item:hover, .review-item:hover, .story-item:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        .content-item img, .review-item img, .story-item img {
+            max-width: 100%;
+            height: auto;
+            border-radius: 10px;
+            margin-bottom: 1rem;
+            transition: transform var(--transition-speed) ease;
+        }
+
+        .content-item img:hover, .review-item img:hover, .story-item img:hover {
+            transform: scale(1.05);
+        }
+
+        .gallery {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+            gap: 1rem;
+        }
+
+        .social-share {
+            margin-top: 1rem;
+        }
+
+        .social-share button {
+            background-color: #F88379;
+            color: white;
+            border: none;
+            padding: 0.5rem 1rem;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: background-color 0.3s ease;
+        }
+
+        .social-share button:hover {
+            background-color: #F88379;
+        }
+
+        .featured-stories {
+            background-color: #ffffff;
+            padding: 2rem;
+            border-radius: 15px;
+            margin-top: 2rem;
+        }
+
+        .featured-stories h2 {
+            color: var(--primary-color);
+            margin-bottom: 1rem;
+        }
+
+        .feedback-form {
+            background-color: #ffffff;
+            padding: 2rem;
+            border-radius: 15px;
+            margin-top: 2rem;
+        }
+        .foot-panel2 {
+            background-color: rgb(138, 37, 37);
+            color: white;
+            height: 300px;
+            /* height: fit-content; */
+            display: flex;
+            /* padding: 10px; */
+            justify-content: space-evenly;
+        }
+
+        .foot-panel2 ul {
+        margin-top: 20px;
+        }
+
+        ul p {
+        font-weight: 700;
+        }
+
+        ul a {
+        display: block;
+        font-size: 0.85rem;
+        margin-top: 10px;
+    color: black;
+        
+        text-decoration: none;
+        }
+
+
+        .foot_panel4 {
+        background-color: rgb(66, 16, 16);
+        color: white;
+        height: 160px;
+        font-size: 0.9rem;
+        text-align: center;
+        }
+
+
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(20px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        .fade-in {
+            animation: fadeIn 0.5s ease-out;
+        }
+
+        @media (max-width: 768px) {
+            .hamburger {
+                display: block;
+            }
+
+
+            .dropdown-close-btn {
+                display: block;
+                text-align: right;
+                color: white;
+                font-size: 1.5rem;
+                cursor: pointer;
+            }
+        }
+
+        @keyframes slideDown {
+            from { opacity: 0; transform: translateY(-10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        .dark-mode {
+            --primary-color: #2c3e50;
+            --secondary-color: #27ae60;
+            --background-color: #1a1a1a;
+            --text-color: #f4f4f4;
+            --card-background: #2c2c2c;
+            --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+        }
+
+   
+
+        .dark-mode .tab-container {
+            background-color: #2c2c2c;
+        }
+
+        .dark-mode .tab::before {
+            background-color: #34495e;
+        }
+
+        .dark-mode .content-form,
+        .dark-mode .review-form {
+            background-color: #2c2c2c;
+        }
+
+        .dark-mode .form-group input,
+        .dark-mode .form-group select,
+        .dark-mode .form-group textarea {
+            background-color: #3a3a3a;
+            color: #f4f4f4;
+            border-color: #4a4a4a;
+        }
+
+        .dark-mode .featured-stories {
+            background-color: #2c3e50;
+        }
+
+        .dark-mode .feedback-form {
+            background-color: #2c3e50;
+        }
+    </style>
+
+
+
+</head>
+<body>
+
+    <div class="circle-container">
+        <div class="circle" style="background-color: rgb(255, 181, 107); left: 504px; top: 59px; scale: 1;"></div>
+        <div class="circle" style="background-color: rgb(253, 175, 105); left: 504px; top: 59px; scale: 0.95;"></div>
+        <div class="circle" style="background-color: rgb(248, 157, 99); left: 504px; top: 59px; scale: 0.9;"></div>
+        <div class="circle" style="background-color: rgb(245, 151, 97); left: 504px; top: 59px; scale: 0.85;"></div>
+        <div class="circle" style="background-color: rgb(239, 134, 94); left: 504px; top: 59px; scale: 0.8;"></div>
+        <div class="circle" style="background-color: rgb(236, 128, 93); left: 504px; top: 59px; scale: 0.75;"></div>
+        <div class="circle" style="background-color: rgb(227, 110, 92); left: 504px; top: 59px; scale: 0.7;"></div>
+        <div class="circle" style="background-color: rgb(223, 104, 92); left: 504px; top: 59px; scale: 0.65;"></div>
+        <div class="circle" style="background-color: rgb(213, 88, 92); left: 504px; top: 59px; scale: 0.6;"></div>
+        <div class="circle" style="background-color: rgb(209, 82, 92); left: 504px; top: 59px; scale: 0.55;"></div>
+        <div class="circle" style="background-color: rgb(197, 65, 93); left: 504px; top: 59px; scale: 0.5;"></div>
+        <div class="circle" style="background-color: rgb(192, 59, 93); left: 504px; top: 59px; scale: 0.45;"></div>
+        <div class="circle" style="background-color: rgb(178, 44, 94); left: 504px; top: 59px; scale: 0.4;"></div>
+        <div class="circle" style="background-color: rgb(172, 38, 94); left: 504px; top: 59px; scale: 0.35;"></div>
+        <div class="circle" style="background-color: rgb(156, 21, 95); left: 504px; top: 59px; scale: 0.3;"></div>
+        <div class="circle" style="background-color: rgb(149, 15, 95); left: 504px; top: 59px; scale: 0.25;"></div>
+        <div class="circle" style="background-color: rgb(131, 0, 96); left: 504px; top: 59px; scale: 0.2;"></div>
+        <div class="circle" style="background-color: rgb(124, 0, 96); left: 504px; top: 59px; scale: 0.15;"></div>
+        <div class="circle" style="background-color: rgb(104, 0, 96); left: 504px; top: 59px; scale: 0.1;"></div>
+        <div class="circle" style="background-color: rgb(96, 0, 95); left: 504px; top: 59px; scale: 0.05;"></div>
+    </div>
+    <div id="preloader">
+        <div id="loader"></div>
+    </div>
+
+    
+    <!--Navbar Start-->
+    <nav class="navbar navbar-expand-lg fixed-top" id="top">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="#" style="font-family: var(--ff-philosopher); color: black;">
+                <b>Retro</b>
+            </a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                    <li class="nav-item">
+                        <a class="nav-link" aria-current="page" href="../index.html"
+                            style="color: black; font-family: var(--ff-philosopher); font-size: 20px;">Home</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="about.html"
+                            style="font-family: var(--ff-philosopher); color: black; font-size: 20px;">About Us</a>
+                    </li>
+                    
+                    <li class="nav-item">
+                        <a class="nav-link" href="menu.html"
+                            style="font-family: var(--ff-philosopher);color: black; font-size: 20px;">Collections</a>
+                    </li>
+
+                    <li class="nav-item">
+                        <a class="nav-link" href="services.html"
+                            style="font-family: var(--ff-philosopher);color: black; font-size: 20px;">Services</a>
+                    </li>
+
+                    <li class="nav-item">
+                        <a class="nav-link" href="contact.html" style="font-family: var(--ff-philosopher); color: black;  font-size: 20px;">Contact Us</a>
+                    </li>
+                    
+                    <li class="nav-item">
+                    <a class="nav-link" href="reviews.html" style="font-family: var(--ff-philosopher); color: black;  font-size: 20px;">Share Experience</a>
+                    </li>
+
+                </ul>
+
+                <div class="navbar-right">
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link" onclick="redirectLogin()"
+                                style="color: black; font-family: var(--ff-philosopher);  font-size: 20px;">Login</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" onclick="redirectSignup()"
+                                style="color: black; font-family: var(--ff-philosopher);  font-size: 20px;">Signup</a>
+                        </li>
+                        <li class="nav-item" style="list-style-type: none;">
+                            <a class="nav-link" href="cart.html" style="color: black;  font-size: 20px;"><i
+                                    class="fa-solid fa-cart-shopping"></i>Cart</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <!--Navbar End-->
+
+
+
+    <main>
+        <section id="user-content" class="review-container">
+            <div class="tab-container">
+                <button class="tab active" data-tab="user-stories">User Stories</button>
+                <button class="tab" data-tab="reviews">Product Reviews</button>
+            </div>
+
+            <div class="content-container">
+                <div id="user-stories" class="content-section active">
+                    <h2>User Story Gallery</h2>
+                    <form id="storyForm">
+                        <div class="form-group">
+                            <label for="storyTitle">Story Title:</label>
+                            <input type="text" id="storyTitle" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="storyText">Your Story:</label>
+                            <textarea id="storyText" rows="6" required></textarea>
+                        </div>
+                        <div class="form-group">
+                            <label for="storyImage">Upload an Image:</label>
+                            <input type="file" id="storyImage" accept="image/*" required>
+                        </div>
+                        <button type="submit" class="submit-btn">Submit Story</button>
+                    </form>
+                    <div id="storyGallery" class="gallery"></div>
+                </div>
+
+                <div id="reviews" class="content-section">
+                    <h2>Product Reviews</h2>
+                    <form id="reviewForm">
+                        <div class="form-group">
+                            <label for="productName">Product Name:</label>
+                            <input type="text" id="productName" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="reviewText">Your Review:</label>
+                            <textarea id="reviewText" rows="6" required></textarea>
+                        </div>
+                        <div class="form-group">
+                            <label for="productRating">Rating:</label>
+                            <div class="star-rating">
+                                <input type="radio" id="productStar5" name="productRating" value="5" /><label for="productStar5">☆</label>
+                                <input type="radio" id="productStar4" name="productRating" value="4" /><label for="productStar4">☆</label>
+                                <input type="radio" id="productStar3" name="productRating" value="3" /><label for="productStar3">☆</label>
+                                <input type="radio" id="productStar2" name="productRating" value="2" /><label for="productStar2">☆</label>
+                                <input type="radio" id="productStar1" name="productRating" value="1" /><label for="productStar1">☆</label>
+                            </div>
+                        </div>
+                        <button type="submit" class="submit-btn">Submit Review</button>
+                    </form>
+                    <div id="reviewList"></div>
+                </div>
+            </div>
+
+            <div class="featured-stories">
+                <h2>Featured User Stories</h2>
+                <div id="featuredStories"></div>
+            </div>
+        </section>
+    </main>
+
+    <script>
+        // Function to handle tab switching
+        function setupTabs() {
+            const tabs = document.querySelectorAll('.tab');
+            tabs.forEach(tab => {
+                tab.addEventListener('click', () => {
+                    tabs.forEach(t => t.classList.remove('active'));
+                    tab.classList.add('active');
+                    const tabId = tab.getAttribute('data-tab');
+                    document.querySelectorAll('.content-section').forEach(section => {
+                        section.classList.remove('active');
+                    });
+                    document.getElementById(tabId).classList.add('active');
+                });
+            });
+        }
+
+        // Function to handle story submission
+        document.getElementById('storyForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            const title = document.getElementById('storyTitle').value;
+            const text = document.getElementById('storyText').value;
+            const imageFile = document.getElementById('storyImage').files[0];
+
+            if (imageFile) {
+                const reader = new FileReader();
+                reader.onloadend = function() {
+                    const newStory = { title, text, image: reader.result };
+                    saveStory(newStory);
+                    showNotification('Story submitted successfully!');
+                    loadStories();
+                    e.target.reset();
+                }
+                reader.readAsDataURL(imageFile);
+            }
+        });
+
+        // Function to save a new story
+        function saveStory(story) {
+            const stories = JSON.parse(localStorage.getItem('userStories')) || [];
+            stories.unshift(story);
+            localStorage.setItem('userStories', JSON.stringify(stories));
+        }
+
+        // Function to load stories
+        function loadStories() {
+            const stories = JSON.parse(localStorage.getItem('userStories')) || [];
+            const galleryElement = document.getElementById('storyGallery');
+            galleryElement.innerHTML = '';
+
+            stories.forEach(story => {
+                const storyElement = document.createElement('div');
+                storyElement.className = 'story-item';
+                storyElement.innerHTML = `
+                    <h3>${story.title}</h3>
+                    <img src="${story.image}" alt="${story.title}">
+                    <p>${story.text}</p>
+                `;
+                galleryElement.appendChild(storyElement);
+            });
+
+            updateFeaturedStories(stories);
+        }
+
+        // Function to update featured stories
+        function updateFeaturedStories(stories) {
+            const featuredStoriesElement = document.getElementById('featuredStories');
+            featuredStoriesElement.innerHTML = '';
+
+            // Select up to 3 random stories to feature
+            const featuredStories = stories.sort(() => 0.5 - Math.random()).slice(0, 3);
+
+            featuredStories.forEach(story => {
+                const storyElement = document.createElement('div');
+                storyElement.className = 'story-item';
+                storyElement.innerHTML = `
+                    <h3>${story.title}</h3>
+                    <img src="${story.image}" alt="${story.title}">
+                    <p>${story.text}</p>
+                `;
+                featuredStoriesElement.appendChild(storyElement);
+            });
+        }
+
+        // Function to handle review submission
+        document.getElementById('reviewForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            const productName = document.getElementById('productName').value;
+            const reviewText = document.getElementById('reviewText').value;
+            const rating = document.querySelector('input[name="productRating"]:checked').value;
+
+            const newReview = { productName, reviewText, rating };
+            saveReview(newReview);
+            showNotification('Review submitted successfully!');
+            loadReviews();
+            e.target.reset();
+        });
+
+        // Function to save a new review
+        function saveReview(review) {
+            const reviews = JSON.parse(localStorage.getItem('productReviews')) || [];
+            reviews.unshift(review);
+            localStorage.setItem('productReviews', JSON.stringify(reviews));
+        }
+
+        // Function to load reviews
+        function loadReviews() {
+            const reviews = JSON.parse(localStorage.getItem('productReviews')) || [];
+            const reviewListElement = document.getElementById('reviewList');
+            reviewListElement.innerHTML = '';
+
+            reviews.forEach(review => {
+                const reviewElement = document.createElement('div');
+                reviewElement.className = 'review-item';
+                reviewElement.innerHTML = `
+                    <h3>${review.productName}</h3>
+                    <p><strong>Rating:</strong> ${'★'.repeat(review.rating)}${'☆'.repeat(5 - review.rating)}</p>
+                    <p>${review.reviewText}</p>
+                `;
+                reviewListElement.appendChild(reviewElement);
+            });
+        }
+
+        // Function to show notification
+        function showNotification(message) {
+            const notification = document.createElement('div');
+            notification.className = 'notification';
+            notification.textContent = message;
+            document.body.appendChild(notification);
+
+            setTimeout(() => {
+                notification.remove();
+            }, 3000);
+        }
+
+        // Initialize the page
+        document.addEventListener('DOMContentLoaded', () => {
+            setupTabs();
+            loadStories();
+            loadReviews();
+        });
+    </script>
+
+
+
+<div class="footer" style="background-color: hsl(20, 43%, 93%);">
+    <footer>
+        <div class="foot-panel2" style="background-color:hsl(20, 43%, 93%);font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
+            <ul>
+                <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);text-align: left;">Our Pages</p>
+
+                <a href="#" >Home</a>
+                <a href="menu.html" >About</a>
+                <a href="services.html" >Services</a>
+                <a href="contact.html" >Contact us</a>
+                <a href="cart.html" >Cart</a>
+            </ul>
+            <ul>
+                <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher); text-align:left"> Exclusive Offers</p>
+                <a href="#" >Retro Discounts</a>
+                <a href="#" >Limited-Time Promotions</a>
+                <a href="#" >Special Event Packages</a>
+                <a href="#" >Membership Benefits</a>
+                <a href="#" >Early Access to New Collections</a>
+                <a href="#" >VIP Retro Events</a>
+                <a href="#" >Personalized Culinary Experiences</a>
+ 
+
+            </ul>
+            <ul>
+                <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);text-align:left">Payment Products</p>
+                <a href="payment2.html" >Secure Checkout</a>
+                <a href="payment2.html" >Credit/Debit Cards</a>
+                <a href="payment2.html" >Online Payment</a>
+                <a href="payment2.html" >Mobile Wallets</a>
+                <a href="payment2.html" >Contactless Payments</a>
+            </ul>
+            <form id="contactForm">
+                <h3 style="font-family: var(--ff-philosopher); color: hsl(357, 82%, 35%);">Contact Us!</h3>
+            
+                <div style="position: relative; margin-bottom: 15px;">
+                    <i class="fas fa-envelope" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 14px; color: gray;"></i>
+                    <input type="email" id="email" name="email" placeholder="Your Email" required 
+                           style="padding-left: 30px;">
+                </div>
+            
+                <div style="position: relative; margin-bottom: 15px;">
+                    <i class="fas fa-comment" style="position: absolute; left: 10px; top: 10px; font-size: 14px; color: gray;"></i>
+                    <textarea id="message" name="message" placeholder="Your Message" required 
+                              style="padding-left: 30px;"></textarea>
+                </div>
+            
+                <button id="butt" type="submit" style="font-family: ui-serif;">Send Message</button>
+            </form>
+            
+            
+            
+              
+            
+
+        </div>
+
+
+        <div class="foot_panel4" style="background-color: transparent;">
+            <div class="pages">
+                <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow Us</h4>
+
+                <div class="social-icons">
+
+
+                    <a class="fa-brands fa-facebook" href="https://facebook.com" ></a>
+                    <a class="fa-brands fa-instagram" href="https://instagram.com" ></a>
+                    <a class="fa-brands fa-x-twitter" href="https://twitter.com" ></a>
+                    <a class="fa-brands fa-youtube"   href="https://www.youtube.com" ></a>
+                    <a class="fa-brands fa-snapchat"  href="https://www.snapchat.com" ></a>
+
+                </div>
+                <p style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: hsl(203, 30%, 26%);margin-bottom:0;">Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.
+                </p>
+                <div class="copyright" style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: black;">
+
+                    &copy; 2024 Retro . All Rights Reserved. | Developed by <span id="author">
+                        <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
+                </div>
+                <div>
+                    <button id="sr" style="z-index: 1000; display: block;">
+                    <div class="circle1">
+                      <svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
+                        <path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"></path>
+                      </svg>
+                    </div>
+                    </button>
+                </div>
+            </div>
+    </footer>
+    <button onclick="window.print()" style="font-family:Georgia; font-size:medium; line-height: inherit;border-radius:5px ;background-color: #f9e2c4;padding:5px 5px;">Print this page</button>
+</div>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
+</body>
+<script>
+
+function redirectLogin() {
+    window.location.href = "Html-files/login.html";
+}
+function redirectSignup() {
+    window.location.href = "Html-files/signup.html";
+}
+
+ // Get the button element
+const scrollToTopBtn = document.getElementById("sr");
+
+window.onscroll = function() {
+scrollFunction();
+};
+
+function scrollFunction() {
+if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+scrollToTopBtn.style.display = "block";
+} else {
+scrollToTopBtn.style.display = "none";
+}
+}
+scrollToTopBtn.addEventListener("click", function() {
+document.body.scrollTop = 0;
+document.documentElement.scrollTop = 0;
+});
+</script>
+<script>
+
+const coords = { x: 0, y: 0 };
+const circles = document.querySelectorAll(".circle");
+
+const colors = [
+  "#ffb56b",
+  "#fdaf69",
+  "#f89d63",
+  "#f59761",
+  "#ef865e",
+  "#ec805d",
+  "#e36e5c",
+  "#df685c",
+  "#d5585c",
+  "#d1525c",
+  "#c5415d",
+  "#c03b5d",
+  "#b22c5e",
+  "#ac265e",
+  "#9c155f",
+  "#950f5f",
+  "#830060",
+  "#7c0060",
+  "#680060",
+  "#60005f",
+  "#48005f",
+  "#3d005e"
+];
+
+circles.forEach(function (circle, index) {
+  circle.x = 0;
+  circle.y = 0;
+  circle.style.backgroundColor = colors[index % colors.length];
+});
+
+window.addEventListener("mousemove", function (e) {
+  coords.x = e.clientX;
+  coords.y = e.clientY;
+
+});
+
+function animateCircles() {
+
+  let x = coords.x;
+  let y = coords.y;
+
+  circles.forEach(function (circle, index) {
+    circle.style.left = x - 2 + "px";
+    circle.style.top = y - 2 + "px";
+
+    circle.style.scale = (circles.length - index) / circles.length;
+
+    circle.x = x;
+    circle.y = y;
+
+    const nextCircle = circles[index + 1] || circles[0];
+    x += (nextCircle.x - x) * 0.3;
+    y += (nextCircle.y - y) * 0.3;
+  });
+
+  requestAnimationFrame(animateCircles);
+}
+
+animateCircles();
+</script>
+
+<!-- Pop Up JS starts Here  -->
+<script src="./script/popup.js">
+</script>
+
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+const preloader = document.getElementById('preloader');
+const mainContent = document.getElementById('main-content');
+
+// Listen for the window load event
+window.addEventListener('load', function() {
+    setTimeout(function() {
+        preloader.classList.add('hidden');
+        mainContent.classList.remove('hidden');
+        mainContent.classList.add('visible');
+    }, 3000); 
+});
+});
+
+</script>
+<script>
+window.onscroll = () => {
+document.querySelector(".mountain").style.marginTop = scrollY + "px";
+
+document.querySelector(".trees").style.marginTop = scrollY / 1.5 + "px";
+
+document.querySelector(".stars").style.marginTop = scrollY * 2 + "px";
+
+document.querySelector(".stars").style.marginRight = scrollY / 2 + "px";
+
+document.querySelector(".moon").style.transform = "rotate(-" + (scrollY / 5.5) + "deg)";
+
+document.querySelector(".Home h1").style.marginTop = scrollY + "px";
+
+document.querySelector(".Home h1").style.opacity = (200 - scrollY) / 200;
+};
+</script>
+
+
+<script
+src="https://www.chatbase.co/embed.min.js"
+chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+domain="www.chatbase.co"
+defer>
+</script>
+
+<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+<script>
+AOS.init();
+</script>
+</html>
diff --git a/index.html b/index.html
index 0479b5f5..5a221544 100644
--- a/index.html
+++ b/index.html
@@ -463,7 +463,7 @@
                     </li>
                     
                     <li class="nav-item">
-                    <a class="nav-link" href="#" style="font-family: var(--ff-philosopher); color: black;">More</a>
+                    <a class="nav-link" href="Html-files/reviews.html" style="font-family: var(--ff-philosopher); color: black;">Share Experience</a>
                     </li>
 
                 </ul>

From 4bf11fb809802678bc72d2a90fe75a076ed2387a Mon Sep 17 00:00:00 2001
From: Krish Patel <65026713+KrishPatel1205@users.noreply.github.com>
Date: Tue, 15 Oct 2024 22:31:57 +0530
Subject: [PATCH 19/26] Update services.html

---
 Html-files/services.html | 47 ++++++++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 19 deletions(-)

diff --git a/Html-files/services.html b/Html-files/services.html
index 3a432d3c..47c494cc 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -421,32 +421,41 @@ <h1  style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%); margin
         </div>
         <div class="first_cont">
             <!-- First Item -->
-            <div class="items" style="text-align: center;">
-                <img src="../Images/customer-service.png" alt="Vintage Vibe" style="width: 100px; height: 100px; margin-bottom: 10px;">
-                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Vintage Vibe!</h3>
-                <button class="but" style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
-                    <a href="./menu.html" style="text-decoration: none;">Take Experience</a>
-                </button>
+            <div class="items" style="text-align: center; height: 20%;">
+                <div class="items-container" style="display: flex; flex-direction: column; align-items: center;">
+                    <img src="../Images/customer-service.png" alt="Vintage Vibe" style="width: 100px; height: 100px; margin-bottom: 10px;">
+                    <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Vintage Vibe!</h3>
+                    <button class="but" style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%); margin-top: 30px;">
+                        <a href="./menu.html" style="text-decoration: none;">Take Experience</a>
+                    </button>
+                </div>
+                
             </div>
         
             <!-- Second Item -->
-            <div class="items" style="text-align: center;">
-                <img src="../Images/booking.png" alt="Services for Events" style="width: 100px; height: 100px; margin-bottom: 10px;">
-                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Services for Events</h3>
-                <button class="but" style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
-                    <a href="./booknow.html" style="text-decoration: none;">Book Now</a>
-                </button>
-            </div>
+            <div class="items" style="text-align: center; height: 20%;">
+                <div class="items-container" style="display: flex; flex-direction: column; align-items: center;">
+                    <img src="../Images/booking.png" alt="Services for Events" style="width: 100px; height: 100px; margin-bottom: 10px;">
+                    <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Services for Events</h3>
+                    <button class="but" style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%); margin-top: 30px;">
+                        <a href="./booknow.html" style="text-decoration: none;">Book Now</a>
+                    </button>
+                    </div>
+                </div>
+            
         
             <!-- Third Item -->
-            <div class="items" style="text-align: center;">
-                <img src="../Images/ecommerce.png" alt="Retro Delivery Subscription" style="width: 100px; height: 100px; margin-bottom: 10px;">
-                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Retro Delivery Subscription</h3>
-                <button class="but" style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
-                    <a href="./signup.html" style="text-decoration: none;">Take Subscription</a>
-                </button>
+            <div class="items" style="text-align: center; height: 20%;">
+                <div div class="items-container" style="display: flex; flex-direction: column; align-items: center;">
+                    <img src="../Images/ecommerce.png" alt="Retro Delivery Subscription" style="width: 100px; height: 100px; margin-bottom: 10px;">
+                    <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Retro Delivery Subscription</h3>
+                    <button class="but" style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%); margin-top: 7px;">
+                        <a href="./signup.html" style="text-decoration: none;">Take Subscription</a>
+                    </button>
+                </div>
             </div>
         </div>
+    </div>
         </div>
 
         <section class="service_container">

From 46754586d2aa1f9f75b6db4fea8d29b10541b4d1 Mon Sep 17 00:00:00 2001
From: Sneha Tiwari <snehhhcodes@gmail.com>
Date: Tue, 15 Oct 2024 23:11:36 +0530
Subject: [PATCH 20/26] new changes

---
 Html-files/museums.html | 604 ++++++++++++++++++++++++++++++++++++++++
 index.html              |   6 +-
 2 files changed, 609 insertions(+), 1 deletion(-)
 create mode 100644 Html-files/museums.html

diff --git a/Html-files/museums.html b/Html-files/museums.html
new file mode 100644
index 00000000..a776cd5c
--- /dev/null
+++ b/Html-files/museums.html
@@ -0,0 +1,604 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Retro</title>
+
+    <style>
+        @media (min-width: 992px) {
+            .navbar-expand-lg .navbar-nav {
+                margin-top: -9px; /* Add this line */
+            }
+        }
+    </style>
+     
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="/Css-files/navbarstyles.css">
+    <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> -->
+    
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
+        integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="shortcut icon" type="image/x-icon" href="./Favicon image/favicon-32x32.png">
+    <link
+        href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"
+        rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+        crossorigin="anonymous"></script> -->
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+        
+        <link rel="stylesheet" href="./style.css">
+ 
+    <style>
+
+        .retro-heading {
+
+          font-family:  var(--ff-philosopher);
+          color:  brown;
+          z-index: 99;
+          transition:  all 0.3s ease;
+
+        }
+ 
+        .retro-heading:hover {
+
+           color:  #5d095c;
+           text-shadow:  0 0 15px rgba(214, 30, 171, 0.9), 0 0 30px rgba(138, 38, 88, 0.7);
+           transform:  scale(1.3); 
+
+        }
+ 
+        .faq-container {
+            margin-top: 50px;
+            margin-left: auto;
+            margin-right: auto;
+            background: transparent;/* Container background */
+            border-radius: 8px; /* Rounded corners */
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+            padding: 20px; /* Padding inside the container */
+        }
+    </style>
+
+    <style>
+        :root{
+            --ff-philosopher: "Philosopher", sans-serif;
+            --ff-poppins: "Poppins", sans-serif;
+        }
+        body{
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
+  background-size: cover;
+}
+::-webkit-scrollbar {
+  width: 10px; /* Width of the scrollbar */
+}
+::-webkit-scrollbar-track {
+  background-color: #feaea5; /* Color of the track */
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: linear-gradient(
+    to bottom,
+    hsl(357, 37%, 62%),
+    hsl(304, 14%, 46%)
+  );
+  border-radius: 6px; /* Rounded corners of the thumb */
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgb(172, 38, 94); /* Color of the thumb on hover */
+}
+
+* {
+  scrollbar-width: thick; /* Width of the scrollbar */
+}
+::-webkit-scrollbar-button {
+  display: none;
+}
+    </style>
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  
+#sr {
+display: none; 
+position: fixed; 
+bottom: 70px; 
+right: 15px; 
+z-index: 99; 
+font-size: 18px;
+border: none;
+outline: none;
+background-color: transparent; 
+color: rgb(17, 17, 17); 
+cursor: pointer; 
+padding: 15px; 
+border-radius: 4px; 
+}
+
+#sr:hover {
+background-color: transparent; 
+color: black;
+border-radius: 100px;
+}
+.circle{
+   z-index: 10000;
+   width: 20px;
+   height: 20px;
+   border-radius: 50%;
+   pointer-events: none;
+    animation: colors 5s infinite;
+    position: fixed;
+  transform: translate(-50%,-50%);
+}
+.circle::before {
+    content: "";
+    position: fixed;
+  width: 50px;
+  height: 50px;
+  opacity: 0.2;
+  transform: translate(-30%,-30%);
+  border-radius: 50%;
+}
+body{
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
+  background-size: cover;
+  
+  background-attachment: fixed;
+}
+::-webkit-scrollbar {
+  width: 10px; 
+}
+::-webkit-scrollbar-track {
+  background-color: #feaea5; 
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: linear-gradient(
+    to bottom,
+    hsl(357, 37%, 62%),
+    hsl(304, 14%, 46%)
+  );
+  border-radius: 6px; 
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgb(172, 38, 94); 
+}
+
+* {
+  scrollbar-width: thick; 
+}
+::-webkit-scrollbar-button {
+  display: none;
+}
+    </style>
+<style>
+.intro_container{
+    min-height: 100vh;
+    background: linear-gradient(to bottom, #feaea5, #a65961);
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+}
+   .intro_container img{
+    position: absolute;
+    width: 100%;
+    pointer-events: none;
+}
+.layer{
+    bottom: 0;
+}
+.moon{
+    transform-origin: 50% 100%;
+}
+
+#about {
+    display: flex;
+    flex-wrap: wrap; /* Allow boxes to wrap */
+    gap: 20px; /* Space between boxes */
+    justify-content: center; /* Center align items */
+}
+
+.box {
+    background-color:transparent; /* Optional for visual separation */
+    border-radius: 10px;
+    padding: 20px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    display: flex;
+    flex-direction: column; /* Stack content vertically */
+    align-items: center;
+    max-width: 350px; /* Maximum width of each card */
+    flex: 1 1 280px; /* Allow boxes to grow and shrink */
+    min-width: 300px; /* Minimum width for responsiveness */
+    min-height: 480px; /* Minimum height for the card */
+}
+
+.card-image {
+    width: auto; /* Set width to auto to allow centering */
+    height: auto; /* Maintain aspect ratio */
+    max-width: 100%; /* Ensure image does not exceed card width */
+    max-height: 200px; /* Limit the max height to prevent overflow */
+    object-fit: cover; /* Ensure the image covers the card area without distorting */
+    border-radius: 10px; /* Match border radius of the box */
+    margin: 0 auto; /* Center the image horizontally */
+}
+
+.box h2 {
+    margin-top: 10px;
+    text-align: center;
+}
+
+p {
+    text-align: center;
+    margin: 10px 0; /* Add some margin for spacing */
+}
+
+/* Additional responsive adjustments */
+@media (max-width: 600px) {
+    .box {
+        max-width: 100%; /* Allow full width on small screens */
+        min-height: auto; /* Allow height to adjust for smaller screens */
+    }
+
+    .card-image {
+        max-height: 150px; /* Adjust max height for smaller screens */
+    }
+}
+
+
+
+</style>
+</head>
+<body>
+    <div class="circle-container">
+        <div class="circle" style="background-color: rgb(255, 181, 107); left: 504px; top: 59px; scale: 1;"></div>
+        <div class="circle" style="background-color: rgb(253, 175, 105); left: 504px; top: 59px; scale: 0.95;"></div>
+        <div class="circle" style="background-color: rgb(248, 157, 99); left: 504px; top: 59px; scale: 0.9;"></div>
+        <div class="circle" style="background-color: rgb(245, 151, 97); left: 504px; top: 59px; scale: 0.85;"></div>
+        <div class="circle" style="background-color: rgb(239, 134, 94); left: 504px; top: 59px; scale: 0.8;"></div>
+        <div class="circle" style="background-color: rgb(236, 128, 93); left: 504px; top: 59px; scale: 0.75;"></div>
+        <div class="circle" style="background-color: rgb(227, 110, 92); left: 504px; top: 59px; scale: 0.7;"></div>
+        <div class="circle" style="background-color: rgb(223, 104, 92); left: 504px; top: 59px; scale: 0.65;"></div>
+        <div class="circle" style="background-color: rgb(213, 88, 92); left: 504px; top: 59px; scale: 0.6;"></div>
+        <div class="circle" style="background-color: rgb(209, 82, 92); left: 504px; top: 59px; scale: 0.55;"></div>
+        <div class="circle" style="background-color: rgb(197, 65, 93); left: 504px; top: 59px; scale: 0.5;"></div>
+        <div class="circle" style="background-color: rgb(192, 59, 93); left: 504px; top: 59px; scale: 0.45;"></div>
+        <div class="circle" style="background-color: rgb(178, 44, 94); left: 504px; top: 59px; scale: 0.4;"></div>
+        <div class="circle" style="background-color: rgb(172, 38, 94); left: 504px; top: 59px; scale: 0.35;"></div>
+        <div class="circle" style="background-color: rgb(156, 21, 95); left: 504px; top: 59px; scale: 0.3;"></div>
+        <div class="circle" style="background-color: rgb(149, 15, 95); left: 504px; top: 59px; scale: 0.25;"></div>
+        <div class="circle" style="background-color: rgb(131, 0, 96); left: 504px; top: 59px; scale: 0.2;"></div>
+        <div class="circle" style="background-color: rgb(124, 0, 96); left: 504px; top: 59px; scale: 0.15;"></div>
+        <div class="circle" style="background-color: rgb(104, 0, 96); left: 504px; top: 59px; scale: 0.1;"></div>
+        <div class="circle" style="background-color: rgb(96, 0, 95); left: 504px; top: 59px; scale: 0.05;"></div>
+    </div>
+    <div id="preloader">
+        <div id="loader"></div>
+    </div>
+
+    
+    <!--Navbar Start-->
+    <nav class="navbar navbar-expand-lg fixed-top" id="top">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="#" style="font-family: var(--ff-philosopher); color: black;">
+                <b>Retro</b>
+            </a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                    <li class="nav-item">
+                        <a class="nav-link" aria-current="page" href="#"
+                            style="color: black; font-family: var(--ff-philosopher);">Home</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="Html-files/about.html"
+                            style="font-family: var(--ff-philosopher); color: black;">About Us</a>
+                    </li>
+                    
+                    <li class="nav-item">
+                        <a class="nav-link" href="Html-files/menu.html"
+                            style="font-family: var(--ff-philosopher);color: black;">Collections</a>
+                    </li>
+
+                    <li class="nav-item">
+                        <a class="nav-link" href="Html-files/services.html"
+                            style="font-family: var(--ff-philosopher);color: black;">Services</a>
+                    </li>
+
+                    <li class="nav-item">
+                        <a class="nav-link" href="Html-files/contact.html" style="font-family: var(--ff-philosopher); color: black">Contact Us</a>
+                    </li>
+
+                    <li class="nav-item">
+                        <a class="nav-link" href="Html-files/museums.html" style="font-family: var(--ff-philosopher); color: black">Museums</a>
+                    </li>
+                    
+                    
+                </ul>
+
+                <div class="navbar-right">
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link" onclick="redirectLogin()"
+                                style="color: black; font-family: var(--ff-philosopher);">Login</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" onclick="redirectSignup()"
+                                style="color: black; font-family: var(--ff-philosopher);">Signup</a>
+                        </li>
+                        <li class="nav-item" style="list-style-type: none;">
+                            <a class="nav-link" href="Html-files/cart.html" style="color: black;"><i
+                                    class="fa-solid fa-cart-shopping"></i>Cart</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <!--Navbar End-->
+
+<!--    <nav class="navbar navbar-expand-lg fixed-top" id="top">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="#"  style="font-family: var(--ff-philosopher);color: black;"><b>Retro</b></a>
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                    <li class="nav-item">
+                        <a class="nav-link " aria-current="page" href="#" style="color: black;font-family: var(--ff-philosopher);">Home</a>
+                    </li>
+                    
+                    <li class="nav-item">
+                        <a class="nav-link" href="Html-files/about.html" style="font-family: var(--ff-philosopher);color: black;">About</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="Html-files/contact.html" style="font-family: var(--ff-philosopher);color: black;">Contact Us</a>
+                    </li>
+-->
+                 <!-- Google Translate Element -->
+<!--                  <li class="nav-item">
+                        <div id="google_element" style="font-family: var(--ff-philosopher);color: black;" class="nav-link"></div>
+                   </li>
+                </ul>
+
+            </div>
+            <div class="d-flex p-2">
+                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a></li>&nbsp;&nbsp;
+                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a></li>&nbsp;&nbsp;
+            </div>
+
+        </div>
+    </nav>
+-->
+
+    <style>
+        body {
+            background-color: hsl(20, 43%, 93%);
+            font-family: 'Arial', sans-serif;
+        }
+
+        h1 {
+            text-align: center;
+            font-size: 3em;
+            margin-top: 80px;
+            color: brown;
+        }
+
+        .museum-container {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* Ensures responsiveness */
+            gap: 30px;
+            padding: 30px;
+            justify-items: center; /* Centers the cards horizontally */
+        }
+
+        .museum-card {
+            width: 280px;
+            height: 370px;
+            background-color: #ffedd8;
+            border-radius: 20px;
+            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
+            transition: transform 0.4s, box-shadow 0.4s;
+            text-align: center;
+            overflow: hidden;
+            position: relative;
+        }
+
+        .museum-card:hover {
+            transform: scale(1.05);
+            box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
+        }
+
+        .museum-card img {
+            width: 100%;
+            height: 250px;
+            object-fit: cover;
+            border-bottom: 5px solid #ffcad4;
+            transition: transform 0.4s ease;
+        }
+
+        .museum-card:hover img {
+            transform: scale(1.1);
+        }
+
+        .museum-card p {
+            font-size: 22px;
+            margin: 10px 0 5px;
+            color: #3f3e3e;
+            font-weight: bold;
+        }
+
+        .museum-card a {
+            text-decoration: none;
+            color: #3f3e3e;
+            display: block;
+            height: 100%;
+        }
+
+        .museum-card a:hover p {
+            color: brown;
+        }
+
+        .ribbon {
+            position: absolute;
+            top: 15px;
+            left: -27px;
+            width: 120px;
+            height: 30px;
+            background-color: brown;
+            color: white;
+            text-align: center;
+            line-height: 30px;
+            font-size: 14px;
+            font-weight: bold;
+            transform: rotate(-45deg);
+        }
+
+        .museum-card:hover .ribbon {
+            background-color: brown;
+            transition: background-color 0.4s;
+        }
+
+        .title {
+            margin-top: 60px;
+        }
+
+        .price-container {
+            display: flex;
+            justify-content: center;
+            margin-top: 6px;
+        }
+
+        .price-label {
+            font-size: 17px;
+            color: #3f3e3e;
+            margin-right: 5px;
+        }
+
+        .price {
+            font-size: 16px;
+            color: #2a9d8f;
+        }
+
+    </style>
+</head>
+<body>
+
+    <h1>Retro Museums</h1>
+
+    <div class="museum-container">
+        <div class="museum-card">
+            <a href="https://www.google.com/maps/place/National+Museum,+New+Delhi/@28.61181,77.2184012,17z/data=!4m15!1m8!3m7!1s0x390cfd52c71ff0eb:0x20429f292fa5eecf!2sNational+Museum,+New+Delhi!8m2!3d28.6119078!4d77.2192909!10e5!16zL20vMGMzenJq!3m5!1s0x390cfd52c71ff0eb:0x20429f292fa5eecf!8m2!3d28.6119078!4d77.2192909!16zL20vMGMzenJq?entry=ttu&g_ep=EgoyMDI0MTAwOS4wIKXMDSoASAFQAw%3D%3D" target="_blank">
+                <img src="https://lh5.googleusercontent.com/p/AF1QipMsL2RWpWOK6iz1faIJcd_gJdEZs4n_M7gTo8Bh=w408-h408-k-no" alt="National Museum, New Delhi">
+                <p class="title">National Museum, New Delhi</p>
+                <div class="price-container">
+                    <span class="price-label">Ticket Price:</span>
+                    <span class="price">₹20</span>
+                </div>
+            </a>
+            <div class="ribbon">Featured</div>
+        </div>
+
+        <div class="museum-card">
+            <a href="https://www.google.com/maps/place/BDL+Museum+Plaza+%7C+Dr.+Bhau+Daji+Lad+Museum/@18.978994,72.8322404,17z/data=!3m1!4b1!4m6!3m5!1s0x3be7ce5b428e70af:0x79efde6c140c2e05!8m2!3d18.9789889!4d72.8348153!16s%2Fm%2F06w4mwg?entry=ttu&g_ep=EgoyMDI0MTAwOS4wIKXMDSoASAFQAw%3D%3D" target="_blank">
+                <img src="https://lh5.googleusercontent.com/p/AF1QipPbtykRuG77_XOp52evVDv5BAa3YQvJjftv_EZR=w408-h272-k-no" alt="Dr. Bhau Daji Lad Museum, Mumbai">
+                <p class="title">Dr. Bhau Daji Lad Museum, Mumbai</p>
+                <div class="price-container">
+                    <span class="price-label">Ticket Price:</span>
+                    <span class="price">₹10</span>
+                </div>
+            </a>
+            <div class="ribbon">Popular</div>
+        </div>
+
+        <div class="museum-card">
+            <a href="https://www.google.com/maps/place/Indian+Museum/@22.5578907,88.3485519,17z/data=!3m1!4b1!4m6!3m5!1s0x3a02771160347adf:0x9fd70619f94d0bac!8m2!3d22.5578858!4d88.3511268!16zL20vMDM3NGtu?entry=ttu&g_ep=EgoyMDI0MTAwOS4wIKXMDSoASAFQAw%3D%3D" target="_blank">
+                <img src="https://lh5.googleusercontent.com/p/AF1QipPNCfv_JgzRTqfDPkZ4shXR48NPgPbcX2PzDX3V=w408-h408-k-no" alt="Indian Museum, Kolkata">
+                <p class="title">Indian Museum, Kolkata</p>
+                <div class="price-container">
+                    <span class="price-label">Ticket Price:</span>
+                    <span class="price">₹20</span>
+                </div>
+            </a>
+            <div class="ribbon">Classic</div>
+        </div>
+
+        <div class="museum-card">
+            <a href="https://www.google.com/maps/place/Vivekananda+House/@13.0494727,80.2777625,17z/data=!3m1!4b1!4m6!3m5!1s0x3a52689cc49d64dd:0x488b6c9faaa9031!8m2!3d13.0494675!4d80.2803374!16s%2Fm%2F025w557?entry=ttu&g_ep=EgoyMDI0MTAwOS4wIKXMDSoASAFQAw%3D%3D" target="_blank">
+                <img src="https://lh5.googleusercontent.com/p/AF1QipMBvxxqGQpCDu101Dy-UYuV-Mrg-eA4MwYiUM1q=w426-h240-k-no" alt="Vivekananda House, Chennai">
+                <p class="title">Vivekananda House, Chennai</p>
+                <div class="price-container">
+                    <span class="price-label">Ticket Price:</span>
+                    <span class="price">₹10</span>
+                </div>
+            </a>
+            <div class="ribbon">Must-Visit</div>
+        </div>
+
+        <div class="museum-card">
+            <a href="https://www.google.com/maps/place/Nehru+Science+Centre/@18.9918193,72.8181497,17z/data=!3m1!4b1!4m6!3m5!1s0x3be7b626f2261433:0xf8b02d339247653b!8m2!3d18.9918142!4d72.8207246!16s%2Fm%2F02rhsrl?entry=ttu&g_ep=EgoyMDI0MTAwOS4wIKXMDSoASAFQAw%3D%3D" target="_blank">
+                <img src="https://lh5.googleusercontent.com/p/AF1QipPB9Yu47gjRBMSaG1rEiesBFnsAV-OwW3qtaLeD=w408-h544-k-no" alt="Nehru Science Centre, Mumbai">
+                <p class="title">Nehru Science Centre, Mumbai</p>
+                <div class="price-container">
+                    <span class="price-label">Ticket Price:</span>
+                    <span class="price">₹60</span>
+                </div>
+            </a>
+            <div class="ribbon">Explore</div>
+        </div>
+
+        <div class="museum-card">
+            <a href="https://www.google.com/maps/place/Salar+Jung+Museum/@17.371536,78.477736,17z/data=!4m10!1m2!2m1!1sSalar+Jung+Museum,+Hyderabad!3m6!1s0x3bcb9787e263d7bb:0x353b934b9b69a041!8m2!3d17.3716084!4d78.4802439!15sChxTYWxhciBKdW5nIE11c2V1bSwgSHlkZXJhYmFkWh0iG3NhbGFyIGp1bmcgbXVzZXVtIGh5ZGVyYWJhZJIBCmFydF9tdXNldW3gAQA!16zL20vMDNfMHZm?entry=ttu&g_ep=EgoyMDI0MTAwOS4wIKXMDSoASAFQAw%3D%3D" target="_blank">
+                <img src="https://www.holidify.com/images/cmsuploads/compressed/50382227093c4ae17ef1ab_20220523165700.jpeg" alt="Salar Jung Museum, Hyderabad">
+                <p class="title">Salar Jung Museum, Hyderabad</p>
+                <div class="price-container">
+                    <span class="price-label">Ticket Price:</span>
+                    <span class="price">₹20</span>
+                </div>
+            </a>
+            <div class="ribbon">Attraction</div>
+        </div>
+
+        <div class="museum-card">
+            <a href="https://www.google.com/maps/place/Sabarmati+Ashram/@23.0615153,72.5775615,17z/data=!4m10!1m2!2m1!1sGandhi+Ashram,+Ahmedabad!3m6!1s0x395e8479e05f1901:0x16cbb1101e5729a3!8m2!3d23.0606577!4d72.5803299!15sChhHYW5kaGkgQXNocmFtLCBBaG1lZGFiYWRaGSIXZ2FuZGhpIGFzaHJhbSBhaG1lZGFiYWSSAQZhc2hyYW3gAQA!16zL20vMDRiYmNk?entry=ttu&g_ep=EgoyMDI0MTAwOS4wIKXMDSoASAFQAw%3D%3D" target="_blank">
+                <img src="https://lh5.googleusercontent.com/p/AF1QipP6aejnuZ6ITozdmExfB-zaJOd89VevxkwbaglC=w408-h262-k-no" alt="Sabarmati Ashram, Ahmedabad">
+                <p class="title">Sabarmati Ashram, Ahmedabad</p>
+                <div class="price-container">
+                    <span class="price-label">Ticket Price:</span>
+                    <span class="price">Free</span>
+                </div>
+            </a>
+            <div class="ribbon">Educational</div>
+        </div>
+
+        <div class="museum-card">
+            <a href="https://www.google.com/maps/place/Smaranika+Tram+Museum/@22.5651862,88.347191,17z/data=!4m6!3m5!1s0x3a0277a7739ebb33:0xa73d4f0bd6295a7d!8m2!3d22.5651813!4d88.3497659!16s%2Fg%2F11csq9v9ws?entry=ttu&g_ep=EgoyMDI0MTAwOS4wIKXMDSoASAFQAw%3D%3D" target="_blank">
+                <img src="https://lh5.googleusercontent.com/p/AF1QipN0pXG_SHjh4tElW-x8IS_fChj2WDZhnOtxn57G=w408-h306-k-no" alt="Smaranika Tram Museum, Kolkata">
+                <p class="title">Smaranika Tram Museum, Kolkata</p>
+                <div class="price-container">
+                    <span class="price-label">Ticket Price:</span>
+                    <span class="price">₹40</span>
+                </div>
+            </a>
+            <div class="ribbon">Iconic</div>
+        </div>
+</body>
+</html>
diff --git a/index.html b/index.html
index 0b9721e0..fe57d08d 100644
--- a/index.html
+++ b/index.html
@@ -469,6 +469,10 @@
                     <a class="nav-link" href="#" style="font-family: var(--ff-philosopher); color: black;">More</a>
                     </li>
 
+                    <li class="nav-item">
+                        <a class="nav-link" href="Html-files/museums.html" style="font-family: var(--ff-philosopher); color: black">Museums</a>
+                    </li>
+
                 </ul>
 
                 <div class="navbar-right">
@@ -479,7 +483,7 @@
                         </li>
                         <li class="nav-item">
                             <a class="nav-link" onclick="redirectSignup()"
-                                style="color: black; font-family: var(--ff-philosopher);">Signup</a>
+                                 style="color: black; font-family: var(--ff-philosopher);">Signup</a>
                         </li>
                         <li class="nav-item" style="list-style-type: none;">
                             <a class="nav-link" href="Html-files/cart.html" style="color: black;"><i

From 85e4dac7dd92f0113b328f49b107265a15bc06f5 Mon Sep 17 00:00:00 2001
From: Lakshmi Pavananjali <154777864+Anjaliavv51@users.noreply.github.com>
Date: Tue, 15 Oct 2024 23:29:52 +0530
Subject: [PATCH 21/26] Update index.html

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 5a221544..7edd3a6d 100644
--- a/index.html
+++ b/index.html
@@ -463,7 +463,7 @@
                     </li>
                     
                     <li class="nav-item">
-                    <a class="nav-link" href="Html-files/reviews.html" style="font-family: var(--ff-philosopher); color: black;">Share Experience</a>
+                    <a class="nav-link" href="#" style="font-family: var(--ff-philosopher); color: black;">More</a>
                     </li>
 
                 </ul>
@@ -1018,6 +1018,7 @@ <h2 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Downlo
                     <a href="Html-files/services.html" >Services</a>
                     <a href="Html-files/contact.html" >Contact us</a>
                     <a href="Html-files/cart.html" >Cart</a>
+                    <a href="Html-files/reviews.html">Share Experience</a>
                 </ul>
                 <ul>
                     <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher); text-align:left"> Exclusive Offers</p>

From 8bf4e8671faf5529143a64e26cf6ea8748a40e8d Mon Sep 17 00:00:00 2001
From: Anjaliavv51 <154777864+Anjaliavv51@users.noreply.github.com>
Date: Wed, 16 Oct 2024 00:11:25 +0530
Subject: [PATCH 22/26] removal of html file unneccessary

#1
---
 package-lock.json | 6 ++++++
 shdbxjcsh.html    | 1 -
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 package-lock.json
 delete mode 100644 shdbxjcsh.html

diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..8294ce1a
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "Retro",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/shdbxjcsh.html b/shdbxjcsh.html
deleted file mode 100644
index 8b137891..00000000
--- a/shdbxjcsh.html
+++ /dev/null
@@ -1 +0,0 @@
-

From 39963ac554a1ffc2e75d0a65c5dadf8feea6ba78 Mon Sep 17 00:00:00 2001
From: Anjaliavv51 <154777864+Anjaliavv51@users.noreply.github.com>
Date: Wed, 16 Oct 2024 00:15:49 +0530
Subject: [PATCH 23/26] code added for server start by reference of PR number
 #341

#1
---
 backend/backendcode.ev | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 backend/backendcode.ev

diff --git a/backend/backendcode.ev b/backend/backendcode.ev
new file mode 100644
index 00000000..1d315525
--- /dev/null
+++ b/backend/backendcode.ev
@@ -0,0 +1,5 @@
+PORT=3000
+MONGODB_URL=mongodb://username:password@cluster0.mongodb.net/retro_db
+SECRET=retroApp_SecretKey_2024!
+CLIENT_URL=https://rococo-mooncake-0d89f7.netlify.app
+GITHUB_REPO=https://github.com/Anjaliavv51/Retro
\ No newline at end of file

From 5bf99dd3a6fd34beeaa1fd0b717417f29981b48d Mon Sep 17 00:00:00 2001
From: Lakshmi Pavananjali <154777864+Anjaliavv51@users.noreply.github.com>
Date: Wed, 16 Oct 2024 14:29:11 +0530
Subject: [PATCH 24/26] Update index.html

---
 index.html | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/index.html b/index.html
index fe57d08d..9cc505d7 100644
--- a/index.html
+++ b/index.html
@@ -469,10 +469,6 @@
                     <a class="nav-link" href="#" style="font-family: var(--ff-philosopher); color: black;">More</a>
                     </li>
 
-                    <li class="nav-item">
-                        <a class="nav-link" href="Html-files/museums.html" style="font-family: var(--ff-philosopher); color: black">Museums</a>
-                    </li>
-
                 </ul>
 
                 <div class="navbar-right">
@@ -1124,6 +1120,7 @@ <h2 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Downlo
                     <a href="Html-files/services.html" >Services</a>
                     <a href="Html-files/contact.html" >Contact us</a>
                     <a href="Html-files/cart.html" >Cart</a>
+                    <a href="Html-files/museums.html" >Museums</a>
                 </ul>
                 <ul>
                     <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher); text-align:left"> Exclusive Offers</p>

From ea11ba17ef7b47d68b107f132809a033baa1214e Mon Sep 17 00:00:00 2001
From: Lakshmi Pavananjali <154777864+Anjaliavv51@users.noreply.github.com>
Date: Wed, 16 Oct 2024 14:35:56 +0530
Subject: [PATCH 25/26] Update museums.html

---
 Html-files/museums.html | 50 ++---------------------------------------
 1 file changed, 2 insertions(+), 48 deletions(-)

diff --git a/Html-files/museums.html b/Html-files/museums.html
index a776cd5c..15051e7d 100644
--- a/Html-files/museums.html
+++ b/Html-files/museums.html
@@ -266,33 +266,6 @@
 </style>
 </head>
 <body>
-    <div class="circle-container">
-        <div class="circle" style="background-color: rgb(255, 181, 107); left: 504px; top: 59px; scale: 1;"></div>
-        <div class="circle" style="background-color: rgb(253, 175, 105); left: 504px; top: 59px; scale: 0.95;"></div>
-        <div class="circle" style="background-color: rgb(248, 157, 99); left: 504px; top: 59px; scale: 0.9;"></div>
-        <div class="circle" style="background-color: rgb(245, 151, 97); left: 504px; top: 59px; scale: 0.85;"></div>
-        <div class="circle" style="background-color: rgb(239, 134, 94); left: 504px; top: 59px; scale: 0.8;"></div>
-        <div class="circle" style="background-color: rgb(236, 128, 93); left: 504px; top: 59px; scale: 0.75;"></div>
-        <div class="circle" style="background-color: rgb(227, 110, 92); left: 504px; top: 59px; scale: 0.7;"></div>
-        <div class="circle" style="background-color: rgb(223, 104, 92); left: 504px; top: 59px; scale: 0.65;"></div>
-        <div class="circle" style="background-color: rgb(213, 88, 92); left: 504px; top: 59px; scale: 0.6;"></div>
-        <div class="circle" style="background-color: rgb(209, 82, 92); left: 504px; top: 59px; scale: 0.55;"></div>
-        <div class="circle" style="background-color: rgb(197, 65, 93); left: 504px; top: 59px; scale: 0.5;"></div>
-        <div class="circle" style="background-color: rgb(192, 59, 93); left: 504px; top: 59px; scale: 0.45;"></div>
-        <div class="circle" style="background-color: rgb(178, 44, 94); left: 504px; top: 59px; scale: 0.4;"></div>
-        <div class="circle" style="background-color: rgb(172, 38, 94); left: 504px; top: 59px; scale: 0.35;"></div>
-        <div class="circle" style="background-color: rgb(156, 21, 95); left: 504px; top: 59px; scale: 0.3;"></div>
-        <div class="circle" style="background-color: rgb(149, 15, 95); left: 504px; top: 59px; scale: 0.25;"></div>
-        <div class="circle" style="background-color: rgb(131, 0, 96); left: 504px; top: 59px; scale: 0.2;"></div>
-        <div class="circle" style="background-color: rgb(124, 0, 96); left: 504px; top: 59px; scale: 0.15;"></div>
-        <div class="circle" style="background-color: rgb(104, 0, 96); left: 504px; top: 59px; scale: 0.1;"></div>
-        <div class="circle" style="background-color: rgb(96, 0, 95); left: 504px; top: 59px; scale: 0.05;"></div>
-    </div>
-    <div id="preloader">
-        <div id="loader"></div>
-    </div>
-
-    
     <!--Navbar Start-->
     <nav class="navbar navbar-expand-lg fixed-top" id="top">
         <div class="container-fluid">
@@ -327,30 +300,11 @@
                     <li class="nav-item">
                         <a class="nav-link" href="Html-files/contact.html" style="font-family: var(--ff-philosopher); color: black">Contact Us</a>
                     </li>
-
                     <li class="nav-item">
-                        <a class="nav-link" href="Html-files/museums.html" style="font-family: var(--ff-philosopher); color: black">Museums</a>
+                    <a class="nav-link" href="Html-files/cart.html" style="color: black;"><i
+                                    class="fa-solid fa-cart-shopping"></i>Cart</a>
                     </li>
-                    
-                    
                 </ul>
-
-                <div class="navbar-right">
-                    <ul class="navbar-nav">
-                        <li class="nav-item">
-                            <a class="nav-link" onclick="redirectLogin()"
-                                style="color: black; font-family: var(--ff-philosopher);">Login</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" onclick="redirectSignup()"
-                                style="color: black; font-family: var(--ff-philosopher);">Signup</a>
-                        </li>
-                        <li class="nav-item" style="list-style-type: none;">
-                            <a class="nav-link" href="Html-files/cart.html" style="color: black;"><i
-                                    class="fa-solid fa-cart-shopping"></i>Cart</a>
-                        </li>
-                    </ul>
-                </div>
             </div>
         </div>
     </nav>

From 22f8c32da54f4058ceba70c479d788432ebf2104 Mon Sep 17 00:00:00 2001
From: ZoyaYusuf <zoyayusuf04@gmail.com>
Date: Thu, 17 Oct 2024 21:31:32 +0530
Subject: [PATCH 26/26] copyright is now dynamic>

---
 index.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 7d22b671..cd0745ad 100644
--- a/index.html
+++ b/index.html
@@ -1187,7 +1187,7 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
                     </p>
                     <div class="copyright" style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: black;">
 
-                        &copy; 2024 Retro . All Rights Reserved. | Developed by <span id="author">
+                        &copy;<span id="copyright"></span> Retro . All Rights Reserved. | Developed by <span id="author">
                             <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
                     </div>
                     <div>
@@ -1359,4 +1359,8 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
 <script>
     AOS.init();
   </script>
+
+<script>
+    document.getElementById("copyright").textContent = new Date().getFullYear();
+</script>  
 </html>
