diff --git a/src/Components/Judges/index.jsx b/src/Components/Judges/index.jsx
index 3ed87f1..e4da554 100644
--- a/src/Components/Judges/index.jsx
+++ b/src/Components/Judges/index.jsx
@@ -4,42 +4,65 @@ import anand from "../../assets/anand.jpg";
 import kumar from "../../assets/kumar.jpg";
 import anirudh from "../../assets/anirudh.jpg";
 import ayush from "../../assets/ayush.jpeg";
-import rakesh from "../../assets/rakesh.jpg";
-import abishake from "../../assets/abishake.jpg";
+import rakesh from "../../assets/rakeshnew.jpeg";
+// import abishake from "../../assets/abishake.jpg";
 import subash from "../../assets/subash.jpg";
-import ram from "../../assets/Ram.jpg";
-
-import {motion} from "framer-motion";
+// import ram from "../../assets/Ram.jpg";
+import adwaith from "../../assets/adwaith.jpeg";
+import ramshreewath from "../../assets/RamShreewath.jpeg";
 
+import { motion } from "framer-motion";
 
 const Judges = () => {
   return (
     <div className="judgesPage" id="judges">
       <div className="Inbox">
-        <div className="judges-speakers" style={{padding : "1rem"}}>Judges</div>
+        <div className="judges-speakers" style={{ padding: "1rem" }}>
+          Judges
+        </div>
         <div className="box">
           <div className="inlineBlock">
-            <motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}}  whileInView={{transform : "scale(1)"}} transition={{delay : 0.2}}>
+            <motion.div
+              className="judge"
+              initial={{ transform: "scale(0.5)" }}
+              viewport={{ once: true }}
+              whileInView={{ transform: "scale(1)" }}
+              transition={{ delay: 0.2 }}
+            >
               <div className="info">
                 <div className="designation">HARDWARE</div>
                 <div className="title">Anand Kumar</div>
-                <div className="place">SOC design Engineering manager at Intel</div>
+                <div className="place">
+                  SOC design Engineering manager at Intel
+                </div>
               </div>
               <img src={anand} alt="logo" />
             </motion.div>
           </div>
           <div className="inlineBlock">
-            <motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.4}}>
+            <motion.div
+              className="judge"
+              initial={{ transform: "scale(0.5)" }}
+              viewport={{ once: true }}
+              whileInView={{ transform: "scale(1)" }}
+              transition={{ delay: 0.4 }}
+            >
               <div className="info">
                 <div className="designation">SOFTWARE</div>
                 <div className="title">Anirudh R</div>
-                <div className="place">Software Engineer at Oracle </div>
+                <div className="place">DevOps Engineer, Oracle Cloud</div>
               </div>
               <img src={anirudh} alt="logo" />
             </motion.div>
           </div>
           <div className="inlineBlock">
-            <motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.5}}>
+            <motion.div
+              className="judge"
+              initial={{ transform: "scale(0.5)" }}
+              viewport={{ once: true }}
+              whileInView={{ transform: "scale(1)" }}
+              transition={{ delay: 0.5 }}
+            >
               <div className="info">
                 <div className="designation">SOFTWARE</div>
                 <div className="title">Ayush Singh</div>
@@ -49,17 +72,31 @@ const Judges = () => {
             </motion.div>
           </div>
           <div className="inlineBlock">
-            <motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.7}}>
+            <motion.div
+              className="judge"
+              initial={{ transform: "scale(0.5)" }}
+              viewport={{ once: true }}
+              whileInView={{ transform: "scale(1)" }}
+              transition={{ delay: 0.7 }}
+            >
               <div className="info">
                 <div className="designation">SOFTWARE</div>
                 <div className="title">Ram Sreevaths</div>
-                <div className="place">Software Developer at Oracle</div>
+                <div className="place">
+                  Member of Technical Staff at Oracle Cloud infrastructure
+                </div>
               </div>
-              <img src={ram} alt="logo" />
+              <img src={ramshreewath} alt="logo" />
             </motion.div>
           </div>
           <div className="inlineBlock">
-            <motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.3}}>
+            <motion.div
+              className="judge"
+              initial={{ transform: "scale(0.5)" }}
+              viewport={{ once: true }}
+              whileInView={{ transform: "scale(1)" }}
+              transition={{ delay: 0.3 }}
+            >
               <div className="info">
                 <div className="designation">HARDWARE</div>
                 <div className="title">Kumar Nandan</div>
@@ -67,38 +104,59 @@ const Judges = () => {
               </div>
               <img src={kumar} alt="logo" />
             </motion.div>
-          </div><div className="inlineBlock">
-            <motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.6}}>
+          </div>
+          <div className="inlineBlock">
+            <motion.div
+              className="judge"
+              initial={{ transform: "scale(0.5)" }}
+              viewport={{ once: true }}
+              whileInView={{ transform: "scale(1)" }}
+              transition={{ delay: 0.6 }}
+            >
               <div className="info">
                 <div className="designation">SOFTWARE</div>
                 <div className="title">Rayapalli Rakesh</div>
-                <div className="place">Software Engineer at Oracle </div>
+                <div className="place">Associate, PWC (US Advisory)</div>
               </div>
               <img src={rakesh} alt="logo" />
             </motion.div>
-          </div><div className="inlineBlock">
-            <motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.7}}>
+          </div>
+          <div className="inlineBlock">
+            <motion.div
+              className="judge"
+              initial={{ transform: "scale(0.5)" }}
+              viewport={{ once: true }}
+              whileInView={{ transform: "scale(1)" }}
+              transition={{ delay: 0.7 }}
+            >
               <div className="info">
                 <div className="designation">SOFTWARE</div>
-                <div className="title">Abishake A</div>
-                <div className="place">SMT at D.E. Shaw, India</div>
+                <div className="title">Adwaith D</div>
+                <div className="place">
+                  SWE III at Google, Mountain View, California
+                </div>
               </div>
