Merge branch 'main' into shreya

Author: prnvtripathi

src/components/Navbar.jsx

@@ -2,7 +2,6 @@ import Image from "next/image";
 import Link from "next/link";
 import { useState } from "react";
 import Logo from "../../public/logo2.png";
-// import Button from "./button";
 import HeaderSocialMedia from "./HeaderSocialMedia";
 
 const Navbar = () => {
@@ -16,12 +15,9 @@ const Navbar = () => {
   ];
   let [open, setOpen] = useState(false);
   return (
-    <div className="w-full z-999 top-0 left-0 sticky bg-black">
+    <div className="w-full z-999 top-0 left-0 sticky bg-black bg-opacity-75 shadow-lg">
       <div className="md:flex md:items-center md:justify-between py-4 px-7">
-        <div
-          className="font-bold text-base cursor-pointer flex flex-col md:items-center font-secondary 
-      text-white"
-        >
+        <div className="font-bold text-base cursor-pointer flex flex-col md:items-center font-secondary text-white">
           <span>
             <Image className="h-14 w-14" src={Logo} alt="" />
           </span>
@@ -40,11 +36,7 @@ const Navbar = () => {
             >
               <Link
                 href={link.link}
-                className="text-white font-3 hover:text-transparent bg-clip-text bg-gradient-to-r from-[#AF7AF2] via-[#A5F7A8] to-[#AF7AF2] duration-200
-               relative  transition-all duration-500 before:content-[''] before:absolute before:-bottom-2
-                before:left-0 before:w-0   before:h-1 before:opacity-0  before:transition-all before:duration-500
-                before:bg-gradient-to-r hover:before:w-full  hover:before:opacity-100
-                "
+                className="text-white font-3 hover:text-transparent bg-clip-text bg-gradient-to-r from-[#AF7AF2] via-[#A5F7A8] to-[#AF7AF2] duration-200 relative  transition-all duration-500 before:content-[''] before:absolute before:-bottom-2 before:left-0 before:w-0 before:h-1 before:opacity-0  before:transition-all before:duration-500 before:bg-gradient-to-r hover:before:w-full  hover:before:opacity-100"
               >
                 {link.name}
               </Link>
@@ -80,4 +72,3 @@ const Navbar = () => {
 };
 
 export default Navbar;
-