From 680c27eb44b05f4e29650cd66c06a5616cc6b0c1 Mon Sep 17 00:00:00 2001
From: Aswin Asok <aswinasokofficial@gmail.com>
Date: Tue, 5 Sep 2023 00:59:22 +0530
Subject: [PATCH] link-updations

---
 src/App.js                                    |   5 +-
 .../components/Cards/Cards.jsx                | 113 +++++++++++-------
 .../KKEMLearningFest/components/Hero/Hero.jsx |  27 +++--
 3 files changed, 92 insertions(+), 53 deletions(-)

diff --git a/src/App.js b/src/App.js
index 909286bc5..3feff793f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -43,7 +43,6 @@ import YipForm from "./Pages/YIP/YIPAfterForm/YipForm";
 import Journey from "./Pages/UserJourney/Journey";
 import MutechLeaderboard from "./Pages/MutechLeaderBoard/MutechLeaderBoard";
 import CodeStorm from "./Pages/Events/GTA/CodeStorm/CodeStorm";
-import LearningFest from "./Pages/Events/LearningFest/LearningFest";
 import KKEMLearningFest from "./Pages/KKEMLearningFest/KKEMLearningFest";
 
 function App() {
@@ -112,8 +111,8 @@ function App() {
             <Route path="/yip" element={<YIP2023 />} />
             <Route path="/events/bewebdev" element={<BeWebDev />} />
             <Route path="events/gta/codestorm" element={<CodeStorm />} />
-            <Route path="events/learningfest" element={<LearningFest />} />
-            <Route path="learningfest" element={<KKEMLearningFest />} />
+            {/* <Route path="events/learningfest" element={<LearningFest />} /> */}
+            <Route path="events/learningfest" element={<KKEMLearningFest />} />
             <Route path="/team">
               <Route path="" element={<Teams />} />
             </Route>
diff --git a/src/Pages/KKEMLearningFest/components/Cards/Cards.jsx b/src/Pages/KKEMLearningFest/components/Cards/Cards.jsx
index 9a214adc0..041eb0fc8 100644
--- a/src/Pages/KKEMLearningFest/components/Cards/Cards.jsx
+++ b/src/Pages/KKEMLearningFest/components/Cards/Cards.jsx
@@ -1,66 +1,97 @@
-import React from 'react'
-import mario from '../../assets/mario.webp'
-import styles from './Cards.module.css'
-import princess from '../../assets/Princess.webp'
-import luigi from '../../assets/Luigi.webp'
-
+import React from "react";
+import mario from "../../assets/mario.webp";
+import styles from "./Cards.module.css";
+import princess from "../../assets/Princess.webp";
+import luigi from "../../assets/Luigi.webp";
 
 export default function Cards() {
   return (
-    <div className={styles.carosel}> 
-    <div className={styles.cardsConatiner}>        
+    <div className={styles.carosel}>
+      <div className={styles.cardsConatiner}>
         <div className={styles.card}>
           <img src={mario} alt="" />
-           <div className={styles.cardConatiner}>
-              <div className={styles.cardContent}>
-                 <h1>Learning Fest</h1>
-                 <h3>Master your favorite domains, together.</h3>
-                 <p>Learn your favorite domains like web development and UI/UX together with your peers. Form learning circles and compete with each other.</p>
-                 <div className={styles.cardblob}>
-                    <div><p>Free</p></div>
-                    <div><p>Online</p></div>
-                    <div><p>7K+ Karma points</p></div>
-                    <div><p>Mentors from industry</p></div>
+          <div className={styles.cardConatiner}>
+            <div className={styles.cardContent}>
+              <h1>Learning Fest</h1>
+              <h3>Master your favorite domains, together.</h3>
+              <p>
+                Learn your favorite domains like web development and UI/UX
+                together with your peers. Form learning circles and compete with
+                each other.
+              </p>
+              <div className={styles.cardblob}>
+                <div>
+                  <p>Free</p>
+                </div>
+                <div>
+                  <p>Online</p>
                 </div>
+                <div>
+                  <p>7K+ Karma points</p>
+                </div>
+                <div>
+                  <p>Mentors from industry</p>
+                </div>
+              </div>
+              <a
+                href="https://mulearn.org/r/learningfest"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
                 <button>i'm in!</button>
-              </div>       
+              </a>
             </div>
+          </div>
         </div>
-    </div>
+      </div>
 
-    <div className={styles.cardsConatiner}>        
+      <div className={styles.cardsConatiner}>
         <div className={styles.card}>
           <img src={princess} alt="" />
-           <div className={styles.cardConatiner}>
-              <div className={styles.cardContent}>
-                 <h1>Compete and Experience </h1>
-                 <h3>Show the world what you are upto.</h3>
-                 <p>Compete with talent across the state to gain experience.: It's a journey that takes you through college-level competitions, district-level showdowns, and ultimately a state-level battle of wits.</p>
-                 <div className={styles.cardblob}>
-                    <div><p>Challenges</p></div>
-                    <div><p>Hackathons</p></div>
+          <div className={styles.cardConatiner}>
+            <div className={styles.cardContent}>
+              <h1>Compete and Experience </h1>
+              <h3>Show the world what you are upto.</h3>
+              <p>
+                Compete with talent across the state to gain experience.: It's a
+                journey that takes you through college-level competitions,
+                district-level showdowns, and ultimately a state-level battle of
+                wits.
+              </p>
+              <div className={styles.cardblob}>
+                <div>
+                  <p>Challenges</p>
+                </div>
+                <div>
+                  <p>Hackathons</p>
                 </div>
-              </div>       
+              </div>
             </div>
+          </div>
         </div>
-    </div>
+      </div>
 
-    <div className={styles.cardsConatiner}>   
+      <div className={styles.cardsConatiner}>
         <div className={styles.card}>
           <img src={luigi} alt="" />
           <div className={styles.cardConatiner}>
-              <div className={styles.cardContent}>
-                 <h1>Opportunities & Beyond</h1>
-                 <h3>Monetize your skills.</h3>
-                 <p>Get that Job. Become a Freelancer or start a business. At the end of this incredible journey, we bring you a job fair, connecting you with top-notch companies and opportunities.</p>
-                 <div className={styles.cardblob}>
-                    <div><p>Industry connect</p></div>
+            <div className={styles.cardContent}>
+              <h1>Opportunities & Beyond</h1>
+              <h3>Monetize your skills.</h3>
+              <p>
+                Get that Job. Become a Freelancer or start a business. At the
+                end of this incredible journey, we bring you a job fair,
+                connecting you with top-notch companies and opportunities.
+              </p>
+              <div className={styles.cardblob}>
+                <div>
+                  <p>Industry connect</p>
                 </div>
-              </div>       
+              </div>
             </div>
+          </div>
         </div>
       </div>
-
     </div>
-  )
+  );
 }
diff --git a/src/Pages/KKEMLearningFest/components/Hero/Hero.jsx b/src/Pages/KKEMLearningFest/components/Hero/Hero.jsx
index 68a337f4f..53cf593ef 100644
--- a/src/Pages/KKEMLearningFest/components/Hero/Hero.jsx
+++ b/src/Pages/KKEMLearningFest/components/Hero/Hero.jsx
@@ -1,10 +1,10 @@
-import React from 'react'
-import styles from './Hero.module.css'
+import React from "react";
+import styles from "./Hero.module.css";
 // import coin from '../../assets/coin.webp'
-import KKEMLogo from '../../assets/KKEMLogo.webp'
-import Illustration from '../../assets/illustration.webp'
-import Logo from '../../assets/Logo.webp'
-import Group from '../../assets/Group.webp'
+import KKEMLogo from "../../assets/KKEMLogo.webp";
+import Illustration from "../../assets/illustration.webp";
+import Logo from "../../assets/Logo.webp";
+import Group from "../../assets/Group.webp";
 
 export default function Hero() {
   return (
@@ -12,9 +12,18 @@ export default function Hero() {
       <div className={styles.kkemHeroContent}>
         <div className={styles.kkemHeroLeft}>
           <img className={styles.kkemHeroLogo} src={KKEMLogo} alt="" />
-          <h1>READY TO <br /> CHASE YOUR <br />AMBITIONS?</h1>
+          <h1>
+            READY TO <br /> CHASE YOUR <br />
+            AMBITIONS?
+          </h1>
           <p>Kerala Tech Expo is here..</p>
-          <button>Start</button>
+          <a
+            href="https://mulearn.org/r/learningfest"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <button>Start</button>
+          </a>
         </div>
         <div className={styles.kkemHeroRight}>
           <img className={styles.kkemHeroLogoImg} src={Logo} alt="" />
@@ -23,5 +32,5 @@ export default function Hero() {
       </div>
       <img className={styles.kkemHeroIllustration} src={Illustration} alt="" />
     </div>
-  )
+  );
 }