-              <img src={abishake} alt="logo" />
+              <img src={adwaith} alt="logo" />
             </motion.div>
           </div>
           <div className="inlineBlock">
-            <motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.7}}>
+            <motion.div
+              className="judge"
+              initial={{ transform: "scale(0.5)" }}
+              viewport={{ once: true }}
+              whileInView={{ transform: "scale(1)" }}
+              transition={{ delay: 0.7 }}
+            >
               <div className="info">
                 <div className="designation">SOFTWARE</div>
-                <div className="title">Subash</div>
+                <div className="title">Subash Aravindan</div>
                 <div className="place">Analyst at Goldman Sachs</div>
               </div>
               <img src={subash} alt="logo" />
             </motion.div>
           </div>
-          
         </div>
-        <br/>
+        <br />
       </div>
     </div>
   );
diff --git a/src/Components/Landing/index.jsx b/src/Components/Landing/index.jsx
index 442fd00..dd9ea22 100644
--- a/src/Components/Landing/index.jsx
+++ b/src/Components/Landing/index.jsx
@@ -1,13 +1,21 @@
-import { BackgroundImage, Center, Text, Box } from '@mantine/core';
+import { BackgroundImage, Center, Text, Box } from "@mantine/core";
 import LandingBg from "../../../public/assets/LandingBg.svg";
-import "./landing.css";
-import {motion} from "framer-motion";
+import img2 from "../../assets/charged.png";
+import img3 from "../../assets/abhibus.png";
+import img4 from "../../assets/tezos.png";
+import img6 from "../../assets/crewsphere.png";
+import img1 from "../../assets/pathway2.png";
+import img5 from "../../assets/gfg.png";
+import img7 from "../../assets/netcon.png";
+import img8 from "../../assets/boeing.png";
 
+import "./landing.css";
+import { motion } from "framer-motion";
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect } from "react";
 
 const Landing = () => {
-    const [days, setDays] = useState(0);
+  const [days, setDays] = useState(0);
   const [hours, setHours] = useState(0);
   const [minutes, setMinutes] = useState(0);
   const [seconds, setSeconds] = useState(0);
@@ -29,51 +37,81 @@ const Landing = () => {
 
     return () => clearInterval(interval);
   }, []);
-    return (
-        <>
+  return (
+    <>
+      <BackgroundImage className="landingbg" src={LandingBg}>
+        <div className="container">
+          <div className="content">
+            <div className="smallContainer">
+              <motion.h3
+                initial={{ opacity: 0, y: "-100%" }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ duration: 1.5, delay: 1 }}
+                drag
+                dragConstraints={{ left: 0, right: 0, top: 0, bottom: 0 }}
+                dragElastic={1}
+              >
+                27-29th OCTOBER
+              </motion.h3>
+              <div className="centerContent">
+                <img src={img7} id="img7"></img>
+                <h4>Presents</h4>
+                <h1>TRANSFINITTE</h1>
+                <h4>Powered by</h4>
+                <img src={img8} id="img8"></img>
+              </div>
+              <h2>Innovation Knows No Bounds</h2>
 
-    <BackgroundImage
-        className = "landingbg"
-        src={LandingBg}
-      >
-            <div className='container'>
-            <div className="content">
-      <div className="smallContainer">
-        <motion.h3 initial={{opacity : 0, y : "-100%"}} animate ={{opacity : 1, y : 0}} transition={{duration : 1.5, delay : 1}} drag dragConstraints = {{left : 0, right : 0, top : 0, bottom : 0}} dragElastic = {1}>27-29th OCTOBER</motion.h3>
-        <h1>TRANSFINITTE</h1>
-        <h2>Innovation Knows No Bounds</h2>
-        <div className="buttonHolder">
-          <button id="regbtn" onClick={() => {window.location.href = "/register"}}>REGISTER NOW</button>
-          <button id="archbtn" onClick={() => {window.open(
-  'https://drive.google.com/file/d/1PcIjK3qWJYjgxCiBnXAnTdjH5rwDA2KU/view?usp=sharing',
-  '_blank' // <- This is what makes it open in a new window.
-);}}>2022 ARCHIVE</button>
-        </div>
-      </div>
-      <motion.div className="timer" initial={{opacity : 0, transform : "scale(0.1)"}} animate ={{opacity : 1, transform : "scale(1)"}} transition={{duration : 1, delay : 1}}>
-        <div className="element">
-          <div className="time">{days}</div>
-          <div className="timeText">DAYS</div>
-        </div>
-        <div className="element">
-          <div className="time">{hours}</div>
-          <div className="timeText">HOURS</div>
-        </div>
-        <div className="element">
-          <div className="time">{minutes}</div>
-          <div className="timeText">MINUTES</div>
-        </div>
-        <div className="element">
-          <div className="time">{seconds}</div>
-          <div className="timeText">SECONDS</div>
-        </div>
-      </motion.div>
-    </div>
+              <div className="buttonHolder">
+                <button
+                  id="regbtn"
+                  onClick={() => {
+                    window.location.href = "/register";
+                  }}
+                >
+                  REGISTER NOW
+                </button>
+                <button
+                  id="archbtn"
+                  onClick={() => {
+                    window.open(
+                      "https://drive.google.com/file/d/1PcIjK3qWJYjgxCiBnXAnTdjH5rwDA2KU/view?usp=sharing",
+                      "_blank" // <- This is what makes it open in a new window.
+                    );
+                  }}
+                >
+                  2022 ARCHIVE
+                </button>
+              </div>
             </div>
-            </BackgroundImage>
-        </>
-    )
-}
-
+            <motion.div
+              className="timer"
+              initial={{ opacity: 0, transform: "scale(0.1)" }}
+              animate={{ opacity: 1, transform: "scale(1)" }}
+              transition={{ duration: 1, delay: 1 }}
+            >
+              <div className="element">
+                <div className="time">{days}</div>
+                <div className="timeText">DAYS</div>
+              </div>
+              <div className="element">
+                <div className="time">{hours}</div>
+                <div className="timeText">HOURS</div>
+              </div>
+              <div className="element">
+                <div className="time">{minutes}</div>
+                <div className="timeText">MINUTES</div>
+              </div>
+              <div className="element">
+                <div className="time">{seconds}</div>
+                <div className="timeText">SECONDS</div>
+              </div>
+            </motion.div>
+          </div>
+        </div>
+      </BackgroundImage>
+    </>
+  );
+};
 
