events

package.json

@@ -12,15 +12,13 @@
     "emailjs-com": "^3.2.0",
     "font-awesome": "^4.7.0",
     "framer-motion": "^10.16.4",
-    "react": "^18.2.0",
     "react-apexcharts": "^1.4.1",
     "react-countup": "^6.4.2",
     "react-dom": "^18.2.0",
     "react-icons": "^4.11.0",
     "react-router-dom": "^6.6.0",
     "react-scripts": "5.0.1",
     "react-scroll-trigger": "^0.6.14",
-    "react-slick": "^0.29.0",
     "TagCloud": "^2.3.2",
     "web-vitals": "^2.1.4"
   },

src/assets/data/eventsData.js

@@ -26,6 +26,30 @@ const events = [
     img: e,
     link: "",
   },
+  {
+    title: "Coming Soon!",
+    date: "Coming Soon!",
+    img: e,
+    link: "",
+  },
+  {
+    title: "Coming Soon!",
+    date: "Coming Soon!",
+    img: e,
+    link: "",
+  },
+  {
+    title: "Coming Soon!",
+    date: "Coming Soon!",
+    img: e,
+    link: "",
+  },
+  {
+    title: "Coming Soon!",
+    date: "Coming Soon!",
+    img: e,
+    link: "",
+  },
 ];
 
 export default events;

src/components/eventCard/EventCard.css

@@ -12,7 +12,7 @@
   background-size: cover;
   display: flex;
   flex-direction: column;
-  margin: 10px;
+  margin: 1.5rem 2rem;
   box-sizing: border-box;
   font-family: "Poppins", sans-serif;
   color: black;
@@ -46,6 +46,7 @@
   margin: auto;
   width: 100%;
   height: auto;
+  max-height: 300px;
   transition: all 0.2s ease-in-out;
   border-radius: 4px;
   border: 2px solid orange;

src/pages/home/HomePage.js

@@ -2,7 +2,6 @@ import React, { Component } from "react";
 import Navbar from "../../components/navbar/Navbar";
 import "./HomePage.css";
 import "../../App.css";
-import InfiniteCarousel from "../../components/infiniteCarousel/InfiniteCarousel";
 import IntroAudio from "../../components/introAudio/IntroAudio";
 import Section1 from "./sections/section1/Section1";
 import Section2 from "./sections/section2/Section2";
@@ -19,7 +18,6 @@ import Section11 from "./sections/section11/Section11";
 import Section12 from "./sections/section12/Section12";
 import Section13 from "./sections/section13/Section13";
 import Section14 from "./sections/section14/Section14";
-import sponsers from "../../assets/data/sponsersData";
 import Statistics from "../../components/statisticalData/Statistics";
 import ScrollToTopnew from "../../components/scrollToTop/ScrollToTop";
 
@@ -42,7 +40,7 @@ const HomePage = () => {
           <Section12 />
           <Section13 />
           <Section8 /> */}
-        {/* <Section6 /> */}
+        <Section6 />
         {/* <Section9 /> */}
         <Section10 />
       </div>

src/pages/home/sections/section3/Section3.css

@@ -33,7 +33,6 @@
 
 .codeutsava__section3-events-container {
   max-width: 98%;
-  padding: 8rem 0;
   margin: 4rem auto;
   flex-direction: column;
 }