Old dev

package.json

@@ -11,7 +11,6 @@
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.3.4",
     "crypto-js": "^4.1.1",
-    "flowbite": "^1.5.3",
     "flowbite-react": "^0.2.0",
     "gh-avatar": "^3.0.0",
     "html-to-image": "^1.11.11",

src/App.js

@@ -51,6 +51,7 @@ import Spiderman from "./Pages/CapTF/Spiderman";
 import Submission from "./Pages/CapTF/Submission";
 import Pathway from "./Pages/Pathway/Pathway";
 import EnablersPage from "./Pages/EnablersPage/EnablersPage";
+import In50Hours from "./Pages/In50Hours/In50Hours";
 function App() {
   const [redirects, setRedirects] = useState([]);
   const [isLoaded, setIsLoaded] = useState(false);
@@ -94,6 +95,7 @@ function App() {
           <Route path="*" element={<NotFound isLoaded={isLoaded} />} />
           <Route path="/termsandconditions" element={<TermsAndCondition />} />
           <Route path="/privacypolicy" element={<PrivacyPolicy />} />
+          <Route path="/in50hours" element={<In50Hours />} />
           <Route element={<Layout />}>
             <Route path="/" element={<Home />} />
             <Route path="/blogs" element={<BlogLanding />} />

src/Components/Navbar/Mylinks.jsx

@@ -16,6 +16,13 @@ export const links = [
             link: "/team",
             foreign: false,
           },
+          {
+            name: "Enablers",
+            submenu: false,
+            sublinks: [],
+            link: "/enablers",
+            foreign: false,
+          },
         ],
       },
 

src/Components/TeamCard/TeamCard.css

