From b4e99959479d5f1bccf743d97da9ca49b3dc9a1d Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Sun, 13 Oct 2024 11:23:59 +0530
Subject: [PATCH 01/14] basic events page

---
 src/app/events/page.js | 86 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 83 insertions(+), 3 deletions(-)

diff --git a/src/app/events/page.js b/src/app/events/page.js
index ff7cb8b..5d43830 100644
--- a/src/app/events/page.js
+++ b/src/app/events/page.js
@@ -1,4 +1,84 @@
+import React from 'react';
+import Link from 'next/link';
+
+// EventCard component
+const EventCard = ({ event }) => {
+  return (
+    <div className="bg-gray-800 rounded-lg overflow-hidden shadow-lg">
+      <img 
+        src={event.poster} 
+        alt={event.name} 
+        className="w-full h-48 object-cover"
+      />
+      <div className="p-4">
+        <h3 className="text-xl font-bold text-white mb-2">{event.name}</h3>
+        <p className="text-gray-300 text-sm mb-4">{event.shortDesc}</p>
+        <a 
+          href={event.communityLink} 
+          target="_blank" 
+          rel="noopener noreferrer" 
+          className="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 transition duration-300"
+        >
+          Get More Info!
+        </a>
+      </div>
+    </div>
+  );
+};
+
+// EventsSection component
+const EventsSection = ({ events }) => {
+  return (
+    <div className="bg-gray-900 py-12">
+      <div className="container mx-auto px-4">
+        <h2 className="text-4xl font-bold text-white text-center mb-12">Events</h2>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+          {events.map((event, index) => (
+            <EventCard key={index} event={event} />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+// Mock data for events
+const eventsData = [
+  {
+    name: "Gen AI Study Jams",
+    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
+    shortDesc: "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams"
+  },
+  {
+    name: "Web Dev Workshop",
+    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+    shortDesc: "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop"
+  },
+  // Add more events as needed
+];
+
+// Main EventsPage component
 export default function EventsPage() {
-  return <h1>GDG Events</h1>;
-}
-// THIS PAGE SHOULD BE DEPRECATED
+  return (
+    <div className="min-h-screen bg-gray-900">
+      <header className="bg-gray-800 py-6">
+        <div className="container mx-auto px-4">
+          <h1 className="text-3xl font-bold text-white">GDG Events</h1>
+          <nav className="mt-4">
+            <Link href="/" className="text-blue-400 hover:text-blue-300">Home</Link>
+          </nav>
+        </div>
+      </header>
+      <main>
+        <EventsSection events={eventsData} />
+      </main>
+      <footer className="bg-gray-800 py-6 mt-12">
+        <div className="container mx-auto px-4 text-center text-gray-300">
+          <p>&copy; 2024 GDG Events. All rights reserved.</p>
+        </div>
+      </footer>
+    </div>
+  );
+}
\ No newline at end of file

From ffa0db810d254c9478d4f5acf0e7b92180db81a5 Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Sun, 13 Oct 2024 12:33:08 +0530
Subject: [PATCH 02/14] events page design

---
 package-lock.json      | 15 +++++++++++++++
 src/app/events/page.js | 24 ++++++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 1e828ce..a2d7eff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5786,6 +5786,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/typescript": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
+      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
diff --git a/src/app/events/page.js b/src/app/events/page.js
index 5d43830..8ae9f96 100644
--- a/src/app/events/page.js
+++ b/src/app/events/page.js
@@ -44,6 +44,30 @@ const EventsSection = ({ events }) => {
 
 // Mock data for events
 const eventsData = [
+  {
+    name: "Gen AI Study Jams",
+    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
+    shortDesc: "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams"
+  },
+  {
+    name: "Web Dev Workshop",
+    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+    shortDesc: "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop"
+  },
+  {
+    name: "Gen AI Study Jams",
+    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
+    shortDesc: "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams"
+  },
+  {
+    name: "Web Dev Workshop",
+    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+    shortDesc: "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop"
+  },
   {
     name: "Gen AI Study Jams",
     poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",

From f622cd0df363aab72824590c663a01dbc8269684 Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Sun, 13 Oct 2024 12:47:17 +0530
Subject: [PATCH 03/14] preety and linted code

---
 src/app/events/page.js | 58 +++++++++++++++++++++++++-----------------
 1 file changed, 34 insertions(+), 24 deletions(-)

diff --git a/src/app/events/page.js b/src/app/events/page.js
index 8ae9f96..1a031b2 100644
--- a/src/app/events/page.js
+++ b/src/app/events/page.js
@@ -1,22 +1,22 @@
-import React from 'react';
-import Link from 'next/link';
+import React from "react";
+import Link from "next/link";
 
 // EventCard component
 const EventCard = ({ event }) => {
   return (
     <div className="bg-gray-800 rounded-lg overflow-hidden shadow-lg">
-      <img 
-        src={event.poster} 
-        alt={event.name} 
+      <img
+        src={event.poster}
+        alt={event.name}
         className="w-full h-48 object-cover"
       />
       <div className="p-4">
         <h3 className="text-xl font-bold text-white mb-2">{event.name}</h3>
         <p className="text-gray-300 text-sm mb-4">{event.shortDesc}</p>
-        <a 
-          href={event.communityLink} 
-          target="_blank" 
-          rel="noopener noreferrer" 
+        <a
+          href={event.communityLink}
+          target="_blank"
+          rel="noopener noreferrer"
           className="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 transition duration-300"
         >
           Get More Info!
@@ -31,7 +31,9 @@ const EventsSection = ({ events }) => {
   return (
     <div className="bg-gray-900 py-12">
       <div className="container mx-auto px-4">
-        <h2 className="text-4xl font-bold text-white text-center mb-12">Events</h2>
+        <h2 className="text-4xl font-bold text-white text-center mb-12">
+          Events
+        </h2>
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
           {events.map((event, index) => (
             <EventCard key={index} event={event} />
@@ -47,38 +49,44 @@ const eventsData = [
   {
     name: "Gen AI Study Jams",
     poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc: "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams"
+    shortDesc:
+      "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams",
   },
   {
     name: "Web Dev Workshop",
     poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc: "Hands-on workshop covering modern web development techniques and best practices.",
-    communityLink: "https://community.dev/web-dev-workshop"
+    shortDesc:
+      "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop",
   },
   {
     name: "Gen AI Study Jams",
     poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc: "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams"
+    shortDesc:
+      "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams",
   },
   {
     name: "Web Dev Workshop",
     poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc: "Hands-on workshop covering modern web development techniques and best practices.",
-    communityLink: "https://community.dev/web-dev-workshop"
+    shortDesc:
+      "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop",
   },
   {
     name: "Gen AI Study Jams",
     poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc: "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams"
+    shortDesc:
+      "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams",
   },
   {
     name: "Web Dev Workshop",
     poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc: "Hands-on workshop covering modern web development techniques and best practices.",
-    communityLink: "https://community.dev/web-dev-workshop"
+    shortDesc:
+      "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop",
   },
   // Add more events as needed
 ];
@@ -91,7 +99,9 @@ export default function EventsPage() {
         <div className="container mx-auto px-4">
           <h1 className="text-3xl font-bold text-white">GDG Events</h1>
           <nav className="mt-4">
-            <Link href="/" className="text-blue-400 hover:text-blue-300">Home</Link>
+            <Link href="/" className="text-blue-400 hover:text-blue-300">
+              Home
+            </Link>
           </nav>
         </div>
       </header>
@@ -105,4 +115,4 @@ export default function EventsPage() {
       </footer>
     </div>
   );
-}
\ No newline at end of file
+}

From 8e80dda83c7c02323fc2b0d17b94fc5f42b5fcfe Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Sun, 13 Oct 2024 13:22:09 +0530
Subject: [PATCH 04/14] Newly updated everything working so far

---
 src/app/events/page.js           | 118 -------------------------------
 src/app/page.js                  |  82 ++++++++++++++++++---
 src/components/EventCard.jsx     |  26 +++++++
 src/components/Events.jsx        |  13 ++++
 src/components/EventsSection.jsx |  39 ++++++++++
 5 files changed, 150 insertions(+), 128 deletions(-)
 delete mode 100644 src/app/events/page.js
 create mode 100644 src/components/EventCard.jsx
 create mode 100644 src/components/Events.jsx
 create mode 100644 src/components/EventsSection.jsx

diff --git a/src/app/events/page.js b/src/app/events/page.js
deleted file mode 100644
index 1a031b2..0000000
--- a/src/app/events/page.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import React from "react";
-import Link from "next/link";
-
-// EventCard component
-const EventCard = ({ event }) => {
-  return (
-    <div className="bg-gray-800 rounded-lg overflow-hidden shadow-lg">
-      <img
-        src={event.poster}
-        alt={event.name}
-        className="w-full h-48 object-cover"
-      />
-      <div className="p-4">
-        <h3 className="text-xl font-bold text-white mb-2">{event.name}</h3>
-        <p className="text-gray-300 text-sm mb-4">{event.shortDesc}</p>
-        <a
-          href={event.communityLink}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 transition duration-300"
-        >
-          Get More Info!
-        </a>
-      </div>
-    </div>
-  );
-};
-
-// EventsSection component
-const EventsSection = ({ events }) => {
-  return (
-    <div className="bg-gray-900 py-12">
-      <div className="container mx-auto px-4">
-        <h2 className="text-4xl font-bold text-white text-center mb-12">
-          Events
-        </h2>
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-          {events.map((event, index) => (
-            <EventCard key={index} event={event} />
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-// Mock data for events
-const eventsData = [
-  {
-    name: "Gen AI Study Jams",
-    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc:
-      "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams",
-  },
-  {
-    name: "Web Dev Workshop",
-    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc:
-      "Hands-on workshop covering modern web development techniques and best practices.",
-    communityLink: "https://community.dev/web-dev-workshop",
-  },
-  {
-    name: "Gen AI Study Jams",
-    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc:
-      "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams",
-  },
-  {
-    name: "Web Dev Workshop",
-    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc:
-      "Hands-on workshop covering modern web development techniques and best practices.",
-    communityLink: "https://community.dev/web-dev-workshop",
-  },
-  {
-    name: "Gen AI Study Jams",
-    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc:
-      "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams",
-  },
-  {
-    name: "Web Dev Workshop",
-    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc:
-      "Hands-on workshop covering modern web development techniques and best practices.",
-    communityLink: "https://community.dev/web-dev-workshop",
-  },
-  // Add more events as needed
-];
-
-// Main EventsPage component
-export default function EventsPage() {
-  return (
-    <div className="min-h-screen bg-gray-900">
-      <header className="bg-gray-800 py-6">
-        <div className="container mx-auto px-4">
-          <h1 className="text-3xl font-bold text-white">GDG Events</h1>
-          <nav className="mt-4">
-            <Link href="/" className="text-blue-400 hover:text-blue-300">
-              Home
-            </Link>
-          </nav>
-        </div>
-      </header>
-      <main>
-        <EventsSection events={eventsData} />
-      </main>
-      <footer className="bg-gray-800 py-6 mt-12">
-        <div className="container mx-auto px-4 text-center text-gray-300">
-          <p>&copy; 2024 GDG Events. All rights reserved.</p>
-        </div>
-      </footer>
-    </div>
-  );
-}
diff --git a/src/app/page.js b/src/app/page.js
index c47fdd6..ffdd086 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -1,15 +1,75 @@
 "use client";
 
 import Navbar from "@/components/Navbar";
-import Links from "../components/Links";
+import EventsSection from "@/components/EventsSection"; // Import EventsSection, which includes EventCard and Events
+import Links from "@/components/Links"; // If you have Links component
+
+// Mock event data for the EventCard component
+const eventsData = [
+  {
+    name: "Gen AI Study Jams",
+    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
+    shortDesc:
+      "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams",
+  },
+  {
+    name: "Web Dev Workshop",
+    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+    shortDesc:
+      "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop",
+  },
+  {
+    name: "Gen AI Study Jams",
+    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
+    shortDesc:
+      "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams",
+  },
+  {
+    name: "Web Dev Workshop",
+    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+    shortDesc:
+      "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop",
+  },
+  {
+    name: "Gen AI Study Jams",
+    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
+    shortDesc:
+      "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams",
+  },
+  {
+    name: "Web Dev Workshop",
+    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+    shortDesc:
+      "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop",
+  },{
+    name: "Gen AI Study Jams",
+    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
+    shortDesc:
+      "An event about AI that explores the latest developments in generative AI technologies.",
+    communityLink: "https://community.dev/genai-study-jams",
+  },
+  {
+    name: "Web Dev Workshop",
+    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+    shortDesc:
+      "Hands-on workshop covering modern web development techniques and best practices.",
+    communityLink: "https://community.dev/web-dev-workshop",
+  },
+];
+
 export default function Home() {
-  // Function to scroll to the section
+  // Function to scroll to the second section
   const scrollToSection = () => {
     const section = document.getElementById("more-section");
     if (section) {
       section.scrollIntoView({ behavior: "smooth" });
       setTimeout(() => {
-        // this method is used to move down the nav when clicked on button.
         window.scrollBy({
           top: -1,
           behavior: "smooth",
@@ -20,7 +80,9 @@ export default function Home() {
 
   return (
     <>
+      {/* Navbar */}
       <Navbar />
+
       {/* First Section */}
       <div
         className="flex flex-col items-center justify-center min-h-screen p-8 pb-20 gap-8 sm:p-20 text-center"
@@ -48,13 +110,13 @@ export default function Home() {
         id="more-section"
         className="flex flex-col items-center justify-center min-h-screen p-8 pb-20 gap-8 sm:p-20 text-center"
       >
-        <h2 className="text-3xl sm:text-4xl font-bold text-gray-800">
-          Welcome to the next section!
-        </h2>
-        <Links></Links>
-        <p className="text-lg sm:text-xl text-gray-600">
-          Here&apos;s more information about GDG-BU and what we do.
-        </p>
+        {/* EventsSection component - Renders event cards */}
+        <EventsSection events={eventsData} />
+      </div>
+
+      {/* Links Section */}
+      <div className="bg-gray-900 py-12">
+        <Links />
       </div>
     </>
   );
diff --git a/src/components/EventCard.jsx b/src/components/EventCard.jsx
new file mode 100644
index 0000000..65d5865
--- /dev/null
+++ b/src/components/EventCard.jsx
@@ -0,0 +1,26 @@
+const EventCard = ({ event }) => {
+    return (
+      <div className="bg-gray-800 rounded-lg overflow-hidden shadow-lg">
+        <img
+          src={event.poster}
+          alt={event.name}
+          className="w-full h-48 object-cover"
+        />
+        <div className="p-4">
+          <h3 className="text-xl font-bold text-white mb-2">{event.name}</h3>
+          <p className="text-gray-300 text-sm mb-4">{event.shortDesc}</p>
+          <a
+            href={event.communityLink}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 transition duration-300"
+          >
+            Get More Info!
+          </a>
+        </div>
+      </div>
+    );
+  };
+  
+  export default EventCard;
+  
\ No newline at end of file
diff --git a/src/components/Events.jsx b/src/components/Events.jsx
new file mode 100644
index 0000000..fb97623
--- /dev/null
+++ b/src/components/Events.jsx
@@ -0,0 +1,13 @@
+import EventCard from './EventCard';
+
+const Events = ({ events }) => {
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+      {events.map((event, index) => (
+        <EventCard key={index} event={event} />
+      ))}
+    </div>
+  );
+};
+
+export default Events;
diff --git a/src/components/EventsSection.jsx b/src/components/EventsSection.jsx
new file mode 100644
index 0000000..12931c8
--- /dev/null
+++ b/src/components/EventsSection.jsx
@@ -0,0 +1,39 @@
+import React, { useState } from "react";
+import Events from "./Events";
+
+const EventsSection = ({ events }) => {
+  // State to track how many events are shown initially
+  const [visibleEvents, setVisibleEvents] = useState(6);
+
+  // Function to load more events
+  const loadMoreEvents = () => {
+    setVisibleEvents((prev) => prev + 6); // Load 6 more events
+  };
+
+  return (
+    <div className="bg-gray-900 py-12">
+      <div className="container mx-auto px-4">
+        <h2 className="text-4xl font-bold text-white text-center mb-12">
+          Upcoming Events
+        </h2>
+
+        {/* Render the Events component with only the visible events */}
+        <Events events={events.slice(0, visibleEvents)} />
+
+        {/* Display the "Next" arrow if there are more events to show */}
+        {visibleEvents < events.length && (
+          <div className="flex justify-center mt-8">
+            <button
+              onClick={loadMoreEvents}
+              className="bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded transition duration-300"
+            >
+              &#x2193; Load More
+            </button>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default EventsSection;

From 911127290299e1e59502bf643f12cf28c6d3f72f Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Sun, 13 Oct 2024 15:23:46 +0530
Subject: [PATCH 05/14] Correct display

---
 package-lock.json                | 12 ++++-
 package.json                     |  3 +-
 src/app/globals.css              | 10 +++++
 src/app/page.js                  |  5 ++-
 src/components/EventCard.jsx     | 49 ++++++++++----------
 src/components/Events.jsx        |  2 +-
 src/components/EventsSection.jsx | 76 +++++++++++++++++++++-----------
 src/components/Links.jsx         | 42 +++++++++---------
 8 files changed, 124 insertions(+), 75 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a2d7eff..3055c5e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,8 @@
         "next": "14.2.13",
         "react": "^18",
         "react-dom": "^18",
-        "react-icons": "^5.3.0"
+        "react-icons": "^5.3.0",
+        "react-swipeable": "^7.0.1"
       },
       "devDependencies": {
         "eslint": "^8.57.1",
@@ -4863,6 +4864,15 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "license": "MIT"
     },
+    "node_modules/react-swipeable": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/react-swipeable/-/react-swipeable-7.0.1.tgz",
+      "integrity": "sha512-RKB17JdQzvECfnVj9yDZsiYn3vH0eyva/ZbrCZXZR0qp66PBRhtg4F9yJcJTWYT5Adadi+x4NoG53BxKHwIYLQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.3 || ^17 || ^18"
+      }
+    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
diff --git a/package.json b/package.json
index 87b40c7..0ba22cc 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
     "next": "14.2.13",
     "react": "^18",
     "react-dom": "^18",
-    "react-icons": "^5.3.0"
+    "react-icons": "^5.3.0",
+    "react-swipeable": "^7.0.1"
   },
   "devDependencies": {
     "eslint": "^8.57.1",
diff --git a/src/app/globals.css b/src/app/globals.css
index 3b46056..0c90b97 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -25,6 +25,16 @@ body {
     text-wrap: balance;
   }
 }
+/* Add this in your CSS file */
+.no-scrollbar::-webkit-scrollbar {
+  display: none; /* Safari and Chrome */
+}
+
+.no-scrollbar {
+  -ms-overflow-style: none; /* Internet Explorer and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
 
 /* Loading screen styling */
 .loading-screen {
diff --git a/src/app/page.js b/src/app/page.js
index ffdd086..b774762 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -31,7 +31,7 @@ const eventsData = [
     name: "Web Dev Workshop",
     poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
     shortDesc:
-      "Hands-on workshop covering modern web development techniques and best practices.",
+      "Hands-on workshop covering modern web development techniques and best practices.Hands-on workshop covering modern web development",
     communityLink: "https://community.dev/web-dev-workshop",
   },
   {
@@ -108,7 +108,7 @@ export default function Home() {
       {/* Second Section */}
       <div
         id="more-section"
-        className="flex flex-col items-center justify-center min-h-screen p-8 pb-20 gap-8 sm:p-20 text-center"
+        className="flex flex-col items-center justify-center min-h-screen p-8 pb-20 gap-8 sm:p-50 text-center"
       >
         {/* EventsSection component - Renders event cards */}
         <EventsSection events={eventsData} />
@@ -121,3 +121,4 @@ export default function Home() {
     </>
   );
 }
+  
\ No newline at end of file
diff --git a/src/components/EventCard.jsx b/src/components/EventCard.jsx
index 65d5865..913205b 100644
--- a/src/components/EventCard.jsx
+++ b/src/components/EventCard.jsx
@@ -1,26 +1,27 @@
+import React from "react";
+
 const EventCard = ({ event }) => {
-    return (
-      <div className="bg-gray-800 rounded-lg overflow-hidden shadow-lg">
-        <img
-          src={event.poster}
-          alt={event.name}
-          className="w-full h-48 object-cover"
-        />
-        <div className="p-4">
-          <h3 className="text-xl font-bold text-white mb-2">{event.name}</h3>
-          <p className="text-gray-300 text-sm mb-4">{event.shortDesc}</p>
-          <a
-            href={event.communityLink}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 transition duration-300"
-          >
-            Get More Info!
-          </a>
-        </div>
+  return (
+    <div className="bg-gray-900 rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300  border-b-4 border-[#32cd32]">
+      <img
+        src={event.poster}
+        alt={event.name}
+        className="w-full h-48 object-cover opacity-90 hover:opacity-100 transition-opacity"
+      />
+      <div className="p-4">
+        <h3 className="text-2xl font-bold text-white mb-2">{event.name}</h3>
+        <p className="text-gray-400 text-sm mb-4">{event.shortDesc}</p>
+        <a
+          href={event.communityLink}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="bg-gradient-to-r from-gray-700 to-gray-800 text-white py-2 px-4 rounded-full hover:bg-gray-900 transition-all"
+        >
+          Learn More
+        </a>
       </div>
-    );
-  };
-  
-  export default EventCard;
-  
\ No newline at end of file
+    </div>
+  );
+};
+
+export default EventCard;
diff --git a/src/components/Events.jsx b/src/components/Events.jsx
index fb97623..3519c8b 100644
--- a/src/components/Events.jsx
+++ b/src/components/Events.jsx
@@ -1,4 +1,4 @@
-import EventCard from './EventCard';
+import EventCard from "./EventCard";
 
 const Events = ({ events }) => {
   return (
diff --git a/src/components/EventsSection.jsx b/src/components/EventsSection.jsx
index 12931c8..23f8dbf 100644
--- a/src/components/EventsSection.jsx
+++ b/src/components/EventsSection.jsx
@@ -1,37 +1,63 @@
-import React, { useState } from "react";
-import Events from "./Events";
+import { useState, useEffect } from "react";
+import EventCard from "./EventCard";
 
 const EventsSection = ({ events }) => {
-  // State to track how many events are shown initially
-  const [visibleEvents, setVisibleEvents] = useState(6);
+  const [visibleEvents, setVisibleEvents] = useState(6); // Default for desktop
+  const [isMobile, setIsMobile] = useState(false);
+
+  // Check if the window width is less than a certain value to determine mobile view
+  const handleResize = () => {
+    if (window.innerWidth < 768) { // Mobile breakpoint
+      setIsMobile(true);
+      setVisibleEvents(3); // Show 3 events on mobile
+    } else {
+      setIsMobile(false);
+      setVisibleEvents(6); // Show 6 events on desktop
+    }
+  };
+
+  useEffect(() => {
+    handleResize(); // Check the size on component mount
+    window.addEventListener("resize", handleResize); // Attach event listener
+
+    // Cleanup event listener on component unmount
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
 
-  // Function to load more events
   const loadMoreEvents = () => {
-    setVisibleEvents((prev) => prev + 6); // Load 6 more events
+    setVisibleEvents((prevVisible) => prevVisible + (isMobile ? 3 : 6)); // Load 3 more for mobile, 6 for desktop
   };
 
   return (
-    <div className="bg-gray-900 py-12">
-      <div className="container mx-auto px-4">
-        <h2 className="text-4xl font-bold text-white text-center mb-12">
-          Upcoming Events
-        </h2>
-
-        {/* Render the Events component with only the visible events */}
-        <Events events={events.slice(0, visibleEvents)} />
-
-        {/* Display the "Next" arrow if there are more events to show */}
-        {visibleEvents < events.length && (
-          <div className="flex justify-center mt-8">
-            <button
-              onClick={loadMoreEvents}
-              className="bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded transition duration-300"
-            >
-              &#x2193; Load More
-            </button>
+    <div className="bg-black py-12 w-full"> {/* Full-width black background */}
+      <h2 className="text-4xl font-bold text-white text-center mb-12">
+        Events
+      </h2>
+      
+      {/* Event cards area with full width and responsive grid */}
+      <div className="flex justify-center">
+        <div className="max-w-screen-xl w-full px-4"> {/* Maximum width set with full padding */}
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {events.slice(0, visibleEvents).map((event, index) => (
+              <EventCard key={index} event={event} />
+            ))}
           </div>
-        )}
+        </div>
       </div>
+
+      {/* Load More Button */}
+      {visibleEvents < events.length && (
+        <div className="flex justify-center mt-8">
+          <button
+            onClick={loadMoreEvents}
+            className="flex items-center gap-2 bg-gradient-to-r from-gray-700 to-gray-900 text-white py-3 px-6 rounded-full shadow-lg hover:shadow-2xl transition duration-300 transform hover:scale-105"
+          >
+            &#x2193; Load More Events
+          </button>
+        </div>
+      )}
     </div>
   );
 };
diff --git a/src/components/Links.jsx b/src/components/Links.jsx
index 2a6b74f..310ff89 100644
--- a/src/components/Links.jsx
+++ b/src/components/Links.jsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React from "react";
+import React from "react"; // Ensure this line is only here once
 import { FaInstagram } from "react-icons/fa";
 import { FaWhatsapp } from "react-icons/fa";
 import { TbListDetails } from "react-icons/tb";
@@ -19,16 +19,14 @@ const hyperlinks = [
   {
     name: "Junior Core Forms",
     href: "https://forms.gle/AGnZKZiE1SjMPLpw8",
-    icon: <TbListDetails className="w-8 h-8 text-violet-400"></TbListDetails>,
-    bgcolor:
-      "text-violet-400 border-2 border-violet-400 hover:bg-violet-400/15",
+    icon: <TbListDetails className="w-8 h-8 text-violet-400" />,
+    bgcolor: "text-violet-400 border-2 border-violet-400 hover:bg-violet-400/15",
   },
   {
     name: "Whatsapp",
     href: "https://chat.whatsapp.com/Coiz2mWaHIQJs1c91jrYsB",
-    icon: <FaWhatsapp className="w-8 h-8 text-emerald-400"></FaWhatsapp>,
-    bgcolor:
-      "text-emerald-400 border-2 border-emerald-400 hover:bg-emerald-400/15",
+    icon: <FaWhatsapp className="w-8 h-8 text-emerald-400" />,
+    bgcolor: "text-emerald-400 border-2 border-emerald-400 hover:bg-emerald-400/15",
   },
   {
     name: "Instagram",
@@ -40,46 +38,48 @@ const hyperlinks = [
     name: "Community.dev",
     href: "https://gdg.community.dev/gdg-on-campus-bennett-university-greater-noida-india/",
     icon: (
-      <p className="font-mono text-sky-400 font-bold w-8 h-8 text-3xl bg-transparent  flex justify-center items-center">
+      <p className="font-mono text-sky-400 font-bold w-8 h-8 text-3xl bg-transparent flex justify-center items-center">
         &lt;&gt;
       </p>
     ),
     bgcolor: "text-sky-400 border-2 border-sky-400 hover:bg-sky-400/15",
   },
 ];
+
 const Links = () => {
   return (
-    <div className="flex md:flex-row md:justify-around flex-col items-center p-4 gap-8">
-      {hyperlinks.map((link, index) => {
-        return (
+    <div className="flex flex-col items-center p-4 gap-8">
+      {/* Heading for Links Section */}
+      <h2 className="text-3xl font-bold text-white mb-4">Useful Links</h2>
+
+      <div className="flex md:flex-row md:justify-around flex-col items-center gap-8">
+        {hyperlinks.map((link, index) => (
           <Link
             key={index}
             name={link.name}
             href={link.href}
             icon={link.icon}
             bgcolor={link.bgcolor}
-          ></Link>
-        );
-      })}
+          />
+        ))}
+      </div>
     </div>
   );
 };
 
-export default Links;
-
 const Link = ({ name, href, icon, bgcolor }) => {
   return (
-    <a href={href} target="_blank">
+    <a href={href} target="_blank" rel="noopener noreferrer">
       <div
-        className={` ${bgcolor} bg-transparent hover:scale-110  transform translate duration-300 ease-in-out  w-80 justify-between md:w-fit min-h-fit py-4 flex md:justify-around gap-x-6 items-center px-5 py- rounded-2xl`}
+        className={`${bgcolor} bg-transparent hover:scale-110 transform translate duration-300 ease-in-out w-80 justify-between md:w-fit min-h-fit py-4 flex md:justify-around gap-x-6 items-center px-5 rounded-2xl`}
       >
         {icon}
-        <p
-          className={` text-lg text-nowrap md:text-xl lg:text-2xl font-medium block md:hidden lg:block`}
-        >
+        <p className={`text-lg text-nowrap md:text-xl lg:text-2xl font-medium block md:hidden lg:block`}>
           {name}
         </p>
       </div>
     </a>
   );
 };
+
+export default Links;

From e737616ce113fae77fee349a076c61df569e79a4 Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Sun, 13 Oct 2024 15:32:45 +0530
Subject: [PATCH 06/14] fixed the logo

---
 src/components/Navbar.jsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index fc4e1f2..c3435bd 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -36,13 +36,14 @@ export default function  Navbar () {
             className="flex items-center space-x-3 rtl:space-x-reverse"
           >
             <Image
-              src="https://flowbite.com/docs/images/logo.svg"
-              alt="Flowbite Logo"
-              width={32}
-              height={32}
-            />
+            src="/assets/logo_gdg.png"  // Corrected path
+            alt="GDG Logo"
+           width={32}
+            height={32}
+              />
+
             <span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">
-              Flowbite
+              GDG Bennett University
             </span>
           </a>
           <div className="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">

From bcca13320e0ffd167155e80f363ed4aa4dae28a3 Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Sun, 13 Oct 2024 15:49:24 +0530
Subject: [PATCH 07/14] added events section & added json file for database

---
 public/data/events.json | 51 ++++++++++++++++++++++++++++
 src/app/page.js         | 74 ++++++++---------------------------------
 2 files changed, 65 insertions(+), 60 deletions(-)
 create mode 100644 public/data/events.json

diff --git a/public/data/events.json b/public/data/events.json
new file mode 100644
index 0000000..ef785fd
--- /dev/null
+++ b/public/data/events.json
@@ -0,0 +1,51 @@
+[
+    {
+      "name": "Gen AI Study Jams",
+      "poster": "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
+      "shortDesc": "An event about AI that explores the latest developments in generative AI technologies.",
+      "communityLink": "https://community.dev/genai-study-jams"
+    },
+    {
+      "name": "Web Dev Workshop",
+      "poster": "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+      "shortDesc": "Hands-on workshop covering modern web development techniques and best practices.",
+      "communityLink": "https://community.dev/web-dev-workshop"
+    },
+    {
+      "name": "Mobile App Hackathon",
+      "poster": "https://via.placeholder.com/400x200.png?text=Mobile+App+Hackathon",
+      "shortDesc": "Collaborate with peers to build a mobile application in 48 hours!",
+      "communityLink": "https://community.dev/mobile-app-hackathon"
+    },
+    {
+      "name": "Data Science Bootcamp",
+      "poster": "https://via.placeholder.com/400x200.png?text=Data+Science+Bootcamp",
+      "shortDesc": "Join us for an intensive bootcamp on data science fundamentals.",
+      "communityLink": "https://community.dev/data-science-bootcamp"
+    },
+    {
+        "name": "Gen AI Study Jams",
+        "poster": "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
+        "shortDesc": "An event about AI that explores the latest developments in generative AI technologies.",
+        "communityLink": "https://community.dev/genai-study-jams"
+      },
+      {
+        "name": "Web Dev Workshop",
+        "poster": "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+        "shortDesc": "Hands-on workshop covering modern web development techniques and best practices.",
+        "communityLink": "https://community.dev/web-dev-workshop"
+      },
+      {
+        "name": "Mobile App Hackathon",
+        "poster": "https://via.placeholder.com/400x200.png?text=Mobile+App+Hackathon",
+        "shortDesc": "Collaborate with peers to build a mobile application in 48 hours!",
+        "communityLink": "https://community.dev/mobile-app-hackathon"
+      },
+      {
+        "name": "Data Science Bootcamp",
+        "poster": "https://via.placeholder.com/400x200.png?text=Data+Science+Bootcamp",
+        "shortDesc": "Join us for an intensive bootcamp on data science fundamentals.",
+        "communityLink": "https://community.dev/data-science-bootcamp"
+      }
+  ]
+  
\ No newline at end of file
diff --git a/src/app/page.js b/src/app/page.js
index b774762..be37ab0 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -1,69 +1,24 @@
 "use client";
 
+import { useEffect, useState } from "react"; // Import useEffect and useState
 import Navbar from "@/components/Navbar";
 import EventsSection from "@/components/EventsSection"; // Import EventsSection, which includes EventCard and Events
 import Links from "@/components/Links"; // If you have Links component
 
-// Mock event data for the EventCard component
-const eventsData = [
-  {
-    name: "Gen AI Study Jams",
-    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc:
-      "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams",
-  },
-  {
-    name: "Web Dev Workshop",
-    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc:
-      "Hands-on workshop covering modern web development techniques and best practices.",
-    communityLink: "https://community.dev/web-dev-workshop",
-  },
-  {
-    name: "Gen AI Study Jams",
-    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc:
-      "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams",
-  },
-  {
-    name: "Web Dev Workshop",
-    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc:
-      "Hands-on workshop covering modern web development techniques and best practices.Hands-on workshop covering modern web development",
-    communityLink: "https://community.dev/web-dev-workshop",
-  },
-  {
-    name: "Gen AI Study Jams",
-    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc:
-      "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams",
-  },
-  {
-    name: "Web Dev Workshop",
-    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc:
-      "Hands-on workshop covering modern web development techniques and best practices.",
-    communityLink: "https://community.dev/web-dev-workshop",
-  },{
-    name: "Gen AI Study Jams",
-    poster: "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-    shortDesc:
-      "An event about AI that explores the latest developments in generative AI technologies.",
-    communityLink: "https://community.dev/genai-study-jams",
-  },
-  {
-    name: "Web Dev Workshop",
-    poster: "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-    shortDesc:
-      "Hands-on workshop covering modern web development techniques and best practices.",
-    communityLink: "https://community.dev/web-dev-workshop",
-  },
-];
-
 export default function Home() {
+  const [eventsData, setEventsData] = useState([]); // State to hold events data
+
+  // Function to fetch events data from the JSON file
+  useEffect(() => {
+    const fetchEventsData = async () => {
+      const response = await fetch("/data/events.json"); // Adjust the path to your JSON file
+      const data = await response.json();
+      setEventsData(data);
+    };
+    
+    fetchEventsData();
+  }, []);
+
   // Function to scroll to the second section
   const scrollToSection = () => {
     const section = document.getElementById("more-section");
@@ -121,4 +76,3 @@ export default function Home() {
     </>
   );
 }
-  
\ No newline at end of file

From 932f48cabc0f31ae4ec637e6508d46c810fa160a Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Sun, 13 Oct 2024 15:54:19 +0530
Subject: [PATCH 08/14] preety and linted

---
 src/components/EventsSection.jsx | 13 ++++++++-----
 src/components/Links.jsx         | 10 +++++++---
 src/components/Navbar.jsx        | 15 +++++++--------
 3 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/components/EventsSection.jsx b/src/components/EventsSection.jsx
index 23f8dbf..a6d05bc 100644
--- a/src/components/EventsSection.jsx
+++ b/src/components/EventsSection.jsx
@@ -7,7 +7,8 @@ const EventsSection = ({ events }) => {
 
   // Check if the window width is less than a certain value to determine mobile view
   const handleResize = () => {
-    if (window.innerWidth < 768) { // Mobile breakpoint
+    if (window.innerWidth < 768) {
+      // Mobile breakpoint
       setIsMobile(true);
       setVisibleEvents(3); // Show 3 events on mobile
     } else {
@@ -31,14 +32,17 @@ const EventsSection = ({ events }) => {
   };
 
   return (
-    <div className="bg-black py-12 w-full"> {/* Full-width black background */}
+    <div className="bg-black py-12 w-full">
+      {" "}
+      {/* Full-width black background */}
       <h2 className="text-4xl font-bold text-white text-center mb-12">
         Events
       </h2>
-      
       {/* Event cards area with full width and responsive grid */}
       <div className="flex justify-center">
-        <div className="max-w-screen-xl w-full px-4"> {/* Maximum width set with full padding */}
+        <div className="max-w-screen-xl w-full px-4">
+          {" "}
+          {/* Maximum width set with full padding */}
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
             {events.slice(0, visibleEvents).map((event, index) => (
               <EventCard key={index} event={event} />
@@ -46,7 +50,6 @@ const EventsSection = ({ events }) => {
           </div>
         </div>
       </div>
-
       {/* Load More Button */}
       {visibleEvents < events.length && (
         <div className="flex justify-center mt-8">
diff --git a/src/components/Links.jsx b/src/components/Links.jsx
index 310ff89..d1157d1 100644
--- a/src/components/Links.jsx
+++ b/src/components/Links.jsx
@@ -20,13 +20,15 @@ const hyperlinks = [
     name: "Junior Core Forms",
     href: "https://forms.gle/AGnZKZiE1SjMPLpw8",
     icon: <TbListDetails className="w-8 h-8 text-violet-400" />,
-    bgcolor: "text-violet-400 border-2 border-violet-400 hover:bg-violet-400/15",
+    bgcolor:
+      "text-violet-400 border-2 border-violet-400 hover:bg-violet-400/15",
   },
   {
     name: "Whatsapp",
     href: "https://chat.whatsapp.com/Coiz2mWaHIQJs1c91jrYsB",
     icon: <FaWhatsapp className="w-8 h-8 text-emerald-400" />,
-    bgcolor: "text-emerald-400 border-2 border-emerald-400 hover:bg-emerald-400/15",
+    bgcolor:
+      "text-emerald-400 border-2 border-emerald-400 hover:bg-emerald-400/15",
   },
   {
     name: "Instagram",
@@ -74,7 +76,9 @@ const Link = ({ name, href, icon, bgcolor }) => {
         className={`${bgcolor} bg-transparent hover:scale-110 transform translate duration-300 ease-in-out w-80 justify-between md:w-fit min-h-fit py-4 flex md:justify-around gap-x-6 items-center px-5 rounded-2xl`}
       >
         {icon}
-        <p className={`text-lg text-nowrap md:text-xl lg:text-2xl font-medium block md:hidden lg:block`}>
+        <p
+          className={`text-lg text-nowrap md:text-xl lg:text-2xl font-medium block md:hidden lg:block`}
+        >
           {name}
         </p>
       </div>
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index c3435bd..56022f4 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,8 +1,7 @@
 import { useEffect, useState } from "react";
 import Image from "next/image";
 
-
-export default function  Navbar () {
+export default function Navbar() {
   const [visible, setVisible] = useState(false);
   const [scrollPosition, setScrollPosition] = useState(0);
 
@@ -36,11 +35,11 @@ export default function  Navbar () {
             className="flex items-center space-x-3 rtl:space-x-reverse"
           >
             <Image
-            src="/assets/logo_gdg.png"  // Corrected path
-            alt="GDG Logo"
-           width={32}
-            height={32}
-              />
+              src="/assets/logo_gdg.png" // Corrected path
+              alt="GDG Logo"
+              width={32}
+              height={32}
+            />
 
             <span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">
               GDG Bennett University
@@ -122,4 +121,4 @@ export default function  Navbar () {
       </nav>
     </>
   );
-};
+}

From b56a7cb6a82f4cddea6109bc41a561252e445088 Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Sun, 13 Oct 2024 21:10:23 +0530
Subject: [PATCH 09/14] sample data updated

---
 public/data/events.json      | 8 ++++----
 src/components/EventCard.jsx | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/data/events.json b/public/data/events.json
index ef785fd..fcbefbb 100644
--- a/public/data/events.json
+++ b/public/data/events.json
@@ -1,9 +1,9 @@
 [
     {
-      "name": "Gen AI Study Jams",
-      "poster": "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-      "shortDesc": "An event about AI that explores the latest developments in generative AI technologies.",
-      "communityLink": "https://community.dev/genai-study-jams"
+      "name": "Hacktober Fest - Bennett University",
+      "poster": "https://res.cloudinary.com/startup-grind/image/upload/c_scale,w_2560/c_crop,h_640,w_2560,y_0.1_mul_h_sub_0.1_mul_640/c_crop,h_640,w_2560/c_fill,dpr_2.0,f_auto,g_center,q_auto:good/v1/gcs/platform-data-goog/event_banners/story%20%281%29_gKjrKjJ.jpg",
+      "shortDesc": "We at GDG On Campus-Bennett University bring to you all Hacktober Fest!! Exclusively for beginners, to help you hop on to the contribution spree with GDG BU and step a foot into your OSS journey (Internal Event).",
+      "communityLink": "https://gdg.community.dev/events/details/google-gdg-on-campus-bennett-university-greater-noida-india-presents-hacktober-fest-bennett-university/"
     },
     {
       "name": "Web Dev Workshop",
diff --git a/src/components/EventCard.jsx b/src/components/EventCard.jsx
index 913205b..b224154 100644
--- a/src/components/EventCard.jsx
+++ b/src/components/EventCard.jsx
@@ -2,11 +2,11 @@ import React from "react";
 
 const EventCard = ({ event }) => {
   return (
-    <div className="bg-gray-900 rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300  border-b-4 border-[#32cd32]">
+    <div className="bg-gray-900 rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 border-b-4 border-[#32cd32]">
       <img
         src={event.poster}
         alt={event.name}
-        className="w-full h-48 object-cover opacity-90 hover:opacity-100 transition-opacity"
+        className="w-full h-48 object-contain opacity-90 hover:opacity-100 transition-opacity"
       />
       <div className="p-4">
         <h3 className="text-2xl font-bold text-white mb-2">{event.name}</h3>

From fa1f14d196556da4cd40463d3fddcee122a6c822 Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Tue, 15 Oct 2024 11:23:32 +0530
Subject: [PATCH 10/14] Removed unecessary comments

---
 src/app/page.js                  | 13 +++++--------
 src/components/EventsSection.jsx | 18 ++++++------------
 2 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/src/app/page.js b/src/app/page.js
index be37ab0..84788a1 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -1,17 +1,16 @@
 "use client";
 
-import { useEffect, useState } from "react"; // Import useEffect and useState
+import { useEffect, useState } from "react";
 import Navbar from "@/components/Navbar";
-import EventsSection from "@/components/EventsSection"; // Import EventsSection, which includes EventCard and Events
-import Links from "@/components/Links"; // If you have Links component
+import EventsSection from "@/components/EventsSection"; 
+import Links from "@/components/Links"; 
 
 export default function Home() {
-  const [eventsData, setEventsData] = useState([]); // State to hold events data
+  const [eventsData, setEventsData] = useState([]); 
 
-  // Function to fetch events data from the JSON file
   useEffect(() => {
     const fetchEventsData = async () => {
-      const response = await fetch("/data/events.json"); // Adjust the path to your JSON file
+      const response = await fetch("/data/events.json"); 
       const data = await response.json();
       setEventsData(data);
     };
@@ -19,7 +18,6 @@ export default function Home() {
     fetchEventsData();
   }, []);
 
-  // Function to scroll to the second section
   const scrollToSection = () => {
     const section = document.getElementById("more-section");
     if (section) {
@@ -65,7 +63,6 @@ export default function Home() {
         id="more-section"
         className="flex flex-col items-center justify-center min-h-screen p-8 pb-20 gap-8 sm:p-50 text-center"
       >
-        {/* EventsSection component - Renders event cards */}
         <EventsSection events={eventsData} />
       </div>
 
diff --git a/src/components/EventsSection.jsx b/src/components/EventsSection.jsx
index a6d05bc..5139831 100644
--- a/src/components/EventsSection.jsx
+++ b/src/components/EventsSection.jsx
@@ -2,47 +2,42 @@ import { useState, useEffect } from "react";
 import EventCard from "./EventCard";
 
 const EventsSection = ({ events }) => {
-  const [visibleEvents, setVisibleEvents] = useState(6); // Default for desktop
+  const [visibleEvents, setVisibleEvents] = useState(6); 
   const [isMobile, setIsMobile] = useState(false);
 
-  // Check if the window width is less than a certain value to determine mobile view
   const handleResize = () => {
     if (window.innerWidth < 768) {
       // Mobile breakpoint
       setIsMobile(true);
-      setVisibleEvents(3); // Show 3 events on mobile
+      setVisibleEvents(3); 
     } else {
       setIsMobile(false);
-      setVisibleEvents(6); // Show 6 events on desktop
+      setVisibleEvents(6); 
     }
   };
 
   useEffect(() => {
-    handleResize(); // Check the size on component mount
-    window.addEventListener("resize", handleResize); // Attach event listener
+    handleResize(); 
+    window.addEventListener("resize", handleResize); 
 
-    // Cleanup event listener on component unmount
     return () => {
       window.removeEventListener("resize", handleResize);
     };
   }, []);
 
   const loadMoreEvents = () => {
-    setVisibleEvents((prevVisible) => prevVisible + (isMobile ? 3 : 6)); // Load 3 more for mobile, 6 for desktop
+    setVisibleEvents((prevVisible) => prevVisible + (isMobile ? 3 : 6)); 
   };
 
   return (
     <div className="bg-black py-12 w-full">
       {" "}
-      {/* Full-width black background */}
       <h2 className="text-4xl font-bold text-white text-center mb-12">
         Events
       </h2>
-      {/* Event cards area with full width and responsive grid */}
       <div className="flex justify-center">
         <div className="max-w-screen-xl w-full px-4">
           {" "}
-          {/* Maximum width set with full padding */}
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
             {events.slice(0, visibleEvents).map((event, index) => (
               <EventCard key={index} event={event} />
@@ -50,7 +45,6 @@ const EventsSection = ({ events }) => {
           </div>
         </div>
       </div>
-      {/* Load More Button */}
       {visibleEvents < events.length && (
         <div className="flex justify-center mt-8">
           <button

From 2cc9260470b93e2338927d3a8eb1c1e5f609c17d Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Tue, 15 Oct 2024 11:23:56 +0530
Subject: [PATCH 11/14] remove unecessary commits

---
 public/data/events.json   | 43 ++++-----------------------------------
 src/app/layout.js         |  6 +++---
 src/app/page.js           |  2 --
 src/components/Links.jsx  |  3 ++-
 src/components/Loader.jsx |  5 +----
 src/components/Navbar.jsx |  6 +++---
 6 files changed, 13 insertions(+), 52 deletions(-)

diff --git a/public/data/events.json b/public/data/events.json
index fcbefbb..db556aa 100644
--- a/public/data/events.json
+++ b/public/data/events.json
@@ -6,46 +6,11 @@
       "communityLink": "https://gdg.community.dev/events/details/google-gdg-on-campus-bennett-university-greater-noida-india-presents-hacktober-fest-bennett-university/"
     },
     {
-      "name": "Web Dev Workshop",
-      "poster": "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
+      "name": "Gen AI Study Jam - Info Session",
+      "poster": "https://res.cloudinary.com/startup-grind/image/upload/c_fill,w_500,h_500,g_center/c_fill,dpr_2.0,f_auto,g_center,q_auto:good/v1/gcs/platform-data-goog/events/WhatsApp%20Image%202024-09-27%20at%2003.02.09_msfU7tg.jpeg",
       "shortDesc": "Hands-on workshop covering modern web development techniques and best practices.",
       "communityLink": "https://community.dev/web-dev-workshop"
-    },
-    {
-      "name": "Mobile App Hackathon",
-      "poster": "https://via.placeholder.com/400x200.png?text=Mobile+App+Hackathon",
-      "shortDesc": "Collaborate with peers to build a mobile application in 48 hours!",
-      "communityLink": "https://community.dev/mobile-app-hackathon"
-    },
-    {
-      "name": "Data Science Bootcamp",
-      "poster": "https://via.placeholder.com/400x200.png?text=Data+Science+Bootcamp",
-      "shortDesc": "Join us for an intensive bootcamp on data science fundamentals.",
-      "communityLink": "https://community.dev/data-science-bootcamp"
-    },
-    {
-        "name": "Gen AI Study Jams",
-        "poster": "https://via.placeholder.com/400x200.png?text=Gen+AI+Study+Jams",
-        "shortDesc": "An event about AI that explores the latest developments in generative AI technologies.",
-        "communityLink": "https://community.dev/genai-study-jams"
-      },
-      {
-        "name": "Web Dev Workshop",
-        "poster": "https://via.placeholder.com/400x200.png?text=Web+Dev+Workshop",
-        "shortDesc": "Hands-on workshop covering modern web development techniques and best practices.",
-        "communityLink": "https://community.dev/web-dev-workshop"
-      },
-      {
-        "name": "Mobile App Hackathon",
-        "poster": "https://via.placeholder.com/400x200.png?text=Mobile+App+Hackathon",
-        "shortDesc": "Collaborate with peers to build a mobile application in 48 hours!",
-        "communityLink": "https://community.dev/mobile-app-hackathon"
-      },
-      {
-        "name": "Data Science Bootcamp",
-        "poster": "https://via.placeholder.com/400x200.png?text=Data+Science+Bootcamp",
-        "shortDesc": "Join us for an intensive bootcamp on data science fundamentals.",
-        "communityLink": "https://community.dev/data-science-bootcamp"
-      }
+    }
+   
   ]
   
\ No newline at end of file
diff --git a/src/app/layout.js b/src/app/layout.js
index 48d1ac3..485335f 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -1,4 +1,4 @@
-"use client"; // Required for using React hooks on client-side
+"use client"; 
 
 import { useState, useEffect } from "react";
 import localFont from "next/font/local";
@@ -22,7 +22,7 @@ export default function RootLayout({ children }) {
 
   useEffect(() => {
     const timeout = setTimeout(() => setIsLoading(false), 3000); // Simulated loading delay
-    return () => clearTimeout(timeout); // Cleanup
+    return () => clearTimeout(timeout); 
   }, []);
 
   return (
@@ -38,7 +38,7 @@ export default function RootLayout({ children }) {
   );
 }
 
-// Styles for loading screen and navigation
+
 const styles = {
   loadingScreen: {
     display: "flex",
diff --git a/src/app/page.js b/src/app/page.js
index 84788a1..5eb6720 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -33,10 +33,8 @@ export default function Home() {
 
   return (
     <>
-      {/* Navbar */}
       <Navbar />
 
-      {/* First Section */}
       <div
         className="flex flex-col items-center justify-center min-h-screen p-8 pb-20 gap-8 sm:p-20 text-center"
         style={{
diff --git a/src/components/Links.jsx b/src/components/Links.jsx
index d1157d1..3459c36 100644
--- a/src/components/Links.jsx
+++ b/src/components/Links.jsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React from "react"; // Ensure this line is only here once
+import React from "react"; 
 import { FaInstagram } from "react-icons/fa";
 import { FaWhatsapp } from "react-icons/fa";
 import { TbListDetails } from "react-icons/tb";
@@ -51,6 +51,7 @@ const hyperlinks = [
 const Links = () => {
   return (
     <div className="flex flex-col items-center p-4 gap-8">
+      
       {/* Heading for Links Section */}
       <h2 className="text-3xl font-bold text-white mb-4">Useful Links</h2>
 
diff --git a/src/components/Loader.jsx b/src/components/Loader.jsx
index 47cf21d..5c77e76 100644
--- a/src/components/Loader.jsx
+++ b/src/components/Loader.jsx
@@ -13,10 +13,7 @@ export default function Loader() {
           />
         </div>
       </div>
-      {/*       
-      <h1 className="mt-8 text-2xl font-semibold text-white">
-        <span className="animate-dots"></span>
-      </h1> */}
+     
     </div>
   );
 }
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 56022f4..350b08e 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -10,9 +10,9 @@ export default function Navbar() {
       const currentScrollPos = window.scrollY;
 
       if (currentScrollPos > scrollPosition) {
-        setVisible(false); //scrolling down
+        setVisible(false); 
       } else {
-        setVisible(true); //scrolling up
+        setVisible(true);
       }
 
       setScrollPosition(currentScrollPos);
@@ -35,7 +35,7 @@ export default function Navbar() {
             className="flex items-center space-x-3 rtl:space-x-reverse"
           >
             <Image
-              src="/assets/logo_gdg.png" // Corrected path
+              src="/assets/logo_gdg.png" 
               alt="GDG Logo"
               width={32}
               height={32}

From 67482b2fe00f083b1702bdf2b9c548f6302568fe Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Tue, 15 Oct 2024 11:31:12 +0530
Subject: [PATCH 12/14] Updated Events.json

---
 public/data/events.json | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/data/events.json b/public/data/events.json
index db556aa..2617678 100644
--- a/public/data/events.json
+++ b/public/data/events.json
@@ -9,7 +9,13 @@
       "name": "Gen AI Study Jam - Info Session",
       "poster": "https://res.cloudinary.com/startup-grind/image/upload/c_fill,w_500,h_500,g_center/c_fill,dpr_2.0,f_auto,g_center,q_auto:good/v1/gcs/platform-data-goog/events/WhatsApp%20Image%202024-09-27%20at%2003.02.09_msfU7tg.jpeg",
       "shortDesc": "Hands-on workshop covering modern web development techniques and best practices.",
-      "communityLink": "https://community.dev/web-dev-workshop"
+      "communityLink": "https://gdg.community.dev/events/details/google-gdg-on-campus-bennett-university-greater-noida-india-presents-gen-ai-study-jam-info-session-build-with-ai/"
+    },
+    {
+      "name": "GDG BU Infosession [Previously GDSC BU]",
+      "poster": "https://res.cloudinary.com/startup-grind/image/upload/c_scale,w_2560/c_crop,h_640,w_2560,y_0.47_mul_h_sub_0.47_mul_640/c_crop,h_640,w_2560/c_fill,dpr_2.0,f_auto,g_center,q_auto:good/v1/gcs/platform-data-goog/event_banners/GDG-OC-Evergreen-horizontal-White_puqYfyI.png",
+      "shortDesc": "This is an info-session for freshers and on campus developers to let them know what GDG on campus BU is about.",
+      "communityLink": "https://gdg.community.dev/events/details/google-gdg-on-campus-bennett-university-greater-noida-india-presents-gdg-bu-infosession-previously-gdsc-bu/"
     }
    
   ]

From ca899d27fc6a84ccb4c181407a4da837c35f5c5c Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Tue, 15 Oct 2024 11:40:24 +0530
Subject: [PATCH 13/14] preety and eslint check done

---
 src/app/globals.css              |  1 -
 src/app/layout.js                |  5 ++---
 src/app/page.js                  | 10 +++++-----
 src/components/EventsSection.jsx | 12 ++++++------
 src/components/Links.jsx         |  3 +--
 src/components/Loader.jsx        |  1 -
 src/components/Navbar.jsx        |  4 ++--
 7 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 0c90b97..fa31ebc 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -35,7 +35,6 @@ body {
   scrollbar-width: none; /* Firefox */
 }
 
-
 /* Loading screen styling */
 .loading-screen {
   position: fixed;
diff --git a/src/app/layout.js b/src/app/layout.js
index 485335f..12a3aee 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -1,4 +1,4 @@
-"use client"; 
+"use client";
 
 import { useState, useEffect } from "react";
 import localFont from "next/font/local";
@@ -22,7 +22,7 @@ export default function RootLayout({ children }) {
 
   useEffect(() => {
     const timeout = setTimeout(() => setIsLoading(false), 3000); // Simulated loading delay
-    return () => clearTimeout(timeout); 
+    return () => clearTimeout(timeout);
   }, []);
 
   return (
@@ -38,7 +38,6 @@ export default function RootLayout({ children }) {
   );
 }
 
-
 const styles = {
   loadingScreen: {
     display: "flex",
diff --git a/src/app/page.js b/src/app/page.js
index 5eb6720..f0d8e70 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -2,19 +2,19 @@
 
 import { useEffect, useState } from "react";
 import Navbar from "@/components/Navbar";
-import EventsSection from "@/components/EventsSection"; 
-import Links from "@/components/Links"; 
+import EventsSection from "@/components/EventsSection";
+import Links from "@/components/Links";
 
 export default function Home() {
-  const [eventsData, setEventsData] = useState([]); 
+  const [eventsData, setEventsData] = useState([]);
 
   useEffect(() => {
     const fetchEventsData = async () => {
-      const response = await fetch("/data/events.json"); 
+      const response = await fetch("/data/events.json");
       const data = await response.json();
       setEventsData(data);
     };
-    
+
     fetchEventsData();
   }, []);
 
diff --git a/src/components/EventsSection.jsx b/src/components/EventsSection.jsx
index 5139831..66fd36c 100644
--- a/src/components/EventsSection.jsx
+++ b/src/components/EventsSection.jsx
@@ -2,23 +2,23 @@ import { useState, useEffect } from "react";
 import EventCard from "./EventCard";
 
 const EventsSection = ({ events }) => {
-  const [visibleEvents, setVisibleEvents] = useState(6); 
+  const [visibleEvents, setVisibleEvents] = useState(6);
   const [isMobile, setIsMobile] = useState(false);
 
   const handleResize = () => {
     if (window.innerWidth < 768) {
       // Mobile breakpoint
       setIsMobile(true);
-      setVisibleEvents(3); 
+      setVisibleEvents(3);
     } else {
       setIsMobile(false);
-      setVisibleEvents(6); 
+      setVisibleEvents(6);
     }
   };
 
   useEffect(() => {
-    handleResize(); 
-    window.addEventListener("resize", handleResize); 
+    handleResize();
+    window.addEventListener("resize", handleResize);
 
     return () => {
       window.removeEventListener("resize", handleResize);
@@ -26,7 +26,7 @@ const EventsSection = ({ events }) => {
   }, []);
 
   const loadMoreEvents = () => {
-    setVisibleEvents((prevVisible) => prevVisible + (isMobile ? 3 : 6)); 
+    setVisibleEvents((prevVisible) => prevVisible + (isMobile ? 3 : 6));
   };
 
   return (
diff --git a/src/components/Links.jsx b/src/components/Links.jsx
index 3459c36..1ef98cd 100644
--- a/src/components/Links.jsx
+++ b/src/components/Links.jsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React from "react"; 
+import React from "react";
 import { FaInstagram } from "react-icons/fa";
 import { FaWhatsapp } from "react-icons/fa";
 import { TbListDetails } from "react-icons/tb";
@@ -51,7 +51,6 @@ const hyperlinks = [
 const Links = () => {
   return (
     <div className="flex flex-col items-center p-4 gap-8">
-      
       {/* Heading for Links Section */}
       <h2 className="text-3xl font-bold text-white mb-4">Useful Links</h2>
 
diff --git a/src/components/Loader.jsx b/src/components/Loader.jsx
index 5c77e76..3d3e75e 100644
--- a/src/components/Loader.jsx
+++ b/src/components/Loader.jsx
@@ -13,7 +13,6 @@ export default function Loader() {
           />
         </div>
       </div>
-     
     </div>
   );
 }
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 350b08e..7ae6c9b 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -10,7 +10,7 @@ export default function Navbar() {
       const currentScrollPos = window.scrollY;
 
       if (currentScrollPos > scrollPosition) {
-        setVisible(false); 
+        setVisible(false);
       } else {
         setVisible(true);
       }
@@ -35,7 +35,7 @@ export default function Navbar() {
             className="flex items-center space-x-3 rtl:space-x-reverse"
           >
             <Image
-              src="/assets/logo_gdg.png" 
+              src="/assets/logo_gdg.png"
               alt="GDG Logo"
               width={32}
               height={32}

From e95ed4a66c19835b9ccc959b60b590de40c5f76f Mon Sep 17 00:00:00 2001
From: Saransh Jain <saranshj647@gmail.com>
Date: Tue, 15 Oct 2024 19:45:01 +0530
Subject: [PATCH 14/14] fixed

---
 src/app/globals.css | 20 ++++----------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index fa31ebc..f9c8b0b 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -25,17 +25,16 @@ body {
     text-wrap: balance;
   }
 }
-/* Add this in your CSS file */
+
 .no-scrollbar::-webkit-scrollbar {
-  display: none; /* Safari and Chrome */
+  display: none; 
 }
 
 .no-scrollbar {
-  -ms-overflow-style: none; /* Internet Explorer and Edge */
-  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; 
+  scrollbar-width: none; 
 }
 
-/* Loading screen styling */
 .loading-screen {
   position: fixed;
   inset: 0;
@@ -50,7 +49,6 @@ body {
   animation: spin 2s linear infinite;
 }
 
-/* Spinning animation */
 @keyframes spin {
   from {
     transform: rotate(0deg);
@@ -81,13 +79,3 @@ body {
   display: inline-block;
   animation: dots 1.5s steps(3, end) infinite;
 }
-/* 
-module.exports = {
-  theme: {
-    extend: {
-      animation: {
-        'dots': 'dots 1.5s steps(3, end) infinite', // Animation for the dots
-      },
-    },
-  },
-}; */