-export default Landing;
\ No newline at end of file
+export default Landing;
diff --git a/src/Components/Landing/landing.css b/src/Components/Landing/landing.css
index 50350f6..af0e452 100644
--- a/src/Components/Landing/landing.css
+++ b/src/Components/Landing/landing.css
@@ -2,41 +2,57 @@
 @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=PT+Sans:wght@700&family=Roboto+Mono:wght@300&family=Syne:wght@700&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=Montserrat:wght@300&family=PT+Sans:wght@700&family=Roboto+Mono:wght@300&family=Syne:wght@700&display=swap");
 
-
-.container{
-    height: 100vh;
-    border-radius: 0;
-    width: 100%;
+.container {
+  height: 100vh;
+  border-radius: 0;
+  width: 100%;
 }
 
 ::-webkit-scrollbar {
-    display: none;
-  }
+  display: none;
+}
 
- body{
-    font-family: 'Montserrat', sans-serif;
-    background-color: black;
-    overflow-x: hidden;
-    color: white;
- }
+body {
+  font-family: "Montserrat", sans-serif;
+  background-color: black;
+  overflow-x: hidden;
+  color: white;
+}
 
-  html{scroll-behavior:smooth}
+html {
+  scroll-behavior: smooth;
+}
 
-  .landingbg{
-    animation: fadeIn 3s;
-  }
+.landingbg {
+  animation: fadeIn 3s;
+}
 
-    
+#sponsorText {
+  color: rgba(255, 255, 255, 0.8);
+  font-feature-settings: "clig" off, "liga" off;
+  font-family: Montserrat;
+  font-size: 1.5rem;
+  font-style: normal;
+  font-weight: 400;
+  margin: auto;
+}
 
