updatedupdated

components/layout/Footer.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { FaInstagram, FaLinkedin } from "react-icons/fa";
 import { FiGithub } from "react-icons/fi";
-import Link from "next/link";
+import { Link } from "@nextui-org/link";
 import Image from "next/image";
 import { Fade } from "react-awesome-reveal";
 import NavigationIcon from "@mui/icons-material/Navigation";
@@ -66,7 +66,7 @@ const Footer = () => {
               alt="Logo"
               width={150}
               height={150}
-              quality={25}
+              quality={100}
               layout="fixed"
             />
           </div>

components/layout/Header.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import Link from "next/link";
+import { Link } from "@nextui-org/link";
 import Image from "next/legacy/image";
 import { Fade } from "react-awesome-reveal";
 import Menu from "@mui/material/Menu";
@@ -86,7 +86,7 @@ export const MobileHeader = () => {
           alt="Logo"
           width={50}
           height={50}
-          quality={75}
+          quality={100}
           layout="fixed"
           priority
         />

components/pages/blog/blogBrowsing.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Image from "next/image";
 import { useEffect, useState } from "react";
-import Link from "next/link";
+import { Link } from "@nextui-org/link";
 import { Fade } from "react-awesome-reveal";
 
 export default function BlogBrowsing() {

components/pages/blog/blogList.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import Link from "next/link";
+import { Link } from "@nextui-org/link";
 import { Fade } from "react-awesome-reveal";
 import Button from "@mui/material/Button";
 import {

components/pages/ds/CourseStages.jsx

@@ -6,7 +6,7 @@ import TimelineContent from "@mui/lab/TimelineContent";
 import TimelineDot from "@mui/lab/TimelineDot";
 import Typography from "@mui/material/Typography";
 import TimelineItem, { timelineItemClasses } from "@mui/lab/TimelineItem";
-import Link from "next/link";
+import { Link } from "@nextui-org/link";
 
 export const CourseStages = () => {
   const [stages, setStages] = useState([]);

components/pages/ds/StageComponent.jsx

@@ -1,5 +1,5 @@
 import Container from "@mui/material/Container";
-import Link from "next/link";
+import { Link } from "@nextui-org/link";
 import Typography from "@mui/material/Typography";
 import {
   Timeline,

components/ui/AnimatedLink.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import Link from "next/link";
+import { Link } from "@nextui-org/link";
 import { Tooltip } from "@mui/material";
 import { Fade } from "react-awesome-reveal";