Merge branch 'main' into bharti

Author: prnvtripathi

.gitignore

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

README.md

@@ -54,7 +54,6 @@ DevsInTech offers a wide range of resources and opportunities for developers and
 >
 > - Before getting into it, make sure you have [pnpm](https://nodejs.org/download) installed.
 
-
 ### Let's jump right in🌟
 
 1. Fork the project
@@ -114,19 +113,17 @@ DevsInTech offers a wide range of resources and opportunities for developers and
 
 ### Setup using Docker
 
-  * Enter the root directory
+- Enter the root directory
 
-    ```sh
-    docker build .
+  ```sh
+  docker build .
 
-    ```
+  ```
 
-    
-    ```sh
-    docker run -p 3000:80 <Image>
-    ```
+  ```sh
+  docker run -p 3000:80 <Image>
+  ```
 
-    
 # Contribute
 
 We welcome contributions in our community. Learn how to start contributing, from installing the project on your device to submitting a pull request with our<Link href="https://github.com/devs-in-tech/DevsInTech/blob/main/CONTRIBUTING.md"> Contribution guide.<Link/>

package.json

@@ -15,16 +15,17 @@
     "prepare": "husky install"
   },
   "dependencies": {
+    "@alan-ai/alan-sdk-web": "^1.8.48",
     "@commitlint/cli": "^17.6.6",
     "@commitlint/config-conventional": "^17.6.6",
     "autoprefixer": "10.4.14",
     "axios": "^1.4.0",
     "eslint": "8.44.0",
-    "eslint-config-next": "13.4.8",
+    "eslint-config-next": "13.4.12",
     "framer-motion": "^10.12.18",
     "husky": "^8.0.3",
     "next": "13.4.8",
-    "pnpm": "^8.6.6",
+    "pnpm": "^8.6.10",
     "postcss": "8.4.24",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -34,6 +35,6 @@
     "tailwindcss": "3.3.2"
   },
   "devDependencies": {
-    "prettier": "2.8.8"
+    "prettier": "3.0.0"
   }
-}
+} 

pnpm-lock.yaml

@@ -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/HeroSection/index.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/components/ScrollToTop.jsx

@@ -2,6 +2,7 @@ import Footer from "@/components/Footer";
 import Navbar from "@/components/Navbar";
 import axios from "axios";
 import { useEffect, useState } from "react";
+import { BsGithub } from "react-icons/bs";
 
 const Contributors = () => {
   const [contributors, setContributors] = useState([]);
@@ -28,42 +29,27 @@ const Contributors = () => {
       <h1 className="text-5xl font-bold text-white text-center">
         Our Contributors
       </h1>
-      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8 mt-8 justify-center">
+      <div className="contributor-container relative z-[1] flex justify-center items-center flex-wrap p-[1em]">
         {contributors.map((i) => (
-          <div
-            className="flex justify-center items-center flex-col border border-white p-8 h-110 w-110 rounded-[0.7cm] transition duration-300 shadow-md hover:scale-105 hover:cursor-pointer hover:shadow-xl hover:border-white hover:border-opacity-60 hover:shadow-lg"
-            key={i.id}
-          >
-            <div className="w-36 h-36 rounded-full overflow-hidden transition duration-300 border-2 border-white">
-              <img
-                className="w-full h-full object-cover transition duration-300 hover:scale-110 hover:cursor-pointer hover:border-pink-200"
-                src={i.avatar_url}
-                alt=""
-              />
-            </div>
-            <div className="mt-5">
-              <h1 className="text-white text-2xl sm:text-3xl text-center">
-                {i.login}
-              </h1>
-            </div>
-            <div className="mt-2">
-              <h3 className="text-white text-xl sm:text-2xl text-center">
-                Commits: {i.contributions}
-              </h3>
-            </div>
+          <div className="contributor-card relative w-[300px] h-[400px] shadow-[0_15px_35px_rgba(0,0,0,0.9)] flex justify-center items-center flex-col backdrop-blur-2xl bg-clip-padding shadow-[0px_10px_10px_rgba(46,54,68,0.03)] m-[1em] rounded-[15px] border-[solid] border-transparent bg-gray-900 cursor-auto" key={i.login}>
+            <div className="contributor-content  relative flex justify-center items-center flex-col opacity-50 transition duration-[0.5s]">
+              <div class="relative w-[150px] h-[150px] overflow-hidden rounded-[50%] border-[10px] border-solid border-[rgba(0,0,0,0.25)]">
+                <img className="absolute w-full h-full object-cover left-0 top-0" src={i.avatar_url} alt={i.login} />
+              </div>
 
-            <div className="mt-4">
-              <button className="border-2 border-white w-40 md:w-56 py-2 rounded transition duration-300 hover:scale-105 hover:border-pink-100 relative overflow-hidden mx-auto my-2 sm:my-0 sm:mx-2">
-                <a
-                  className="text-white text-2xl sm:text-3xl"
-                  href={i.html_url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  View
-                </a>
-              </button>
+              <div class="contributor-details">
+                <h3 className="text-white uppercase tracking-[2px] font-medium text-lg text-center leading-[1.1em] mt-5 mb-2.5 mx-0">
+                  {i.login}<br />
+                  <span className="text-xs font-light">Commits: {i.contributions}</span>
+                </h3>
+              </div>
             </div>
+        
+              <ul className="contributor-social-icons absolute flex justify-center items-center bottom-[50px]">
+                <li className="translate-y-10 opacity-0 transition duration-[0.5s] mx-2.5 my-0">
+                  <a href={i.html_url} target="_blank" rel="noopener noreferrer" className="text-2xl text-white"><BsGithub /></a>
+                </li>
+              </ul>
           </div>
         ))}
       </div>

src/pages/Contributors.js

@@ -1,5 +1,12 @@
 import "@/styles/globals.css";
+import AlanAIComponent from "./alan";
 
 export default function App({ Component, pageProps }) {
-  return <Component {...pageProps} />;
+  return (
+    <>
+      {/* <AlanAIComponent/> */}
+      <AlanAIComponent />
+      <Component {...pageProps} />
+    </>
+  );
 }

src/pages/_app.js

@@ -14,6 +14,11 @@ class MyDocument extends Document {
             href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"
             rel="stylesheet"
           />
+          <script
+            type="text/javascript"
+            src="https://studio.alan.app/web/lib/alan_lib.min.js"
+            async
+          ></script>
         </Head>
         <body>
           <Main />