-  @keyframes fadeIn {
-    0%{
-        opacity: 0;
-    }
-    100%{
-        opacity : 1;
-    }
-  }
+footer {
+  margin: auto;
+  width: 70%;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
 
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
 
 * {
   margin: 0;
@@ -48,7 +64,7 @@
   align-items: center;
   display: flex;
   flex-direction: column;
-  margin-top: 25vh;
+  margin-top: 15vh;
 }
 
 .smallContainer h3 {
@@ -65,6 +81,7 @@
 }
 
 .smallContainer h1 {
+  margin-bottom: 0;
   background: linear-gradient(
     146deg,
     #ececec 20.35%,
@@ -79,8 +96,9 @@
   font-style: normal;
   font-weight: 700;
   line-height: 67%;
+  padding-top: 22px;
+  padding-bottom: 22px;
   letter-spacing: -2.88px;
-  margin-top: 5vh;
 }
 
 .smallContainer h2 {
@@ -104,13 +122,39 @@
 .content {
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: space-around;
   width: 100%;
   align-items: center;
   background-repeat: no-repeat;
   background-position: center;
-  height: 90vh;
+  height: 100vh;
+}
+
+.sponsors {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
 
+.centerContent {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  width: 100%;
+  margin-top: 30px;
+  height: 35vh;
+}
+
+.centerContent h4 {
+  color: rgba(255, 255, 255, 0.8);
+  font-feature-settings: "clig" off, "liga" off;
+  font-family: PT Sans;
+  font-size: 1.5rem;
+  font-style: normal;
+  font-weight: 700;
 }
 
 #regbtn {
@@ -129,8 +173,8 @@
   transition: 0.3s;
 }
 
-#regbtn:hover{
-    background-color: #a3a3a3;
+#regbtn:hover {
+  background-color: #a3a3a3;
 }
 
 #archbtn {
@@ -147,18 +191,17 @@
   line-height: 150%; /* 27px */
   cursor: pointer;
   transition: 0.3s;
-
 }
 
-#archbtn:hover{
-    background-color: rgb(0,0,0,0.5);
+#archbtn:hover {
+  background-color: rgb(0, 0, 0, 0.5);
 }
 
 .timer {
   display: flex;
   justify-content: space-around;
   align-items: center;
-  width: 20rem;
+  width: 25rem;
 }
 
 .element {
@@ -170,7 +213,7 @@
 .timeText {
   color: #fff;
   font-family: JetBrains Mono;
-  font-size: 1rem;
+  font-size: 1.2rem;
   font-style: normal;
   font-weight: 400;
   line-height: 138%;
@@ -181,7 +224,7 @@
   color: #fff;
   text-align: center;
   font-family: PT Sans;
-  font-size: 2rem;
+  font-size: 2.5rem;
   font-style: normal;
   font-weight: 700;
   line-height: 138%;
@@ -204,47 +247,90 @@
   margin-left: 1rem;
 }
 
-footer {
-  color: rgba(255, 255, 255, 0.8);
-  font-feature-settings: "clig" off, "liga" off;
-  font-family: Montserrat;
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 130%;
+#img1 {
+  height: 86px;
+  width: 161px;
 }
 
 @media only screen and (max-width: 600px) {
-    .smallContainer h1{
-        font-size: 2.5rem;
-        margin-bottom: 0;
-    }
-    .smallContainer h2{
-        margin-top: 0.5rem;
-        font-size: 1.2rem;
-        width: 100%;
-    }
-    #archbtn{
-        font-size: 0.7rem;
-    }
-    #regbtn{
-        font-size: 0.7rem;
-    }
-    .buttonHolder{
-        margin-top: 3rem;
-    }
-    .time{
-        font-size: 2rem;
-    }
-    .timeText{
-        font-size: 0.75rem;
-    }
-    .timer{
-        width: 15rem;
-        margin-bottom: 3rem;
-        margin-right: 1rem;
-    }
-    .smallContainer h3{
-        margin-bottom: 1rem;
-    }
-  }
\ No newline at end of file
+  #img1 {
+    height: 64px;
+    width: 91px;
+    margin-top: 12px;
+  }
+  #img2 {
+    height: 37px;
+    width: 46px;
+    margin-left: -11px;
+  }
+  #img3 {
+    height: 18px;
+    width: 79px;
+  }
+  #img4 {
+    height: 32px;
+    width: 33px;
+  }
+  #img5 {
+    height: 27px;
+    width: 51px;
+  }
+  #img6 {
+    height: 44px;
+    width: 57px;
+  }
+  #img7 {
+    height: 56px;
+    width: 106px;
+  }
+  #img8 {
+    height: 46px;
+    width: 97px;
+  }
+  footer {
+    width: 100%;
+  }
+  .centerContent {
+    height: 25vh;
+  }
+
+  .smallContainer {
+    margin-top: 20vh;
+  }
+  .smallContainer h1 {
+    font-size: 3.5rem;
+    margin-bottom: 0;
+  }
+  .smallContainer h4 {
+    font-size: 1.1rem;
+    margin-bottom: 0;
+  }
+  .smallContainer h2 {
+    margin-top: 0.5rem;
+    font-size: 1.2rem;
+    width: 100%;
+  }
+  #archbtn {
+    font-size: 0.7rem;
+  }
+  #regbtn {
+    font-size: 0.7rem;
+  }
+  .buttonHolder {
+    margin-top: 3rem;
+  }
+  .time {
+    font-size: 2rem;
+  }
+  .timeText {
+    font-size: 0.75rem;
+  }
+  .timer {
+    width: 15rem;
+    margin-bottom: 3rem;
+    margin-right: 1rem;
+  }
+  .smallContainer h3 {
+    margin-bottom: 1rem;
+  }
+}
diff --git a/src/Components/NavBar/Header.css b/src/Components/NavBar/Header.css
new file mode 100644
index 0000000..048cf53
--- /dev/null
+++ b/src/Components/NavBar/Header.css
@@ -0,0 +1,34 @@
+#logo {
+  height: 70px;
+  margin-bottom: 4px;
+  margin-bottom: -7px;
+}
+#tclogo {
+  height: 59px;
+  margin-left: 113px;
+}
+#scient {
+  height: 50px;
+  margin-left: 113px;
+}
+#nittlogo {
+  height: 50px;
+  margin-left: 113px;
+}
+@media only screen and (max-width: 600px) {
+  #logo {
+    height: 55px;
+  }
+  #tclogo {
+    height: 44px;
+    margin-left: 30px;
+  }
+  #scient {
+    height: 38px;
+    margin-left: 30px;
+  }
+  #nittlogo {
+    height: 45px;
+    margin-left: 30px;
+  }
+}
diff --git a/src/Components/NavBar/HeaderSimple.module.css b/src/Components/NavBar/HeaderSimple.module.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/Components/NavBar/index.jsx b/src/Components/NavBar/index.jsx
index ce7c3f3..d7d3247 100644
--- a/src/Components/NavBar/index.jsx
+++ b/src/Components/NavBar/index.jsx
@@ -1,168 +1,195 @@
 import { Text } from "@mantine/core";
+import "./Header.css";
+
 import logo from "../../assets/logo.svg";
+import tclogo from "../../assets/tc.svg";
+import scient from "../../assets/scient.png";
+import nittlogo from "../../assets/nittlogo.png";
+
 import {
-	Burger,
-	Container,
-	createStyles,
-	Group,
-	Header,
-	Paper,
-	Transition,
+  Burger,
+  Container,
+  createStyles,
+  Group,
+  Header,
+  Paper,
+  Transition,
 } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { useState } from "react";
