Update (#17)

Author: haiphucnguyen

pages/about.mdx

@@ -6,10 +6,13 @@ FlowInquiry is powered by these incredible open source projects:
 
 - [Spring framework](https://spring.io/projects/spring-framework)
 - [Hibernate](https://hibernate.org/)
+- [Mapstruct](https://mapstruct.org/)
 - [Liquibase](https://www.liquibase.com/)
+- [Gradle](https://gradle.org/)
 - [NextJS](https://nextjs.org/)
 - [TailwindCSS](https://tailwindcss.com/)
 - [Shadcn](https://ui.shadcn.com/)
+- [xyflow](https://xyflow.com/)
 - [Docker](https://www.docker.com/)
 - [PostgreSQL](https://www.postgresql.org/)
 - [Pulumi](https://www.pulumi.com/)

pages/screenshot-slideshow.jsx

@@ -2,7 +2,6 @@ import "swiper/css";
 import "swiper/css/navigation";
 import "swiper/css/pagination";
 
-import Image from "next/image";
 import React, { useState } from "react";
 import { Navigation, Pagination } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/react";
@@ -44,7 +43,7 @@ const ScreenshotSlideshow = ({ slides = [] }) => {
           <SwiperSlide key={index}>
             <div className="flex justify-center items-center h-full">
               <div className="relative max-w-full">
-                <Image
+                <img
                   src={slide.image}
                   alt={`Screenshot ${index + 1}`}
                   className="rounded-lg shadow-lg mx-auto"