Merge branch 'main' into avinash905-meta

Author: Avinash905

.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

@@ -1,13 +1,12 @@
-
-
 import Image from "next/image";
 import Link from "next/link";
 import {
   FaDiscord,
   FaFacebookF,
+  FaGithub,
   FaInstagram,
   FaLinkedinIn,
-  FaTwitter,
+  FaTwitter
 } from "react-icons/fa";
 import logo from "../../public/Images/logo.jpg";
 
@@ -112,6 +111,22 @@ const Footer = () => {
                 <FaDiscord size={20} />
               </Link>
             </li>
+
+            {/* GitHub icon */}
+
+            <li>
+              <Link
+                href="https://github.com/devs-in-tech/DevsInTech"
+                aria-label="Join with us on GitHub"
+                title="GitHub (External Link)"
+                rel="noopener noreferrer"
+                target="_blank"
+                className="text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
+              >
+                <FaGithub size={20} />
+              </Link>
+            </li>
+
           </ul>
         </div>
 

public/check-markf.png

@@ -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/Footer.jsx

@@ -0,0 +1,106 @@
+import axios from "axios";
+import Image from "next/image";
+import { useState } from "react";
+
+export default function Letter() {
+  const [email, setEmail] = useState("");
+  const [subscriptionSuccess, setSubscriptionSuccess] = useState(false);
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+
+    // Make the POST request using Axios
+    axios
+      .post("/api/subscribes", { email })
+      .then((response) => {
+        // Handle the success response here
+        console.log(response.data);
+        setSubscriptionSuccess(true);
+      })
+      .catch((error) => {
+        // Handle the error here
+        console.error(error);
+      });
+  };
+
+  const handleEmailChange = (e) => {
+    setEmail(e.target.value);
+  };
+
+  return (
+    <section className="bg-black ">
+      <div className="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
+        <div className="mx-auto max-w-screen-md sm:text-center">
+          {subscriptionSuccess ? (
+            <div className="bg-black-500  text-white p-4 mb-4 rounded-lg flex flex-col items-center justify-center border-2 border-solid focus:border-primary-500 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500">
+              <div className="w-12 h-12 mb-2 animate-bounce">
+                <Image
+                  src="/check-markf.png"
+                  alt="Success Icon"
+                  width={68}
+                  height={68}
+                />
+              </div>
+              <span className="text-center text-3xl mt-2">
+                We&apos;ve sent a confirmation email
+                <br />
+                Click on the link to complete your subscription to this
+                newsletter.
+              </span>
+            </div>
+          ) : (
+            <>
+              <h2 className="sm:text-3xl md:text-4xl text-xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-purple-400 via-green-400 to-purple-400">
+                Subscribe to our newsletter
+              </h2>
+              <p className="mx-auto mb-8 mt-4 max-w-2xl font-secondary text-white-500 md:mb-12 sm:text-xl dark:text-white">
+                Read articles from DevsInTech Blogs directly inside your inbox.
+                Subscribe to the newsletter, and don&apos;t miss out.
+              </p>
+              <form action="#" onSubmit={handleSubmit}>
+                <div className="items-center mx-auto mb-3 space-y-4 max-w-screen-sm sm:flex sm:space-y-0">
+                  <div className="relative w-full">
+                    <label
+                      htmlFor="email"
+                      className="hidden mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
+                    >
+                      Email address
+                    </label>
+                    <div className="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none ">
+                      <svg
+                        className="w-5 h-5 text-gray-500 dark:text-gray-400"
+                        fill="currentColor"
+                        viewBox="0 0 20 20"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
+                        <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
+                      </svg>
+                    </div>
+                    <input
+                      className="block p-3 pl-10 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 sm:rounded-none sm:rounded-l-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
+                      placeholder="Enter your email"
+                      type="email"
+                      id="email"
+                      required=""
+                      value={email}
+                      onChange={handleEmailChange}
+                    />
+                  </div>
+                  <div>
+                    <button
+                      type="submit"
+                      className="py-3 px-5 w-full text-sm font-medium text-center text-white rounded-lg border cursor-pointer bg-primary-700 border-primary-600 sm:rounded-none sm:rounded-r-lg hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 bg-gradient-to-r from-indigo-800 to-purple-500"
+                    >
+                      Subscribe
+                    </button>
+                  </div>
+                </div>
+              </form>
+            </>
+          )}
+        </div>
+      </div>
+    </section>
+  );
+}

src/components/HeroSection/index.jsx

@@ -11,7 +11,7 @@ const Navbar = () => {
     { name: "Events", link: "/events" },
     { name: "Team", link: "/team" },
     { name: "FAQs", link: "/#faqs" },
-    { name: "Contributors", link: "/Contributors" }
+    { name: "Contributors", link: "/Contributors" },
   ];
   let [open, setOpen] = useState(false);
   return (
@@ -25,8 +25,9 @@ const Navbar = () => {
         </div>
 
         <ul
-          className={`md:flex md:items-center md:pb-0 px-20 md:px-0 pb-12 md:justify-center absolute md:static md:z-auto left-0 w-full transition-all duration-500 ease-in ${open ? "top-24 bg-black" : "top-[-550px]"
-            }`}
+          className={`md:flex md:items-center md:pb-0 px-20 md:px-0 pb-12 md:justify-center absolute md:static md:z-auto left-0 w-full transition-all duration-500 ease-in ${
+            open ? "top-24 bg-black" : "top-[-550px]"
+          }`}
         >
           {Links.map((link) => (
             <li