-import {motion} from "framer-motion";
+import { motion } from "framer-motion";
 import { useNavigate } from "react-router";
 
 const HEADER_HEIGHT = "3.5rem";
 
 const useStyles = createStyles((theme) => ({
-	root: {
-		position: "absolute",
-		zIndex: 1,
-		backgroundColor: "rgba(0,0,0,0)",
-		borderColor: "rgba(0,0,0,0)",
-	},
+  root: {
+    position: "absolute",
+    zIndex: 1,
+    backgroundColor: "rgba(0,0,0,0)",
+    borderColor: "rgba(0,0,0,0)",
+  },
 
-	dropdown: {
-		position: "absolute",
-		top: "4rem",
-		left: 0,
-		right: 0,
-		zIndex: 0,
-		borderTopRightRadius: 0,
-		borderTopLeftRadius: 0,
-		borderTopWidth: 0,
-		overflow: "hidden",
-		fontFamily: "Montserrat",
-		backgroundColor: "rgba(0,0,0,0.5)",
-		borderColor: "#ECECEC",
-		[theme.fn.largerThan("sm")]: {
-			display: "none",
-		},
-	},
+  dropdown: {
+    position: "absolute",
+    top: "4rem",
+    left: 0,
+    right: 0,
+    zIndex: 0,
+    borderTopRightRadius: 0,
+    borderTopLeftRadius: 0,
+    borderTopWidth: 0,
+    overflow: "hidden",
+    fontFamily: "Montserrat",
+    backgroundColor: "rgba(0,0,0,0.5)",
+    borderColor: "#ECECEC",
+    [theme.fn.largerThan("sm")]: {
+      display: "none",
+    },
+  },
 
-	header: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center",
-		height: "100%",
-		padding: "1rem 2rem",
-	},
+  header: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    height: "100%",
+    padding: "1rem 2rem",
+  },
 
-	links: {
-		[theme.fn.smallerThan("sm")]: {
-			display: "none",
-		},
-	},
+  links: {
+    [theme.fn.smallerThan("sm")]: {
+      display: "none",
+    },
+  },
 
-	burger: {
-		backgroundColor: "none",
-		border: "1px #ECECEC solid",
-		[theme.fn.largerThan("sm")]: {
-			display: "none",
-		},
-	},
+  burger: {
+    backgroundColor: "none",
+    border: "1px #ECECEC solid",
+    [theme.fn.largerThan("sm")]: {
+      display: "none",
+    },
+  },
 
-	link: {
-		display: "block",
-		lineHeight: 1,
-		cursor: "pointer",
-		padding: "0.5rem 0.75rem",
-		textDecoration: "none",
-		borderRadius: 0,
-		color: "#ECECEC",
-		fontSize: theme.fontSizes.sm,
-		fontWeight: 500,
-		transition: "0.3s",
-		"&:hover": {
-			color: "white",
-			backgroundColor: "rgba(0,0,0,0.3)",
-		},
+  link: {
+    display: "block",
+    lineHeight: 1,
+    cursor: "pointer",
+    padding: "0.5rem 0.75rem",
+    textDecoration: "none",
+    borderRadius: 0,
+    color: "#ECECEC",
+    fontSize: theme.fontSizes.sm,
+    fontWeight: 500,
+    transition: "0.3s",
+    "&:hover": {
+      color: "white",
+      backgroundColor: "rgba(0,0,0,0.3)",
+    },
 
-		[theme.fn.smallerThan("sm")]: {
-			borderRadius: 0,
-			padding: theme.spacing.md,
-		},
-	},
-	blue: {
-		color: "cyan",
-	},
+    [theme.fn.smallerThan("sm")]: {
+      borderRadius: 0,
+      padding: theme.spacing.md,
+    },
+  },
+  blue: {
+    color: "cyan",
+  },
 }));
 
 const NavBar = () => {
-	const links = [{'label' : "About US", url : "#aboutus"},
-	{'label' : "Contact", url : "#contact"},
-	{'label' : "Sponsors", url : "#sponsors"},
-	{'label' : "Timeline", url : "#timeline"},
-	{'label' : "FaQs", url : "#faqs"},
-	{'label' : "Judges", url : "#judges"}];
+  const links = [
+    { label: "About US", url: "#aboutus" },
+    { label: "Contact", url: "#contact" },
+    { label: "Sponsors", url: "#sponsors" },
+    { label: "Timeline", url: "#timeline" },
+    { label: "FaQs", url: "#faqs" },
+    { label: "Judges", url: "#judges" },
+  ];
 
-	const [opened, { toggle, close }] = useDisclosure(false);
-	const [active, setActive] = useState(links[0].link);
-	const { classes, cx } = useStyles();
-	const navigate = useNavigate();
-	const items = links.map((link) => (
-		<a
-			key={link.label}
-			className={classes.link}
-			href={link.url}
-		>
-			{link.label}
-		</a>
-	));
-	return (
-		<Header height={HEADER_HEIGHT} className={classes.root}>
-			<Container className={classes.header} fluid>
-				<Text
-					sx={(theme) => ({
-						fontFamily: "Montserrat",
-						color: "white",
-						fontSize: theme.fontSizes.xl,
-						fontWeight: 700,
-						zIndex: 100,
-						"@media (max-width: 900px)": {
-							fontSize: theme.fontSizes.lg,
-							margin: "0rem",
-						},
-					})}
-				>
-					<motion.img src={logo} drag dragConstraints = {{left : 0, right : 0, top : 0, bottom : 0}} dragElastic = {1} transition = {{duration : 0.5}}></motion.img>
-				</Text>
-				<Group
-					spacing={2}
-					className={classes.links}
-					sx={{ fontFamily: "Montserrat" }}
-				>
-					{items}
-				</Group>
+  const [opened, { toggle, close }] = useDisclosure(false);
+  const [active, setActive] = useState(links[0].link);
+  const { classes, cx } = useStyles();
+  const navigate = useNavigate();
+  const items = links.map((link) => (
+    <a key={link.label} className={classes.link} href={link.url}>
+      {link.label}
+    </a>
+  ));
+  return (
+    <Header height={HEADER_HEIGHT} className={classes.root}>
+      <Container className={classes.header} fluid>
+        <Text
+          sx={(theme) => ({
+            fontFamily: "Montserrat",
+            color: "white",
+            fontSize: theme.fontSizes.xl,
+            fontWeight: 700,
+            zIndex: 100,
+            "@media (max-width: 900px)": {
+              fontSize: theme.fontSizes.lg,
+              margin: "0rem",
+            },
+          })}
+        >
+          <motion.img
+            src={nittlogo}
+            id="logo"
+            drag
+            dragConstraints={{ left: 0, right: 0, top: 0, bottom: 0 }}
+            dragElastic={1}
+            transition={{ duration: 0.5 }}
+          ></motion.img>
+          <motion.img
+            src={tclogo}
+            id="nittlogo"
+            drag
+            dragConstraints={{ left: 0, right: 0, top: 0, bottom: 0 }}
+            dragElastic={1}
+            transition={{ duration: 0.5 }}
+          ></motion.img>
+          <motion.img
+            src={scient}
+            id="tclogo"
+            drag
+            dragConstraints={{ left: 0, right: 0, top: 0, bottom: 0 }}
+            dragElastic={1}
+            transition={{ duration: 0.5 }}
+          ></motion.img>
+          <motion.img
+            src={logo}
+            id="scient"
+            drag
+            dragConstraints={{ left: 0, right: 0, top: 0, bottom: 0 }}
+            dragElastic={1}
+            transition={{ duration: 0.5 }}
+          ></motion.img>
+        </Text>
+        <Group
+          spacing={2}
+          className={classes.links}
+          sx={{ fontFamily: "Montserrat" }}
+        >
+          {items}
+        </Group>
 
-				<Burger
-					opened={opened}
-					onClick={toggle}
-					className={classes.burger}
-					size="sm"
-					color="#ECECEC"
-				/>
+        <Burger
+          opened={opened}
+          onClick={toggle}
+          className={classes.burger}
+          size="sm"
+          color="#ECECEC"
+        />
 
-				<Transition
-					transition="pop-top-right"
-					duration={200}
-					mounted={opened}
-				>
-					{(styles) => (
-						<Paper
-							className={classes.dropdown}
-							withBorder
-							style={styles}
-						>
-							{items}
-						</Paper>
-					)}
-				</Transition>
-			</Container>
-		</Header>
-	);
+        <Transition transition="pop-top-right" duration={200} mounted={opened}>
+          {(styles) => (
+            <Paper className={classes.dropdown} withBorder style={styles}>
+              {items}
+            </Paper>
+          )}
+        </Transition>
+      </Container>
+    </Header>
+  );
 };
 
