Merge branch 'main' into Enhanced-Contributors-Cards

Author: prnvtripathi

.gitignore

@@ -71,6 +71,7 @@ typings/
 # dotenv environment variables file
 .env
 .env.test
+.env.local
 
 # parcel-bundler cache (https://parceljs.org/)
 .cache

src/components/HeroSection/index.jsx

@@ -7,7 +7,7 @@ const HeroSection = () => {
       <div className="flex items-center justify-center text-center md:items-start md:text-left md:justify-start px-7">
         <div className="flex flex-col items-center md:items-start gap-8 md:w-2/3 w-full">
           <h1 className="md:text-6xl sm:text-7xl text-4xl font-primary font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#AF7AF2] via-[#A5F7A8] to-[#AF7AF2]">
-            Devs In Tech Community
+            DevsInTech Community
           </h1>
           <p className="text-left md:text-xl font-secondary sm:text-xl text-lg text-white">
             Welcome to DevsInTech, an all inclusive community where developers come to learn, grow, and create together. Whether you&apos;re a beginner or an experienced developer, you&apos;ll find a place here to connect, collaborate, and build new skills. With weekly coffee chats, movie nights, expert sessions, and more, we offer endless opportunities to improve your craft and connect with like-minded individuals. Join us today and become a part of a community that&apos;s all about helping you succeed.

src/components/ScrollToTop.jsx

@@ -17,7 +17,6 @@ const ScrollToTop = () => {
     const handleScroll = () => {
       let height = 580;
       const scrollCheck =
-        window.pageYOffset ||
         document.documentElement.scrollTop ||
         document.body.scrollTop;
       if (scrollCheck > height) {
@@ -35,7 +34,7 @@ const ScrollToTop = () => {
   return (
     scroll && (
       <div
-        className="fixed cursor-pointer bg-[#13161B] bottom-20 right-10 p-4 rounded-full shadow-lg text-white hover:bg-gradient-to-br from-[#FF008A] to-[#6100FF] transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-110 hover:shadow-xl"
+        className="fixed cursor-pointer bg-[#13161B] bottom-10 left-10 p-4 rounded-full shadow-lg text-white hover:bg-gradient-to-br from-[#FF008A] to-[#6100FF] transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-110 hover:shadow-xl"
         onClick={scrollToTop}
       >
         <FiArrowUp size={28} />
@@ -45,43 +44,3 @@ const ScrollToTop = () => {
 };
 
 export default ScrollToTop;
-// =======
-// import { useEffect, useState } from "react";
-// import { FiArrowUp } from "react-icons/fi";
-
-// const ScrollToTop = () => {
-//   const [scroll, setScroll] = useState(false);
-//   const scrollToTop = () => {
-//     window.scrollTo({
-//       top: 0,
-//       behavior: "smooth",
-//     });
-//   };
-
-//   useEffect(() => {
-//     window.addEventListener("scroll", () => {
-//       let height = 580;
-//       const scrollCheck =
-//         document.documentElement.scrollTop || document.body.scrollTop;
-//       if (scrollCheck > height) {
-//         setScroll(true);
-//       } else {
-//         setScroll(false);
-//       }
-//     });
-//   }, []);
-
-//   return (
-//     scroll && (
-//       <div
-//         className="fixed cursor-pointer bg-[#13161B] bottom-14 right-5 md:bottom-5 p-2 rounded-full shadow-lg text-white hover:bg-gradient-to-br from-[#FF008A] to-[#6100FF] transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-110 hover:shadow-xl"
-//         onClick={scrollToTop}
-//       >
-//         <FiArrowUp size={28} />
-//       </div>
-//     )
-//   );
-// };
-
-// export default ScrollToTop;
-// >>>>>>> ca2392dd00b671896d5180ea6af8eb94167e6bd2

src/pages/alan.js

@@ -1,27 +1,24 @@
-// alan-ai-setup.js
-import { useEffect } from "react";
+import React, { useEffect } from "react";
 
-const AlanAIProjectKey =
-  "f9b22abe4b61e7c364a5a62bdae65be32e956eca572e1d8b807a3e2338fdd0dc/stage";
+const AlanAIProjectKey = `${process.env.NEXT_PUBLIC_ALAN_AI_CHATBOT}/stage`;
 
 function AlanAIComponent() {
   useEffect(() => {
     // Load Alan AI script asynchronously when the component mounts on the client side
+    // const additionalStyles = `
+    //   .alanBtn-root {
+    //     right: 2rem !important;
+    //     bottom: 2rem !important;
+    //   }
+    // `;
 
-    const additionalStyles = `
-    .alanBtn-root {
-      right: 46px !important;
-      bottom: 150px !important;
-    }
-  `;
-
-    const styleTag = document.createElement("style");
-    styleTag.innerHTML = additionalStyles;
-    document.head.appendChild(styleTag);
+    // const styleTag = document.createElement("style");
+    // styleTag.innerHTML = additionalStyles;
+    // document.head.appendChild(styleTag);
 
     // Initialize Alan AI and handle commands once the script is loaded
     /* global alanBtn */
-    var alanBtnInstance = alanBtn({
+    const alanBtnInstance = alanBtn({
       key: AlanAIProjectKey,
       onCommand: function (commandData) {
         if (commandData && commandData.command === "openURL") {
@@ -36,9 +33,14 @@ function AlanAIComponent() {
         }
       },
     });
+
+    // Clean up the Alan AI instance when the component unmounts
+    return () => {
+      alanBtnInstance.deactivate();
+    };
   }, []);
 
-  return <div id="alan-btn" />; // This div will serve as the mount point for the Alan AI button
+  return <div id="alan-btn" className="fixed cursor-pointer bg-[#13161B] bottom-16 left-10 p-4"></div>; // This div will serve as the mount point for the Alan AI button
 }
 
 export default AlanAIComponent;

src/pages/events/blogathon/index.jsx

@@ -11,7 +11,7 @@ const BlogAThons = () => {
         <div className='w-[100%] flex flex-wrap mx-auto justify-center items-center mt-26 py-8 mb-5 max-w-screen-2xl format-card'>
           <div className="md:w-2/3 ml-5" data-aos="fade-left" data-aos-duration="500">
             <p className="team-description font-bold text-2xl text-center">
-            Join our DevsinTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
+              Join our DevsInTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
             </p>
           </div>
         </div>

src/pages/events/coffee/index.jsx

@@ -11,7 +11,7 @@ const BlogAThons = () => {
         <div className='w-[100%] flex flex-wrap mx-auto justify-center items-center mt-26 py-8 mb-5 max-w-screen-2xl format-card'>
           <div className="md:w-2/3 ml-5" data-aos="fade-left" data-aos-duration="500">
             <p className="team-description font-bold text-2xl text-center">
-            Join our DevsinTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
+              Join our DevsInTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
             </p>
           </div>
         </div>

src/pages/events/index.jsx

@@ -59,23 +59,12 @@ const Events = () => {
   return (
     <>
       <Navbar />
-      <div style={{ marginTop: 100, color: "white", alignItems: "center" }}>
-        <h1 className="text-5xl font-bold text-center text-blue-500">
-          Welcome to the DevsinTech Community Events Page!
-        </h1>
-        <div className="w-[100%] flex flex-wrap mx-auto justify-center items-center mt-26 py-8 mb-5 max-w-screen-2xl format-card">
-          <div
-            className="md:w-2/3 ml-5"
-            data-aos="fade-left"
-            data-aos-duration="500"
-          >
+      <div style={{ marginTop: 100, color: 'white', alignItems: 'center' }}>
+        <h1 className="text-5xl font-bold text-center text-blue-500">Welcome to the DevsInTech Community Events Page!</h1>
+        <div className='w-[100%] flex flex-wrap mx-auto justify-center items-center mt-26 py-8 mb-5 max-w-screen-2xl format-card'>
+          <div className="md:w-2/3 ml-5" data-aos="fade-left" data-aos-duration="500">
             <p className="team-description font-bold text-2xl text-center">
-              At DevsinTech, we believe in fostering a vibrant and inclusive
-              community of tech enthusiasts, developers, and industry
-              professionals. Our events are designed to bring together
-              like-minded individuals to learn, share knowledge, and network.
-              <br></br> Join our community to stay updated on the latest tech
-              trends, expand your skillset, and connect with fellow developers.
+              At DevsInTech, we believe in fostering a vibrant and inclusive community of tech enthusiasts, developers, and industry professionals. Our events are designed to bring together like-minded individuals to learn, share knowledge, and network.<br></br> Join our community to stay updated on the latest tech trends, expand your skillset, and connect with fellow developers.
             </p>
           </div>
         </div>
@@ -124,7 +113,7 @@ const Events = () => {
         >
           Search
         </label>
-        <div className="relative w-[87vw] mx-auto mb-[8rem]   mr-[7.5rem] mt-[3rem] ">
+        <div className="relative w-[87vw] mx-auto mb-[8rem] mr-[7.5rem] mt-[3rem] ">
           <div className="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
             <svg
               className="w-4 h-4 text-gray-500 dark:text-gray-400"

src/pages/events/quiz/index.jsx

@@ -11,7 +11,7 @@ const Quiz = () => {
         <div className='w-[100%] flex flex-wrap mx-auto justify-center items-center mt-26 py-8 mb-5 max-w-screen-2xl format-card'>
           <div className="md:w-2/3 ml-5" data-aos="fade-left" data-aos-duration="500">
             <p className="team-description font-bold text-2xl text-center">
-            Join our DevsinTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
+              Join our DevsInTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
             </p>
           </div>
         </div>

src/pages/events/spaces/index.jsx

@@ -11,7 +11,7 @@ const Spaces = () => {
         <div className='w-[100%] flex flex-wrap mx-auto justify-center items-center mt-26 py-8 mb-5 max-w-screen-2xl format-card'>
           <div className="md:w-2/3 ml-5" data-aos="fade-left" data-aos-duration="500">
             <p className="team-description font-bold text-2xl text-center">
-            Join our DevsinTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
+              Join our DevsInTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
             </p>
           </div>
         </div>

src/pages/events/tech/index.jsx

@@ -13,7 +13,7 @@ const TechEvents = () => {
         <div className='w-[100%] flex flex-wrap mx-auto justify-center items-center mt-26 py-8 mb-5 max-w-screen-2xl format-card'>
           <div className="md:w-2/3 ml-5" data-aos="fade-left" data-aos-duration="500">
             <p className="team-description font-bold text-2xl text-center">
-            Join our DevsinTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
+              Join our DevsInTech community for an array of exciting online tech events. Attend insightful webinars featuring industry experts, dive deep into practical workshops to enhance your skills, and unleash your creativity in our competitive hackathons. Engage with fellow developers, expand your network, and stay updated on cutting-edge technologies and industry trends.
             </p>
           </div>
         </div>