changed heading

jude7733 · Jan 31, 2024 · 9f34daf · 9f34daf
1 parent 9d75e98
commit 9f34daf
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 10 deletions.
diff --git a/src/Events/Reg.jsx b/src/Events/Reg.jsx
@@ -107,12 +107,13 @@ const Reg = () => {
       direction="column"
       gap="8"
     >
-      <Heading>Tournament Registration</Heading>
+      <Heading color="#9867C5">Workshop</Heading>
       <Games
         type="Unity"
         desc="Explore creativity and innovation! 🚀 Register now for the
               ultimate Game Development experience and unleash your creativity🎮"
       />
+      <Heading color="#9867C5">Competitions</Heading>
       <Games
         type="Tekken"
         desc="Get ready to fight your way to the top in the electrifying

diff --git a/src/Header/Header.jsx b/src/Header/Header.jsx
@@ -8,12 +8,12 @@ const Header = () => {
     <>
       <NavBar />
       <Welcome />
-      <Flex style={{ height: "60vh" }}>
+      {/* <Flex style={{ height: "60vh" }}>
         <Canvas camera={{ fov: 140 }}>
           <ambientLight intensity={0.5} />
           <Gdsc />
         </Canvas>
-      </Flex>
+      </Flex> */}
     </>
   );
 };

diff --git a/src/Header/NavBar.jsx b/src/Header/NavBar.jsx
@@ -32,7 +32,7 @@ const Navbar = () => {
               <a href="#events">EVENTS</a>
             </li>
             <li className="navbar-item">
-              <a href="#news">SPONSERS</a>
+              <a href="#sponsers">SPONSERS</a>
             </li>
             <li className="navbar-item">
               <a href="#contact">CONTACT</a>

diff --git a/src/components/Sponsers.jsx b/src/components/Sponsers.jsx
@@ -10,20 +10,45 @@ const Sponsers = () => {
       justify="center"
       align="center"
       direction="column"
+      id="sponsers"
     >
       <Heading m="4" color="purple">
         Title Sponser
       </Heading>
-      <Flex className="sponser" justify="center" align="center" mb="9" style={{borderBottom: "1px purple solid"}}>
-        <img src={arrow} alt="luminar" />
+      <Flex
+        className="sponser"
+        justify="center"
+        align="center"
+        pb="9"
+        style={{
+          borderBottom: "2px purple groove",
+          width: "90%",
+          borderRadius: "10%",
+        }}
+        mb="4"
+      >
+        <img src={arrow} alt="Arrow Wings" />
       </Flex>
-      <Heading m="4" color="purple">
-        Other Sponsers
+      <Heading
+        m="4"
+        color="purple"
+        size={{ initial: "1", sm: "2", md: "3", lg: "4" }}
+      >
+        Co-Sponsers
       </Heading>
       <Flex className="sponser" justify="center" align="center" mb="9">
         {/* <img src={luminar} alt="luminar" /> */}
-        <img src={redTeam} alt="redTeam" width="40%" />
-        <img src={zoople} alt="zoople" width="40%" />
+        <img src={redTeam} alt="redTeam" width="45%" />
+      </Flex>
+      <Heading
+        m="4"
+        color="purple"
+        size={{ initial: "1", sm: "2", md: "3", lg: "4" }}
+      >
+        Other Sponsers
+      </Heading>
+      <Flex className="sponser" justify="center" align="center" mb="9">
+        <img src={zoople} alt="zoople" />
       </Flex>
     </Flex>
   );