diff --git a/frontend/src/App.js b/frontend/src/App.js
index 858fca8..e51050d 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -25,9 +25,7 @@ const About = React.lazy(() => import('./components/LandingPages/About/About'));
 const Events = React.lazy(() =>
   import('./components/LandingPages/Events/Events')
 );
-const Admin = React.lazy(() =>
-  import('./components/DashBoard/Admin/Admin')
-);
+const Admin = React.lazy(() => import('./components/DashBoard/Admin/Admin'));
 const Team = React.lazy(() => import('./components/LandingPages/Team/Team'));
 const Sponsors = React.lazy(() =>
   import('./components/LandingPages/Sponsors/Sponsors')
@@ -63,7 +61,9 @@ const Home = React.lazy(() => import('./components/DashBoard/Home/Home'));
 const Registration = React.lazy(() =>
   import('./components/DashBoard/Registration/Registration')
 );
-const Document = React.lazy(() => import('./components/DashBoard/Document/Document'));
+const Document = React.lazy(() =>
+  import('./components/DashBoard/Document/Document')
+);
 
 const Profile = React.lazy(() =>
   import('./components/DashBoard/Profile/Profile')
@@ -80,10 +80,10 @@ const HomePage = React.lazy(() =>
 const Footer1 = React.lazy(() =>
   import('./components/LandingPages/Contact/Contact.js')
 );
-const Matches =React.lazy(()=>
+const Matches = React.lazy(() =>
   import('./components/LandingPages/matches/matches')
 );
-const Espardha =React.lazy(()=>
+const Espardha = React.lazy(() =>
   import('./components/LandingPages/Espardha/Espardha')
 );
 
@@ -111,7 +111,7 @@ function App() {
             </Suspense>
           }
         >
-           <Route
+          <Route
             path="/"
             element={
               <Suspense fallback={<Spinner />}>
@@ -141,7 +141,6 @@ function App() {
               element={
                 <Suspense fallback={<Preloader />}>
                   <Signup />
-                  
                 </Suspense>
               }
             />
@@ -172,7 +171,7 @@ function App() {
                 </Suspense>
               }
             />
-            
+
             <Route
               exact
               path="verify"
@@ -195,7 +194,7 @@ function App() {
             path="espardha"
             element={
               <Suspense fallback={<Preloader />}>
-                <Espardha/>
+                <Espardha />
               </Suspense>
             }
           />
@@ -272,25 +271,25 @@ function App() {
             }
           />
         </Route>
-        
+
         <Route
-          path="admin"  
+          path="admin"
           element={
             <Suspense fallback={<Preloader />}>
-              <Admin/>
+              <Admin />
             </Suspense>
           }
-          />
-          <Route
-            path="admin/showtable"
-            element={
-              <Suspense fallback={<Spinner />}>
-                <ShowTable />
-              </Suspense>
-            }
-          />
+        />
+        <Route
+          path="admin/showtable"
+          element={
+            <Suspense fallback={<Spinner />}>
+              <ShowTable />
+            </Suspense>
+          }
+        />
 
-           {/* <Route
+        {/* <Route
             path="admin/allgames"
             element={
               <Suspense fallback={<Spinner />}>
@@ -299,14 +298,14 @@ function App() {
             }
           /> */}
 
-          <Route
-            path="admin/allusers"
-            element={
-              <Suspense fallback={<Spinner />}>
-                <ShowallTable />
-              </Suspense>
-            }
-          />
+        <Route
+          path="admin/allusers"
+          element={
+            <Suspense fallback={<Spinner />}>
+              <ShowallTable />
+            </Suspense>
+          }
+        />
         <Route
           path="/dashboard"
           element={
@@ -347,7 +346,7 @@ function App() {
               </Suspense>
             }
           />
-        
+
           <Route
             path="events"
             element={
@@ -364,7 +363,6 @@ function App() {
               </Suspense>
             }
           />
-         
         </Route>
       </Routes>
       {/* </Router> */}
@@ -372,4 +370,4 @@ function App() {
   );
 }
 
-export default App;
\ No newline at end of file
+export default App;
diff --git a/frontend/src/components/LandingPages/Gallery/Gallery.js b/frontend/src/components/LandingPages/Gallery/Gallery.js
index 39f9a04..6ae580e 100644
--- a/frontend/src/components/LandingPages/Gallery/Gallery.js
+++ b/frontend/src/components/LandingPages/Gallery/Gallery.js
@@ -6,27 +6,13 @@ import 'react-responsive-carousel/lib/styles/carousel.min.css';
 import { Modal, ModalHeader, ModalBody } from 'reactstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-// import GalleryModal from '../GalleryModal/GalleryModal';
-// import Background_gallery from '/images/bg/bg_football.png';
-
 const Gallery = () => {
-  // const gallery_bg={
-  //     backgroundImage:  "url(" + { Background_gallery } + ")",
-  //     backgroundAttachment: "fixed",
-  //     backgroundPosition: "center",
-  //     backgroundSize: "cover"
-  // }
   const [modal, setModal] = useState(false);
   const toggle = () => setModal(!modal);
   const [item, setItem] = useState(0);
-  // const changeIndex=(index)=>{
-  //   console.log("changeIndex",index);
-  //   setItem(index)
-  // };
   const [check, setCheck] = useState(false);
 
   useEffect(() => {
-    // console.log('useEffect', check);
     if (check) {
       if (!modal) {
         toggle();
@@ -63,7 +49,6 @@ const Gallery = () => {
               
             </div>
           </div>
-          {/* <hr style="margin-left: 30px; margin-right: 30px;"> */}
           <div className="tz-gallery">
             <div className="row_gallery mb-3 gallery-heading boldClass"  style={{ color: '#760e53'}}>
               Opening Ceremony
diff --git a/frontend/src/components/LandingPages/Guests/SliderGuests.js b/frontend/src/components/LandingPages/Guests/SliderGuests.js
index b76cca4..e8467d0 100644
--- a/frontend/src/components/LandingPages/Guests/SliderGuests.js
+++ b/frontend/src/components/LandingPages/Guests/SliderGuests.js
@@ -6,10 +6,6 @@ import 'owl.carousel/dist/assets/owl.theme.default.css';
 
 const SliderGuests = () => {
   return (
-    // <section id="testimonials">
-    //   SliderGuests
-    // </section>
-
     <section id="testimonials" className="testimony-section">
       <div className="overlay"></div>
       <div className="container_slider">
@@ -40,8 +36,6 @@ const SliderGuests = () => {
               autoplay
               center={true}
               className="mine_slider_guests"
-              // stagePadding={500}
-              // margin="1px"
             >
               <div className="item">
                 <div className="testimony-wrap text-center py-4">
@@ -58,20 +52,6 @@ const SliderGuests = () => {
                 </div>
               </div>
 
-              {/* <div className="item">
-                <div className="testimony-wrap text-center py-4">
-                  <div className="user-img mt-3 mb-4 bg_class_guest8"></div>
-                  <div className="text p-3">
-                    <p className="mb-4">
-                      Salute to all organisers for such dedication and
-                      determination.
-                    </p>
-                    <p className="name">Sushil Kumar (Wrestler)</p>
-                    <span className="position">2010 World Title winner</span>
-                  </div>
-                </div>
-              </div> */}
-
               <div className="item">
                 <div className="testimony-wrap text-center py-4">
                   <div className="user-img mt-3 mb-4 bg_class_guest9"></div>
diff --git a/frontend/src/components/LandingPages/Header/Header.js b/frontend/src/components/LandingPages/Header/Header.js
index a914d55..96c80f0 100644
--- a/frontend/src/components/LandingPages/Header/Header.js
+++ b/frontend/src/components/LandingPages/Header/Header.js
@@ -14,14 +14,12 @@ import {
   FaTwitter,
 } from 'react-icons/fa';
 import styles from './Header.module.css';
-// import { isMobile } from 'react-device-detect';
 import { useMediaQuery } from 'react-responsive';
 
 function Header() {
   const [open, setOpen] = useState(false);
   const [navbar, setNavbar] = useState(false);
   const isMobile = useMediaQuery({ maxWidth: 993});
-  //const [home,setHome]=useState(true);
   const [active,setActive]=useState(false);
 
   useEffect(() => {
@@ -106,15 +104,7 @@ function Header() {
                     onClick={() => {
                       setOpen(false);
                     }}
-                    // style={({ isActive }) => {
-                    //   return {
-                    //     color: isActive
-                    //       ? '#6db549'
-                    //       : navbar
-                    //       ? '#000'
-                    //       : 'rgba(255, 255, 255, 0.9)',
-                    //   };
-                    // }}
+
                     style={({ isActive }) => {
                     
                       return {
@@ -139,16 +129,7 @@ function Header() {
                     onClick={() => {
                       setOpen(false);
                     }}
-                    // style={({ isActive }) => {
-                    //   return {
-                    //     color
-                    //     // : isActive
-                    //     //   ? '#6db549'
-                    //       : navbar
-                    //       ? '#000'
-                    //       : 'rgba(255, 255, 255, 0.9)',
-                    //   };
-                    // }}
+                   
                     style={({ isActive }) => {
                       if(isActive){setActive(true)}
                       return {
@@ -208,16 +189,6 @@ function Header() {
                     onClick={() => {
                       setOpen(false);
                     }}
-                    // style={({ isActive }) => {
-                    //   return {
-                    //     color
-                    //     // : isActive
-                    //     //   ? '#6db549'
-                    //       : navbar
-                    //       ? '#000'
-                    //       : 'rgba(255, 255, 255, 0.9)',
-                    //   };
-                    // }}
                     style={({ isActive }) => {if(isActive){setActive(true)}
                       return {
                         color: isMobile
@@ -241,16 +212,6 @@ function Header() {
                     onClick={() => {
                       setOpen(false);
                     }}
-                    // style={({ isActive }) => {
-                    //   return {
-                    //     color
-                    //     // : isActive
-                    //     //   ? '#6db549'
-                    //       : navbar
-                    //       ? '#000'
-                    //       : 'rgba(255, 255, 255, 0.9)',
-                    //   };
-                    // }}
                     style={({ isActive }) => {if(isActive){setActive(true)}
                       return {
                         color: isMobile
@@ -266,58 +227,7 @@ function Header() {
                     ESPARDHA
                   </NavHashLink>
                 </NavItem>
-                {/* <NavItem className={styles['nav-items']}>
-                  <a
-                    href="/pdf/RuleBook.pdf"
-                    target="_blank"
-                    className={styles['nav-links']}
-                    onClick={() => {
-                      setOpen(false);
-                    }}
-                    style={{
-                      color: isMobile
-                        ? '#000'
-                        : navbar
-                        ? '#000'
-                        : 'rgba(255, 255, 255, 0.9)',
-                    }}
-                  >
-                    RuleBook
-                  </a>
-                </NavItem> */}
-                {/* <NavItem className={styles['nav-items']}>
-                  <NavHashLink
-                    exact="true"
-                    to="/guests#guests"
-                    className={styles['nav-links']}
-                    onClick={() => {
-                      setOpen(false);
-                    }}
-                    // style={({ isActive }) => {
-                    //   return {
-                    //     color
-                    //     // : isActive
-                    //     //   ? '#6db549'
-                    //       : navbar
-                    //       ? '#000'
-                    //       : 'rgba(255, 255, 255, 0.9)',
-                    //   };
-                    // }}
-                    style={({ isActive }) => {
-                      return {
-                        color: isMobile
-                          ? '#000'
-                          : navbar
-                          ? '#000'
-                          : 'rgba(255, 255, 255, 0.9)',
-                          borderBottom:isMobile?'1px solid black': isActive ? '3px solid red' : null,
-                        };
-                    }}
-                    smooth
-                  >
-                    Guests
-                  </NavHashLink>
-                </NavItem> */}
+
                 <NavItem className={styles['nav-items']}>
                   <NavHashLink
                     exact="true"
@@ -327,18 +237,6 @@ function Header() {
                       setOpen(false);
 
                     }}
-                    // style={({ isActive }) => {
-                    //   return {
-                    //     color
-                    //     //  :isActive
-                    //     //   ? '#6db549'
-                    //       : navbar
-                    //       ? '#000'
-                    //       : 'rgba(255, 255, 255, 0.9)',
-                    //     borderBottom:isActive
-                    //     ? "3px solid red;",
-                    //   };
-                    // }}
                     style={({ isActive }) => {if(isActive){setActive(true)}
                       return {
                         color: isMobile
@@ -354,38 +252,7 @@ function Header() {
                     Sponsors
                   </NavHashLink>
                 </NavItem>               
-                {/* <NavItem className={styles['nav-items']}>
-                  <NavHashLink
-                    exact="true"
-                    to="/team#team"
-                    className={styles['nav-links']}
-                    onClick={() => {
-                      setOpen(false);
-                    }}
-                    // style={({ isActive }) => {
-                    //   return {
-                    //     color: isActive
-                    //       ? '#6db549'
-                    //       : navbar
-                    //       ? '#000'
-                    //       : 'rgba(255, 255, 255, 0.9)',
-                    //   };
-                    // }}
-                    style={({ isActive }) => {if(isActive){setActive(true)}
-                      return {
-                        color: isMobile
-                          ? '#000'
-                          : navbar
-                          ? '#000'
-                          : 'rgba(255, 255, 255, 0.9)',
-                          borderBottom:isMobile?'1px solid black': isActive ? '3px solid red' : null,
-                        };
-                    }}
-                    smooth
-                  >
-                    Teams
-                  </NavHashLink>
-                </NavItem> */}
+                
                 <NavItem className={styles['nav-items']}>
                   <NavHashLink
                     exact="true"
diff --git a/frontend/src/components/LandingPages/Home/Countdown/Countdown.js b/frontend/src/components/LandingPages/Home/Countdown/Countdown.js
index 7781f08..a851145 100644
--- a/frontend/src/components/LandingPages/Home/Countdown/Countdown.js
+++ b/frontend/src/components/LandingPages/Home/Countdown/Countdown.js
@@ -6,7 +6,7 @@ class CountdownTimer extends Component {
     super(props);
 
     // Calculate the target date and time in IST (UTC+5:30)
-    this.targetDate = new Date("2024-10-14T00:00:00Z"); // UTC time
+    this.targetDate = new Date("2024-10-18T00:00:00Z"); // UTC time
     this.targetDate.setHours(this.targetDate.getHours() -5, this.targetDate.getMinutes()-30 );
 
     // Initialize the state with the initial time difference
diff --git a/frontend/src/components/LandingPages/Home/DaysLeft/DaysLeft.js b/frontend/src/components/LandingPages/Home/DaysLeft/DaysLeft.js
index 370d7c3..1498b9c 100644
--- a/frontend/src/components/LandingPages/Home/DaysLeft/DaysLeft.js
+++ b/frontend/src/components/LandingPages/Home/DaysLeft/DaysLeft.js
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { useState } from 'react';
 function Date1() {
   const [startDate, setStartDate] = useState(new Date()); 
-  const endDate =(new Date('2024-10-13'));
+  const endDate =(new Date('2024-10-18'));
   useEffect(()=>{
     setInterval(() => {
       setStartDate(new Date());//checking everyhour so that when date changes it updates
diff --git a/frontend/src/components/LandingPages/Home/HomePage/Home.js b/frontend/src/components/LandingPages/Home/HomePage/Home.js
index 35c6c2b..b82205d 100644
--- a/frontend/src/components/LandingPages/Home/HomePage/Home.js
+++ b/frontend/src/components/LandingPages/Home/HomePage/Home.js
@@ -2,32 +2,27 @@ import React from 'react';
 import './Home.css';
 import Mid from '../MiddleSection/MiddleSection';
 import Carousel from '../Carousel/Carouselhp';
-import CountdownTimer from '../Countdown/Countdown'
+import CountdownTimer from '../Countdown/Countdown';
 /*import Foot from '../HomeBottom/HomeBottom';*/
 // import Footer from '../Footer/Footer';
 
 function App() {
-  
   return (
-
-      <div className='sctn'>
-      <div className='bg'>
-          
-          <Carousel />
+    <div className="sctn">
+      <div className="bg">
+        <Carousel />
+      </div>
+      <div className="hehe">
+        <div>
+          <Mid />
+          {/* <Footer/> */}
         </div>
-        <div className="hehe">
-          
-          <div>
-            <Mid />
-            {/* <Footer/> */}
-          </div>
-          <div>
-            {/*<Foot />*/}
-            <CountdownTimer/>
-          </div>
+        <div>
+          {/*<Foot />*/}
+          <CountdownTimer />
         </div>
       </div>
-   
+    </div>
   );
 }
 
diff --git a/frontend/src/components/LandingPages/Home/MiddleSection/MiddleSection.js b/frontend/src/components/LandingPages/Home/MiddleSection/MiddleSection.js
index 433efc0..9231290 100644
--- a/frontend/src/components/LandingPages/Home/MiddleSection/MiddleSection.js
+++ b/frontend/src/components/LandingPages/Home/MiddleSection/MiddleSection.js
@@ -1,39 +1,47 @@
-import React from 'react'
-import './MiddleSection.css'
+import React from 'react';
+import './MiddleSection.css';
 import { NavHashLink } from 'react-router-hash-link';
 // import Date1 from '../DaysLeft/DaysLeft';
 import Day_remaining from '../Images/whatsappimage3.png';
 function Mid() {
   return (
     <div>
-
       <div className="container-home">
         <div className="left-box">
-          <div className="heading1">SPARDHA 2024 <br />
-          <div className='subheading1'>MOULDING CHAMPIONS</div></div>
-          <div className="description">Annual sports festival of IIT (BHU) under the Games and Sports Council.</div>
+          <div className="heading1">
+            SPARDHA 2024 <br />
+            <div className="subheading1">MOULDING CHAMPIONS</div>
+          </div>
+          <div className="description">
+            Annual sports festival of IIT (BHU) under the Games and Sports
+            Council.
+          </div>
 
           <div className="button-container">
-          <NavHashLink
-                        to="/register/signup#register"><button className="btn1">LOGIN&nbsp;/&nbsp;SIGNUP</button></NavHashLink>
-
-
-        
-<NavHashLink   to="/matches">    <button className="btn2">MATCHES</button></NavHashLink>
-
+            <NavHashLink to="/register/signup#register">
+              <button className="btn1">LOGIN&nbsp;/&nbsp;SIGNUP</button>
+            </NavHashLink>
+            <NavHashLink to="/matches">
+              {' '}
+              <button className="btn2">MATCHES</button>
+            </NavHashLink>
           </div>
         </div>
         <div className="right-box">
-          <div className='card'>
+          <div className="card">
             {/* <div className='cdate'>{Date1()}</div> */}
-            <div className='cdate'>
-            <img src={Day_remaining} className='day_remaining_image' alt="Day_remaining" />
+            <div className="cdate">
+              <img
+                src={Day_remaining}
+                className="day_remaining_image"
+                alt="Day_remaining"
+              />
             </div>
             {/* <div className='ctext'>Day Remaining</div> */}
           </div>
         </div>
       </div>
     </div>
-  )
+  );
 }
 export default Mid;
diff --git a/frontend/src/components/LandingPages/HomeSlider/HomeSlider.js b/frontend/src/components/LandingPages/HomeSlider/HomeSlider.js
index a72a3b0..b6950c1 100644
--- a/frontend/src/components/LandingPages/HomeSlider/HomeSlider.js
+++ b/frontend/src/components/LandingPages/HomeSlider/HomeSlider.js
@@ -19,17 +19,32 @@ function HomeSlider() {
       >
         <div id="home-slider-item-1" className="home-slider-item js-fullheight">
           <div className="home-overlay"></div>
-          <div className="container" style={{ position: 'relative',display:"flex",alignItems:"center",justifyContent:"center"  }}>
+          <div
+            className="container"
+            style={{
+              position: 'relative',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
             <div
               className="row home-slider-text js-fullheight justify-content-center align-items-center home-spardha-mainlogo"
               data-scrollax-parent="true"
             >
-              <div className="col-md-12 col-sm-12 col-12 ftco-animate text-center mt-5" style={{width:"78vw"}}>
+              <div
+                className="col-md-12 col-sm-12 col-12 ftco-animate text-center mt-5"
+                style={{ width: '78vw' }}
+              >
                 <div id="row" className="">
                   {/* <a href="https://myrankers.com">
                     <img id="column1" src="/images/logo/powered.svg" alt="Rankers" />
                   </a> */}
-                  <img id="columnLogo" src="/images/logo/spardha-white-home.png" alt="spardha" />
+                  <img
+                    id="columnLogo"
+                    src="/images/logo/spardha-white-home.png"
+                    alt="spardha"
+                  />
                   {/* <a href="https://iitiantrader.in/">
                     <img id="column2" src="/images/logo/co-powered.svg" alt="Iitian Traders" />
                   </a> */}
@@ -40,15 +55,6 @@ function HomeSlider() {
                 <h2 className="text-overflow-center home-spardha-subheading">
                   IIT (BHU), Varanasi
                 </h2>
-                {/* <div id="rowM" className="">
-                  <a href="https://myrankers.com">
-                    <img id="column1M" src="/images/logo/powered.svg" alt="Rankers" />
-                  </a>
-
-                  <a href="https://iitiantrader.in/">
-                    <img id="column2M" src="/images/logo/co-powered.svg" alt="Iitian Traders" />
-                  </a>
-                </div> */}
                 <h2
                   className="text-overflow-center home-spardha-subheading"
                   style={{ color: '#fdcc07' }}
@@ -64,7 +70,7 @@ function HomeSlider() {
                     </div>
                     <div className="col-6 reg">
                       <HashLink
-                       // to="/register/signup#register"
+                        // to="/register/signup#register"
                         to="/register/login"
                         className="home-button"
                       >
@@ -79,7 +85,7 @@ function HomeSlider() {
                 <div className="home-small-screen container">
                   <div className="reg">
                     <HashLink
-                     // to="/register/signup#register"
+                      // to="/register/signup#register"
                       to="/register/login"
                       className="home-button"
                     >
@@ -99,17 +105,32 @@ function HomeSlider() {
         </div>
         <div id="home-slider-item-2" className="home-slider-item js-fullheight">
           <div className="home-overlay"></div>
-          <div className="container" style={{ position: 'relative',display:"flex",alignItems:"center",justifyContent:"center" }}>
+          <div
+            className="container"
+            style={{
+              position: 'relative',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
             <div
               className="row home-slider-text js-fullheight justify-content-center align-items-center home-spardha-mainlogo"
               data-scrollax-parent="true"
             >
-              <div className="col-md-12 col-sm-12 col-12 ftco-animate text-center mt-5" style={{width:"78vw"}}>
+              <div
+                className="col-md-12 col-sm-12 col-12 ftco-animate text-center mt-5"
+                style={{ width: '78vw' }}
+              >
                 <div id="row" className="">
                   {/* <a href="https://myrankers.com">
                     <img id="column1" src="/images/logo/powered.svg" alt="Rankers" />
                   </a> */}
-                  <img id="columnLogo" src="/images/logo/spardha-white-home.png" alt="spardha" />
+                  <img
+                    id="columnLogo"
+                    src="/images/logo/spardha-white-home.png"
+                    alt="spardha"
+                  />
                   {/* <a href="https://iitiantrader.in/">
                     <img id="column2" src="/images/logo/co-powered.svg" alt="Iitian Traders" />
                   </a> */}
@@ -132,7 +153,7 @@ function HomeSlider() {
                   className="text-overflow-center home-spardha-subheading"
                   style={{ color: '#fdcc07' }}
                 >
-                   13th - 15th october
+                  13th - 15th october
                 </h2>
                 <div className="container mt-5 pt-3 home-large-screen">
                   <div className="row">
@@ -158,8 +179,8 @@ function HomeSlider() {
                 <div className="home-small-screen container">
                   <div className="reg">
                     <HashLink
-                     // to="/register/signup#register"
-                     to="/register/login"
+                      // to="/register/signup#register"
+                      to="/register/login"
                       className="home-button"
                     >
                       REGISTER&nbsp;/&nbsp;LOGIN
@@ -178,17 +199,32 @@ function HomeSlider() {
         </div>
         <div id="home-slider-item-3" className="home-slider-item js-fullheight">
           <div className="home-overlay"></div>
-          <div className="container" style={{ position: 'relative',display:"flex",alignItems:"center",justifyContent:"center"  }}>
+          <div
+            className="container"
+            style={{
+              position: 'relative',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
             <div
               className="row home-slider-text js-fullheight justify-content-center align-items-center home-spardha-mainlogo"
               data-scrollax-parent="true"
             >
-              <div className="col-md-12 col-sm-12 col-12 ftco-animate text-center mt-5" style={{width:"78vw"}}>
+              <div
+                className="col-md-12 col-sm-12 col-12 ftco-animate text-center mt-5"
+                style={{ width: '78vw' }}
+              >
                 <div id="row" className="">
                   {/* <a href="https://myrankers.com">
                     <img id="column1" src="/images/logo/powered.svg" alt="Rankers" />
                   </a> */}
-                  <img id="columnLogo" src="/images/logo/spardha-white-home.png" alt="spardha" />
+                  <img
+                    id="columnLogo"
+                    src="/images/logo/spardha-white-home.png"
+                    alt="spardha"
+                  />
                   {/* <a href="https://iitiantrader.in/">
                     <img id="column2" src="/images/logo/co-powered.svg" alt="Iitian Traders" />
                   </a> */}
@@ -211,7 +247,7 @@ function HomeSlider() {
                   className="text-overflow-center home-spardha-subheading"
                   style={{ color: '#fdcc07' }}
                 >
-                   13th - 15th october
+                  13th - 15th october
                 </h2>
                 <div className="container mt-5 pt-3 home-large-screen">
                   <div className="row">
@@ -238,10 +274,10 @@ function HomeSlider() {
                   <div className="reg">
                     <HashLink
                       //to="/register/signup#register"
-                       to="/register/login"
+                      to="/register/login"
                       className="home-button"
                     >
-                        REGISTER&nbsp;/&nbsp;LOGIN
+                      REGISTER&nbsp;/&nbsp;LOGIN
                     </HashLink>
                   </div>
                   <div className="ca">
@@ -257,17 +293,32 @@ function HomeSlider() {
         </div>
         <div id="home-slider-item-4" className="home-slider-item js-fullheight">
           <div className="home-overlay"></div>
-          <div className="container" style={{ position: 'relative',display:"flex",alignItems:"center",justifyContent:"center"  }}>
+          <div
+            className="container"
+            style={{
+              position: 'relative',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
             <div
               className="row home-slider-text js-fullheight justify-content-center align-items-center home-spardha-mainlogo"
               data-scrollax-parent="true"
             >
-              <div className="col-md-12 col-sm-12 col-12 ftco-animate text-center mt-5" style={{width:"78vw"}}>
+              <div
+                className="col-md-12 col-sm-12 col-12 ftco-animate text-center mt-5"
+                style={{ width: '78vw' }}
+              >
                 <div id="row" className="">
                   {/* <a href="https://myrankers.com">
                     <img id="column1" src="/images/logo/powered.svg" alt="Rankers" />
                   </a> */}
-                  <img id="columnLogo" src="/images/logo/spardha-white-home.png" alt="spardha" />
+                  <img
+                    id="columnLogo"
+                    src="/images/logo/spardha-white-home.png"
+                    alt="spardha"
+                  />
                   {/* <a href="https://iitiantrader.in/">
                     <img id="column2" src="/images/logo/co-powered.svg" alt="Iitian Traders" />
                   </a> */}
@@ -317,10 +368,10 @@ function HomeSlider() {
                   <div className="reg">
                     <HashLink
                       //to="/register/signup#register"
-                       to="/register/login"
+                      to="/register/login"
                       className="home-button"
                     >
-                        REGISTER&nbsp;/&nbsp;LOGIN
+                      REGISTER&nbsp;/&nbsp;LOGIN
                     </HashLink>
                   </div>
                   <div className="ca">
diff --git a/frontend/src/components/LandingPages/LandingPages.js b/frontend/src/components/LandingPages/LandingPages.js
index d287bc6..749362c 100644
--- a/frontend/src/components/LandingPages/LandingPages.js
+++ b/frontend/src/components/LandingPages/LandingPages.js
@@ -11,9 +11,7 @@ function LandingPages() {
       {/* <HomePage /> */}
       <Outlet />
       {/* <Footer /> */}
-
     </>
-
   );
 }
 
diff --git a/frontend/src/components/LandingPages/Register/Register.js b/frontend/src/components/LandingPages/Register/Register.js
index 56166ee..c08efc1 100644
--- a/frontend/src/components/LandingPages/Register/Register.js
+++ b/frontend/src/components/LandingPages/Register/Register.js
@@ -11,16 +11,15 @@ function Register() {
   }, [navigate]);
 
   return (
-    <div className='bg'>
-          
-    <Carousel />
-    <div className={`${styles.container}`} id="register">
-      
-      <div className={`${styles.card}`}>
-        <Outlet />
+    <div className="bg">
+      <Carousel />
+      <div className={`${styles.container}`} id="register">
+        <div className={`${styles.card}`}>
+          <Outlet />
+        </div>
       </div>
-    </div></div>
+    </div>
   );
 }
 
-export default Register;
\ No newline at end of file
+export default Register;
diff --git a/frontend/src/components/LandingPages/Team/Team.js b/frontend/src/components/LandingPages/Team/Team.js
index 3c92b86..249785d 100644
--- a/frontend/src/components/LandingPages/Team/Team.js
+++ b/frontend/src/components/LandingPages/Team/Team.js
@@ -2,37 +2,45 @@ import React, { useState } from 'react';
 import styles from './Team.module.css';
 import Carousel from '../Home/Carousel/Carouselhp';
 import { data, scopes } from './TeamData';
-import Member from "./Member/Member.js"
-
+import Member from './Member/Member.js';
 
 function Team() {
-  console.log(data)
-  const [cardData, setCardData] = useState(data["All"]);
-  const [activeTab, setActiveTab] = useState("All");
+  console.log(data);
+  const [cardData, setCardData] = useState(data['All']);
+  const [activeTab, setActiveTab] = useState('All');
 
   return (
-
     <>
       <Carousel />
       <section id="team" className={styles['ftco-section']}>
         <div className={styles.container}>
-          <h3><u>Our Team</u></h3>
+          <h3>
+            <u>Our Team</u>
+          </h3>
           <div className={styles.buttons}>
-            {
-              scopes.map(scope => {
-                return <button className={styles.click} key={scope} style={{ color: activeTab === scope ? 'white' : null, backgroundColor: activeTab === scope ? '#760e53' : null }} onClick={() => {
-                  setCardData(data[scope])
-                  setActiveTab(scope);
-                }}>{scope}</button>
-              })
-            }
+            {scopes.map((scope) => {
+              return (
+                <button
+                  className={styles.click}
+                  key={scope}
+                  style={{
+                    color: activeTab === scope ? 'white' : null,
+                    backgroundColor: activeTab === scope ? '#760e53' : null,
+                  }}
+                  onClick={() => {
+                    setCardData(data[scope]);
+                    setActiveTab(scope);
+                  }}
+                >
+                  {scope}
+                </button>
+              );
+            })}
           </div>
           <div className={styles.cards}>
-            {
-              cardData.map(personInfo => {
-                return <Member memberData={personInfo}></Member>
-              })
-            }
+            {cardData.map((personInfo) => {
+              return <Member memberData={personInfo}></Member>;
+            })}
           </div>
         </div>
       </section>
diff --git a/frontend/src/components/LandingPages/UserData/MatchList.js b/frontend/src/components/LandingPages/UserData/MatchList.js
index 137697b..e35d129 100644
--- a/frontend/src/components/LandingPages/UserData/MatchList.js
+++ b/frontend/src/components/LandingPages/UserData/MatchList.js
@@ -2,12 +2,11 @@ import React, { useState } from 'react';
 import { MdOutlineWatchLater, MdDateRange } from 'react-icons/md';
 
 const MatchList = ({ matches }) => {
-  if(matches===undefined)
-  return (<></>)
+  if (matches === undefined) return <></>;
   return (
     <div className="match-list">
       {matches.map((match) => (
-        <MatchEntry key={match._id} match={match}/>
+        <MatchEntry key={match._id} match={match} />
       ))}
     </div>
   );
@@ -17,14 +16,14 @@ function MatchEntry({ match }) {
   const [detailsVisible, setDetailsVisible] = useState(false);
   const dateTime = new Date(match.game_start);
 
-// Extracting date
-const year = dateTime.getFullYear();
-const month = dateTime.getMonth() + 1; // Months are zero-based
-const day = dateTime.getDate();
+  // Extracting date
+  const year = dateTime.getFullYear();
+  const month = dateTime.getMonth() + 1; // Months are zero-based
+  const day = dateTime.getDate();
 
-// Extracting time
-const hours = dateTime.getUTCHours();
-const minutes = dateTime.getUTCMinutes();
+  // Extracting time
+  const hours = dateTime.getUTCHours();
+  const minutes = dateTime.getUTCMinutes();
   return (
     <div className="match-item">
       <div className="match-details">
@@ -37,7 +36,7 @@ const minutes = dateTime.getUTCMinutes();
           <div><BiLocationPlus /></div>
         </div> */}
         <div className="match-time">
-          <div>{hours+":"+minutes}</div>
+          <div>{hours + ':' + minutes}</div>
           <div>
             <MdOutlineWatchLater />
           </div>
diff --git a/frontend/src/components/LandingPages/UserData/ShowTable.js b/frontend/src/components/LandingPages/UserData/ShowTable.js
index 1b1caec..d9006ca 100644
--- a/frontend/src/components/LandingPages/UserData/ShowTable.js
+++ b/frontend/src/components/LandingPages/UserData/ShowTable.js
@@ -1,11 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import axios from 'axios';
 // import { useNavigate } from 'react-router';
-import './Table.css'
+import './Table.css';
 // import {CSVLink} from 'react-csv'
 
 const ShowTable = () => {
-//   const navigate = useNavigate();
+  //   const navigate = useNavigate();
   const token = localStorage.getItem('token');
   const baseUrl = process.env.REACT_APP_BASE_URL;
 
@@ -33,50 +33,50 @@ const ShowTable = () => {
       {/* Display a list of users */}
       {users.length > 0 ? (
         <div>
-        <table className="table">
-          <thead>
-            <tr>
-              <th>User</th>
-              <th>Name</th>
-              <th>Email</th>
-              <th>Designation</th>
-              <th>Institute</th>
-              <th>Phone</th>
-              <th>Leader</th>
-              <th>Leader Contact</th>
-              <th>Boys</th>
-              <th>Girls</th>
-              <th>Faculty Members</th>
-              <th>Supporting Staff</th>
-              <th>Games</th>
-            </tr>
-          </thead>
-          <tbody>
-            {users.map((user, index) => (
-              <tr key={index}>
-                <td data-label="S.No">{index + 1}</td>
-                <td data-label="Name">{user.name}</td>
-                <td data-label="">{user.email}</td>
-                <td data-label="">{user.designation}</td>
-                <td data-label="">{user.institution_name}</td>
-                <td data-label="">{user.phone_no}</td>
-                <td data-label="">{user.leader_name}</td>
-                <td data-label="">{user.leader_contact_num}</td>
-                <td data-label="">{user.num_of_boys}</td>
-                <td data-label="">{user.num_of_girls}</td>
-                <td data-label="">{user.num_of_faculty_members}</td>
-                <td data-label="">{user.num_of_supporting_staff}</td>
-                <td data-label="">{user.games}</td>
+          <table className="table">
+            <thead>
+              <tr>
+                <th>User</th>
+                <th>Name</th>
+                <th>Email</th>
+                <th>Designation</th>
+                <th>Institute</th>
+                <th>Phone</th>
+                <th>Leader</th>
+                <th>Leader Contact</th>
+                <th>Boys</th>
+                <th>Girls</th>
+                <th>Faculty Members</th>
+                <th>Supporting Staff</th>
+                <th>Games</th>
               </tr>
-            ))}
-          </tbody>
-        </table>
-        {/* <span className='btn'> <button  className='csv'> 
+            </thead>
+            <tbody>
+              {users.map((user, index) => (
+                <tr key={index}>
+                  <td data-label="S.No">{index + 1}</td>
+                  <td data-label="Name">{user.name}</td>
+                  <td data-label="">{user.email}</td>
+                  <td data-label="">{user.designation}</td>
+                  <td data-label="">{user.institution_name}</td>
+                  <td data-label="">{user.phone_no}</td>
+                  <td data-label="">{user.leader_name}</td>
+                  <td data-label="">{user.leader_contact_num}</td>
+                  <td data-label="">{user.num_of_boys}</td>
+                  <td data-label="">{user.num_of_girls}</td>
+                  <td data-label="">{user.num_of_faculty_members}</td>
+                  <td data-label="">{user.num_of_supporting_staff}</td>
+                  <td data-label="">{user.games}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+          {/* <span className='btn'> <button  className='csv'> 
           <CSVLink data={users}> Download</CSVLink>
           </button></span> */}
         </div>
       ) : (
-       <p>No data</p>
+        <p>No data</p>
       )}
     </div>
   );
diff --git a/frontend/src/components/LandingPages/UserData/ShowallTable.js b/frontend/src/components/LandingPages/UserData/ShowallTable.js
index 8dc2dac..c102039 100644
--- a/frontend/src/components/LandingPages/UserData/ShowallTable.js
+++ b/frontend/src/components/LandingPages/UserData/ShowallTable.js
@@ -1,11 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import axios from 'axios';
 // import { useNavigate } from 'react-router';
-import './Table.css'
+import './Table.css';
 // import {CSVLink} from 'react-csv'
 
 const ShowallTable = () => {
-//   const navigate = useNavigate();
+  //   const navigate = useNavigate();
   const token = localStorage.getItem('token');
   const baseUrl = process.env.REACT_APP_BASE_URL;
 
@@ -33,37 +33,37 @@ const ShowallTable = () => {
       {/* Display a list of users */}
       {users.length > 0 ? (
         <div>
-        <table className="table">
-          <thead>
-            <tr>
-            <th>S.No</th>
-              <th>Name</th>
-              <th>Institute</th>
-              <th>Phone Number</th>
-              <th>Designation</th>
-            </tr>
-          </thead>
-          <tbody>
-            {users.map((user, index) => (
-              <tr key={index}>
-                <td data-label="S.No">{index + 1}</td>
-                <td data-label="Name">{user.name}</td>
-                <td data-label="">{user.institution_name}</td>
-                <td data-label="Phone Number">{user.phone_no}</td>
-                <td data-label="">{user.designation}</td>
+          <table className="table">
+            <thead>
+              <tr>
+                <th>S.No</th>
+                <th>Name</th>
+                <th>Institute</th>
+                <th>Phone Number</th>
+                <th>Designation</th>
               </tr>
-            ))}
-          </tbody>
-        </table>
-        {/* <span className='btn'> <button  className='csv'> 
+            </thead>
+            <tbody>
+              {users.map((user, index) => (
+                <tr key={index}>
+                  <td data-label="S.No">{index + 1}</td>
+                  <td data-label="Name">{user.name}</td>
+                  <td data-label="">{user.institution_name}</td>
+                  <td data-label="Phone Number">{user.phone_no}</td>
+                  <td data-label="">{user.designation}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+          {/* <span className='btn'> <button  className='csv'> 
           <CSVLink data={users}> Download</CSVLink>
           </button></span> */}
         </div>
       ) : (
-       <p>No data</p>
+        <p>No data</p>
       )}
     </div>
   );
 };
 
-export default ShowallTable;
\ No newline at end of file
+export default ShowallTable;
diff --git a/frontend/src/components/LandingPages/UserData/Sidebar.js b/frontend/src/components/LandingPages/UserData/Sidebar.js
index e0caab0..53ec282 100644
--- a/frontend/src/components/LandingPages/UserData/Sidebar.js
+++ b/frontend/src/components/LandingPages/UserData/Sidebar.js
@@ -6,7 +6,9 @@ const Sidebar = ({ sports, onSelectSport, selectedSport }) => {
       {sports.map((sport) => (
         <div
           key={sport}
-          className={`sidebar-icon ${sport === selectedSport ? 'selected' : ''}`}
+          className={`sidebar-icon ${
+            sport === selectedSport ? 'selected' : ''
+          }`}
           onClick={() => onSelectSport(sport)}
         >
           {sport}