-export default NavBar;
\ No newline at end of file
+export default NavBar;
diff --git a/src/Components/Sponsors/index.jsx b/src/Components/Sponsors/index.jsx
index 4e71f61..f175907 100644
--- a/src/Components/Sponsors/index.jsx
+++ b/src/Components/Sponsors/index.jsx
@@ -1,63 +1,127 @@
-
-
 import boeing from "../../assets/boeing.png";
 import charged from "../../assets/charged.png";
-import crewsphere from '../../assets/crewsphere.png';
-import gfg from "../../assets/gfg.png";
+import crewsphere from "../../assets/crewsphere.png";
+import gfg from "../../assets/temp.png";
 import tezos from "../../assets/tezos.png";
 import netcon from "../../assets/netcon.png";
 import abhibus from "../../assets/abhibus.png";
-import pathway from "../../assets/pathway.png";
-
-
+import pathway from "../../assets/pathway2.png";
 
-import {motion} from "framer-motion";
+import { motion } from "framer-motion";
 import "./sponsors.css";
 
 const Sponsors = () => {
-
-    return (
-        <>
-        <section id="sponsors">
+  return (
+    <>
+      <section id="sponsors">
         <div className="aboutPage" id="aboutus">
-      <div className="inBox">
-        <div className="Box">
-          <div className="text-wrapper">Sponsors</div>
-          <div className="imageHolder">
-            <div style={{width : "fit-content", display : "inline-block"}} className="block">
-            <motion.img src={pathway} initial = {{transform : "rotateZ(90deg)"}} viewport={{once : true}} whileInView = {{transform : "rotateX(0)"}} transition={{duration : 0.5}}></motion.img>
-            </div>
-            <div style={{width : "fit-content", display : "inline-block"}} className="block">
-            <motion.img src={charged} initial = {{transform : "rotateZ(90deg)"}} viewport={{once : true}} whileInView = {{transform : "rotateX(0)"}} transition={{duration : 0.5}}></motion.img>
-            </div>
-            <div style={{width : "fit-content", display : "inline-block"}} className="block">
-            <motion.img src={abhibus} initial = {{transform : "rotateZ(90deg)"}} viewport={{once : true}} whileInView = {{transform : "rotateX(0)"}} transition={{duration : 0.5}}></motion.img>
+          <div className="inBox">
+            <div className="Box">
+              <div className="text-wrapper">Sponsors</div>
+              <div className="imageHolder">
+                <div
+                  style={{ width: "fit-content", display: "inline-block" }}
+                  className="block"
+                >
+                  <motion.img
+                    src={pathway}
+                    initial={{ transform: "rotateZ(90deg)" }}
+                    viewport={{ once: true }}
+                    whileInView={{ transform: "rotateX(0)" }}
+                    transition={{ duration: 0.5 }}
+                  ></motion.img>
+                </div>
+                <div
+                  style={{ width: "fit-content", display: "inline-block" }}
+                  className="block"
+                >
+                  <motion.img
+                    src={charged}
+                    initial={{ transform: "rotateZ(90deg)" }}
+                    viewport={{ once: true }}
+                    whileInView={{ transform: "rotateX(0)" }}
+                    transition={{ duration: 0.5 }}
+                  ></motion.img>
+                </div>
+                <div
+                  style={{ width: "fit-content", display: "inline-block" }}
+                  className="block"
+                >
+                  <motion.img
+                    src={abhibus}
+                    initial={{ transform: "rotateZ(90deg)" }}
+                    viewport={{ once: true }}
+                    whileInView={{ transform: "rotateX(0)" }}
+                    transition={{ duration: 0.5 }}
+                  ></motion.img>
+                </div>
+                <div
+                  style={{ width: "fit-content", display: "inline-block" }}
+                  className="block"
+                >
+                  <motion.img
+                    src={boeing}
+                    initial={{ transform: "rotateZ(90deg)" }}
+                    viewport={{ once: true }}
+                    whileInView={{ transform: "rotateX(0)" }}
+                    transition={{ duration: 0.5 }}
+                  ></motion.img>
+                </div>
+                <div
+                  style={{ width: "fit-content", display: "inline-block" }}
+                  className="block"
+                >
+                  <motion.img
+                    src={netcon}
+                    initial={{ transform: "rotateZ(90deg)" }}
+                    viewport={{ once: true }}
+                    whileInView={{ transform: "rotateX(0)" }}
+                    transition={{ duration: 0.5 }}
+                  ></motion.img>
+                </div>
+                <div
+                  style={{ width: "fit-content", display: "inline-block" }}
+                  className="block"
+                >
+                  <motion.img
+                    src={tezos}
+                    initial={{ transform: "rotateZ(90deg)" }}
+                    viewport={{ once: true }}
+                    whileInView={{ transform: "rotateX(0)" }}
+                    transition={{ duration: 0.5 }}
+                  ></motion.img>
+                </div>
+                <div
+                  style={{ width: "fit-content", display: "inline-block" }}
+                  className="block"
+                >
+                  <motion.img
+                    src={gfg}
+                    initial={{ transform: "rotateZ(90deg)" }}
+                    viewport={{ once: true }}
+                    whileInView={{ transform: "rotateX(0)" }}
+                    transition={{ duration: 0.5 }}
+                  ></motion.img>
+                </div>
+                <div
+                  style={{ width: "fit-content", display: "inline-block" }}
+                  className="block"
+                >
+                  <motion.img
+                    src={crewsphere}
+                    initial={{ transform: "rotateZ(90deg)" }}
+                    viewport={{ once: true }}
+                    whileInView={{ transform: "rotateX(0)" }}
+                    transition={{ duration: 0.5 }}
+                  ></motion.img>
+                </div>
+              </div>
             </div>
-            <div style={{width : "fit-content", display : "inline-block"}} className="block">
-            <motion.img src={boeing} initial = {{transform : "rotateZ(90deg)"}} viewport={{once : true}} whileInView = {{transform : "rotateX(0)"}} transition={{duration : 0.5}}></motion.img>
           </div>
-            <div style={{width : "fit-content", display : "inline-block"}} className="block">
-            <motion.img src={netcon} initial = {{transform : "rotateZ(90deg)"}} viewport={{once : true}} whileInView = {{transform : "rotateX(0)"}} transition={{duration : 0.5}}></motion.img>
-          </div>
-            <div style={{width : "fit-content", display : "inline-block"}} className="block">
-            <motion.img src={tezos} initial = {{transform : "rotateZ(90deg)"}} viewport={{once : true}} whileInView = {{transform : "rotateX(0)"}} transition={{duration : 0.5}}></motion.img>
-          </div>
-            <div style={{width : "fit-content", display : "inline-block"}} className="block">
-            <motion.img src={gfg} initial = {{transform : "rotateZ(90deg)"}} viewport={{once : true}} whileInView = {{transform : "rotateX(0)"}} transition={{duration : 0.5}}></motion.img>
-          </div>
-            <div style={{width : "fit-content", display : "inline-block"}} className="block">
-            <motion.img src={crewsphere} initial = {{transform : "rotateZ(90deg)"}} viewport={{once : true}} whileInView = {{transform : "rotateX(0)"}} transition={{duration : 0.5}}></motion.img>
-          </div>
-            
-          </div>
-
         </div>
-      </div>
-    </div>
-        </section>
-        </>
-    )
-}
-
+      </section>
+    </>
+  );
+};
 
