feat: add original images

Author: Mitiksha-28

src/components/Footer/index.jsx

@@ -0,0 +1,59 @@
+import { useState, useContext } from "react";
+import { Link, useLocation } from "react-router-dom";
+import PropTypes from "prop-types";
+import SymbiosisLogo from "@/assets/images/symbiosis-logo.png";
+import CodexLogo from "@/assets/images/codex-logo.png";
+import { CursorVariantContext } from "@/context/CursorVariantProvider";
+import Heading from "@/components/Heading/index";
+
+function Footer() {
+  const [isOpen, setIsOpen] = useState(false);
+  const location = useLocation();
+
+  const { setCursorVariantNone, setCursorVariantDefault } =
+    useContext(CursorVariantContext);
+
+  const handleLinkClick = () => {
+    setIsOpen(false);
+  };
+
+  return (
+    <footer className="bg-primary py-6 mt-8">
+      <div className="container mx-auto">
+        <div className="flex justify-between items-center mb-4">
+          <p className="text-white font-bold">CONNECT WITH US</p>
+          <div className="flex space-x-4">
+            <a href="#" className="text-white hover:text-gray-300">
+              <i className="fab fa-instagram"></i>
+            </a>
+            <a href="#" className="text-white hover:text-gray-300">
+              <i className="fab fa-facebook-f"></i>
+            </a>
+            <a href="#" className="text-white hover:text-gray-300">
+              <i className="fab fa-linkedin-in"></i>
+            </a>
+            <a href="#" className="text-white hover:text-gray-300">
+              <i className="fab fa-github"></i>
+            </a>
+          </div>
+        </div>
+        <div className="flex justify-between items-center">
+          <div className="flex items-center space-x-4">
+            <img
+              src={SymbiosisLogo}
+              alt="Symbiosis Institute of Technology"
+              className="h-8"
+            />
+            <p className="text-white font-bold">MADE WITH LOVE BY</p>
+            <img src={CodexLogo} alt="Team Codex" className="h-8" />
+          </div>
+          <p className="text-center text-white">
+            © 2024 CODEX | ALL RIGHTS RESERVED
+          </p>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+export default Footer;

src/pages/About/index.jsx

@@ -1,7 +1,5 @@
 // import React from "react";
 import Heading from "@/components/Heading/index";
-import Stock1 from "@/assets/images/About/stockimage1.svg";
-import Stock3 from "@/assets/images/About/stockimage3.svg";
 import Oval from "@/assets/images/About/oval.svg";
 import PageTransition from "../../components/PageTransition";
 
@@ -26,12 +24,12 @@ function About() {
             </p>
             <div className="flex flex-col md:flex-row justify-center gap-4">
               <img
-                src={Stock1}
+                src="/CodeX-Website/gallery/Laser Lock/ll4.jpg"
                 alt="About Us 1"
                 className="w-full md:w-1/2 max-w-md mx-auto rounded-2xl h-auto object-cover"
               />
               <img
-                src={Stock3}
+                src="/CodeX-Website/gallery/Laser Lock/ll5.jpg"
                 alt="About Us 2"
                 className="w-full md:w-1/2 max-w-md mx-auto rounded-2xl h-auto object-cover"
               />
@@ -94,12 +92,12 @@ function About() {
             </p>
             <div className="flex flex-col md:flex-row justify-center gap-8">
               <img
-                src={Stock1}
+                src="/CodeX-Website/gallery/Community Session/cs4.jpg"
                 alt="What We Do 1"
                 className="w-full md:w-1/2 max-w-md mx-auto rounded-lg h-auto object-cover"
               />
               <img
-                src={Stock3}
+                src="/CodeX-Website/gallery/AIML SESSION/aiml2.jpg"
                 alt="What We Do 2"
                 className="w-full md:w-1/2 max-w-md mx-auto rounded-lg h-auto object-cover"
               />