@@ -23,6 +23,7 @@ img {
   width: 8rem;
   height: 8rem;
   object-fit: cover;
+  object-position: top;
 }
 
 .team-card__content {

src/Pages/CampusLogoGen/campusLogoGen.module.css

@@ -7,6 +7,7 @@
   bottom: calc(6.3rem - 10px);
   font-family: "Plus Jakarta Sans", sans-serif;
   font-size: 1.7rem;
+  letter-spacing: 0.25px;
 }
 
 .campusCodeYip {

src/Pages/Home/Home.jsx

@@ -29,30 +29,15 @@ const MuLiveCounter = () => {
       "wss://mulearn.org/ws/v1/public/landing-stats/"
     );
 
-    socket.addEventListener("open", (event) => console.log("connected"));
-
     socket.addEventListener("message", (event) => {
       setCounts(JSON.parse(event.data));
+      console.log("Message from server ", event.data);
     });
 
     socket.addEventListener("error", (event) => {
       console.error("WebSocket error: ", event);
     });
-
-    return () => {
-      socket.close();
-      if (!counts) {
-        fetch("https://mulearn.org/api/v1/get-log/global-count/")
-          .then((response) => response.json())
-          .then((data) => {
-            setCounts(data.response);
-          })
-          .catch((error) => {
-            console.error("Error:", error);
-          });
-      }
-    };
-  }, [counts]);
+  }, []);
 
   return (
     <div className={styles.rightside}>
@@ -114,6 +99,8 @@ const MuLiveCounter = () => {
 };
 
 const Home = () => {
+  const donationLink = process.env.REACT_APP_DONATION_LINK
+
   return (
     <>
       <Navbar />
@@ -136,9 +123,12 @@ const Home = () => {
               <a
                 target="_blank"
                 rel="noopener noreferrer"
-                href="https://app.mulearn.org/register"
+                href={donationLink}
               >
-                <button className={styles.primary}>Join Us</button>
+                <button className={styles.primary}>Make a Donation ❤️</button>
+              </a>
+              <a target="_blank" rel="noopener noreferrer" href="/mulearn.apk">
+                <button className={styles.secondary}>Download APK</button>
               </a>
             </div>
           </div>
@@ -323,6 +313,34 @@ const Home = () => {
         </div>
       </div>
 
+      <br />
+      <div className={styles.joinviewmain_container}>
+        <div className={styles.joinview_container}>
+          <div className={styles.join_view}>
+            <div className={styles.jv_texts}>
+              <p className={styles.jv_heading}>
+                The Story of Aami <span>MuStory</span>
+              </p>
+              <p className={styles.jv_content}>
+                Meet Aami, an eager learner hungry for growth! Join her voyage
+                through the captivating µVerse, where she seizes opportunities,
+                builds learning circles, and immerses herself in events,
+                emerging industry-ready with newfound skills and confidence.
+              </p>
+            </div>
+            <div className={styles.mu_story}>
+              <iframe
+                src="https://www.youtube.com/embed/M9serw-CLU0?si=rqJ8ZNA4vl8byH07"
+                title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen
+              ></iframe>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div className={styles.thirdviewmain_container}>
         <div className={styles.thirdview_container}>
           <div className={styles.third_view}>
@@ -489,30 +507,6 @@ const Home = () => {
           </div>
         </div>
       </div>
-      <br />
-      <div className={styles.joinviewmain_container}>
-        <div className={styles.joinview_container}>
-          <div className={styles.join_view}>
-            <div className={styles.jv_texts}>
-              <p className={styles.jv_heading}>
-                The Story of Aami <span>MuStory</span>
-              </p>
-              <p className={styles.jv_content}>
-              Meet Aami, an eager learner hungry for growth! Join her voyage through the captivating µVerse, where she seizes opportunities, builds learning circles, and immerses herself in events, emerging industry-ready with newfound skills and confidence.
-              </p>
-            </div>
-            <div className={styles.mu_story}>
-              <iframe
-                src="https://www.youtube.com/embed/M9serw-CLU0?si=rqJ8ZNA4vl8byH07"
-                title="YouTube video player"
-                frameborder="0"
-                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                allowfullscreen
-              ></iframe>
-            </div>
-          </div>
-        </div>
-      </div>
 
       <div className={styles.chart_view_container}>
         <div className={styles.chart_view}>

src/Pages/In50Hours/In50Hours.jsx

@@ -0,0 +1,117 @@
+import React from "react";
+import Navbar from "../../Components/Navbar/Navbar";
+import styles from "./In50Hours.module.css";
+import Footer from "../../Components/Footer/Footer";
+import heroImage from "./heroimg.png";
+import supporters from "./supporters.png";
+import makemyPass from "./makemypass.png";
+import tsimg from "./tsimg.png";
+
+const In50Hours = () => {
+  return (
+    <>
+      <Navbar />
+      <div className={styles.mainContainer}>
+        <div className={styles.firstSectionContainer}>
+          <img src={heroImage} alt="" className={styles.fsImage} />
+          <div className={styles.fsTexts}>
+            <p className={styles.fsHeading}>
+              IN<span>50</span>HOURS
+            </p>
+            <p className={styles.fsTagline}>
+              Get ready to hack your way to success in just 50 hours at In50Hr!
+              Dive into a whirlwind of innovation, collaboration, and
+              caffeine-fueled brilliance!
+            </p>
+            <p className={styles.supportedBy}>Organized By</p>
+            <img src={supporters} alt="" className={styles.supporters} />
+            <a
+              target="_blank"
+              rel="noreferrer"
+              href="https://www.makemypass.com/in50hours"
+            >
+              <button className={styles.register}>Register Now</button>
+            </a>
+          </div>
+        </div>
+
+        <div className={styles.steps}>
+          <div className={styles.step}>
+            <p className={styles.stepHeading}>
+              P<span>IT</span>CH
+            </p>
+            <p className={styles.stepTagline}>
+              Pitch your boldest ideas and captivate them all in just minutes.{" "}
+            </p>
+          </div>
+          <div className={styles.step}>
+            <p className={styles.stepHeading}>
+              PRO<span>TO</span>TYPE
+            </p>
+            <p className={styles.stepTagline}>
+              Dive into the hustle and bustle of collaboration as teams form and
+              dive headfirst into building their prototypes.
+            </p>
+          </div>
+          <div className={styles.step}>
+            <p className={styles.stepHeading}>
+              <span>GET</span> FUNDED
+            </p>
+            <p className={styles.stepTagline}>
+              Pitch your boldest ideas and captivate them all in just minutes.{" "}
+            </p>
+          </div>
+        </div>
+
+        <div className={styles.thirdSectionContainer}>
+          <div className={styles.tsTexts}>
+            <p className={styles.tsHeading}>
+              HOW <span>TO</span> JOIN
+            </p>
+            <p className={styles.tsTagline}>
+              If you are already into the level 5, you can participate in the
+              event completely free of cost. If you are not, you can still
+              participate by paying a nominal fee of INR 1000.
+            </p>
+            <p className={styles.supportedBy}>Ticketing Partner</p>
+            <img src={makemyPass} alt="" className={styles.tsImage} />{" "}
+          </div>
+          <img src={tsimg} alt="" className={styles.tsSideImage} />
+        </div>
+        <div className={styles.steps}>
+          <div className={styles.step}>
+            <p className={styles.stepHeading}>
+              STEP <span>1</span>
+            </p>
+            <p className={styles.stepTagline}>
+              Collect your coupons, got to the to In-50hr-Challenge and type
+              <strong> /get-in50hours-coupon</strong> to get your coupon code.
+            </p>
+          </div>
+          <div className={styles.step}>
+            <p className={styles.stepHeading}>
+              STEP <span>2</span>
+            </p>
+            <p className={styles.stepTagline}>
+              <strong>Go to MakeMyPass.com </strong> and register for the event
+              using the coupon code. In case you are not in level 5, you can pay
+              and register.
+            </p>
+          </div>
+          <div className={styles.step}>
+            <p className={styles.stepHeading}>
+              STEP <span>3</span>
+            </p>
+            <p className={styles.stepTagline}>
+              You will receive a confirmation mail having the ticket for joining
+              the event on the 23rd of February.
+            </p>
+          </div>
+        </div>
+      </div>
+      <Footer />
+    </>
+  );
+};
+
+export default In50Hours;