-export default Sponsors;
\ No newline at end of file
+export default Sponsors;
diff --git a/src/assets/RamShreewath.jpeg b/src/assets/RamShreewath.jpeg
new file mode 100644
index 0000000..9265d95
Binary files /dev/null and b/src/assets/RamShreewath.jpeg differ
diff --git a/src/assets/adwaith.jpeg b/src/assets/adwaith.jpeg
new file mode 100644
index 0000000..d4f4965
Binary files /dev/null and b/src/assets/adwaith.jpeg differ
diff --git a/src/assets/nittlogo.png b/src/assets/nittlogo.png
new file mode 100644
index 0000000..70dd587
Binary files /dev/null and b/src/assets/nittlogo.png differ
diff --git a/src/assets/pathway.png b/src/assets/pathway.png
index f36d032..077d2b1 100644
Binary files a/src/assets/pathway.png and b/src/assets/pathway.png differ
diff --git a/src/assets/pathway1.jpg b/src/assets/pathway1.jpg
new file mode 100644
index 0000000..b1a2c74
Binary files /dev/null and b/src/assets/pathway1.jpg differ
diff --git a/src/assets/pathway1.png b/src/assets/pathway1.png
new file mode 100644
index 0000000..aa2f751
Binary files /dev/null and b/src/assets/pathway1.png differ
diff --git a/src/assets/pathway2.png b/src/assets/pathway2.png
new file mode 100644
index 0000000..077d2b1
Binary files /dev/null and b/src/assets/pathway2.png differ
diff --git a/src/assets/rakeshnew.jpeg b/src/assets/rakeshnew.jpeg
new file mode 100644
index 0000000..1638269
Binary files /dev/null and b/src/assets/rakeshnew.jpeg differ
diff --git a/src/assets/scient.png b/src/assets/scient.png
new file mode 100644
index 0000000..067e6bb
Binary files /dev/null and b/src/assets/scient.png differ
diff --git a/src/assets/tc.svg b/src/assets/tc.svg
new file mode 100644
index 0000000..846a2c4
--- /dev/null
+++ b/src/assets/tc.svg
@@ -0,0 +1,12 @@
+<svg width="87" height="83" viewBox="0 0 87 83" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 17">
+<path id="Vector" d="M27.7394 69.4807C26.8738 66.3244 24.9963 63.9359 22.7939 61.7712C20.7656 59.7778 18.7481 57.7877 17.4625 55.1925C16.1844 52.6126 15.5726 49.8406 15.3477 47.0153C14.715 39.07 16.3608 31.732 21.6018 25.49C27.1828 18.843 34.2687 15.4121 43.0263 15.1529C55.0409 14.7972 66.1084 22.5467 70.0347 33.6088C72.4686 40.4662 72.4909 47.3565 69.9646 54.2043C69.1034 56.5387 67.5246 58.4199 65.837 60.2065C64.4893 61.6332 62.9876 62.9085 61.7811 64.4755C59.6538 67.2384 58.7768 70.4351 58.46 73.8277C58.3223 75.3031 58.2959 76.7886 58.1769 78.2661C57.9977 80.4912 55.786 82.5537 53.3745 82.6979C52.1126 82.7733 50.8422 82.6964 49.5764 82.7223C48.8503 82.7372 48.5717 82.4252 48.5734 81.7071C48.587 76.1612 48.5889 70.6152 48.5714 65.0693C48.5693 64.425 48.9507 64.1667 49.4095 63.8766C52.3932 61.9893 54.2859 59.3582 54.4548 55.7727C54.5992 52.7048 53.4129 50.1345 50.8053 47.8855C50.8053 50.2415 50.7428 52.2794 50.8297 54.3109C50.8784 55.4483 50.4581 56.049 49.4373 56.4992C47.7618 57.2383 46.1281 58.0808 44.5173 58.9543C43.7367 59.3776 43.0912 59.3529 42.3188 58.9405C40.6636 58.0569 38.9831 57.2141 37.2729 56.4433C36.3557 56.0299 35.9569 55.4866 35.9943 54.4483C36.0689 52.3722 36.0164 50.2916 36.0164 47.9385C33.9521 49.6287 32.8563 51.5931 32.5546 53.8793C32.0223 57.912 33.5292 61.1573 36.8721 63.4804C37.6439 64.0167 37.9608 64.599 37.9559 65.5266C37.9283 70.7667 37.9205 76.0073 37.9722 81.2471C37.9836 82.3958 37.6142 82.8465 36.4654 82.7343C35.73 82.6625 34.9819 82.7257 34.2396 82.7186C30.985 82.6873 28.6935 80.475 28.6883 77.2065C28.6842 74.6191 28.429 72.08 27.7394 69.4807Z" fill="white"/>
+<path id="Vector_2" d="M64.6197 6.21345C65.4973 5.89966 66.1855 6.03912 66.6742 6.73835C67.1569 7.42883 67.0308 8.12047 66.6199 8.81771C65.5807 10.5809 64.5856 12.3703 63.5326 14.1251C62.8127 15.3248 61.9445 15.6489 61.0826 15.1328C60.1423 14.5699 59.9771 13.6571 60.6648 12.4244C61.6407 10.675 62.6578 8.94864 63.6564 7.21194C63.876 6.83011 64.1222 6.47426 64.6197 6.21345Z" fill="white"/>
+<path id="Vector_3" d="M9.86641 20.773C11.4227 21.6745 12.8941 22.5266 14.364 23.3812C15.313 23.933 15.7889 24.6925 15.2613 25.7709C14.7976 26.7188 13.7711 26.918 12.6651 26.2909C10.9208 25.3019 9.19327 24.2833 7.45914 23.2764C6.21294 22.5529 5.82521 21.6726 6.3438 20.7485C6.86024 19.8283 7.80509 19.6883 9.09353 20.3456C9.32647 20.4644 9.55194 20.5979 9.86641 20.773Z" fill="white"/>
+<path id="Vector_4" d="M28.5659 12.4547C28.6143 13.4961 28.1076 14.062 27.2648 14.2589C26.4403 14.4516 25.8433 13.9924 25.4402 13.3019C24.3226 11.3872 23.2023 9.47355 22.1181 7.53982C21.6281 6.66596 21.7396 5.81371 22.6191 5.25889C23.4838 4.71339 24.3848 4.88393 24.8922 5.75397C26.1589 7.92578 27.6206 9.99308 28.5659 12.4547Z" fill="white"/>
+<path id="Vector_5" d="M79.9267 21.7784C80.9987 21.6949 81.6513 22.1146 81.8693 23.0577C82.0802 23.9703 81.5287 24.5563 80.8211 24.973C79.0199 26.0336 77.1991 27.0613 75.3826 28.0959C74.4342 28.636 73.5431 28.6867 72.8818 27.6606C72.3219 26.7918 72.6429 25.8638 73.795 25.1912C75.7864 24.0286 77.81 22.9209 79.9267 21.7784Z" fill="white"/>
+<path id="Vector_6" d="M44.1026 0C45.746 0.0179243 46.1119 0.326125 46.1319 1.75266C46.1624 3.92349 46.1448 6.09496 46.1549 8.26613C46.1599 9.32944 45.7218 10.0685 44.6018 10.1158C43.4716 10.1635 42.9103 9.3938 42.8786 8.3896C42.8073 6.13325 42.8387 3.87289 42.8655 1.61461C42.8745 0.856906 43.2836 0.308197 44.1026 0Z" fill="white"/>
+<path id="Vector_7" d="M84.7611 46.0445C82.6367 46.043 80.6359 46.0224 78.6356 46.0458C77.5381 46.0585 76.8833 45.5363 76.7284 44.4925C76.5976 43.6118 77.5086 42.7562 78.6003 42.7358C80.6872 42.6968 82.7753 42.7098 84.8628 42.7241C86.1917 42.7333 86.9441 43.3182 86.9971 44.3263C87.052 45.3706 86.3203 45.9656 84.7611 46.0445Z" fill="white"/>
+<path id="Vector_8" d="M0.764886 43.6861C0.0473517 43.0828 -0.199091 42.4131 0.170311 41.6462C0.523053 40.9139 1.1614 40.6074 1.98345 40.6144C4.07155 40.6322 6.16011 40.6039 8.24807 40.6288C9.55168 40.6443 10.2831 41.2904 10.2192 42.3608C10.1469 43.5718 9.3567 43.9884 8.25943 43.9458C5.79251 43.8499 3.31365 44.1936 0.764886 43.6861Z" fill="white"/>
+</g>
+</svg>
diff --git a/src/assets/temp.png b/src/assets/temp.png
new file mode 100644
index 0000000..6076698
Binary files /dev/null and b/src/assets/temp.png differ