View Updated v1.1

app/components/projects.jsx

@@ -8,11 +8,10 @@ import HyH from '../images/HarmonyAndHeavenM.jpg';
 import HyH1 from '../images/HarmonyAndHeavenL.jpg';
 import PEE from '../images/PickEm.jpg';
 
-import "./modal.css"
-import styles from "./project.css"
+import "./modal.css";
+import styles from "./project.css";
 
 const Proyectos = () => {
-
   const [modalOpen, setModalOpen] = useState(false);
   const [selectedProject, setSelectedProject] = useState(null);
 
@@ -35,7 +34,7 @@ const Proyectos = () => {
       <div className="grid-containerprj">
 
         <button className="container-project" onClick={() => openModalForProject("harmony_heaven")}>
-          <div className="nameprj">Harmony & Heaven</div>
+          <div className="nameprj">Harmony &amp; Heaven</div>
           <div className="categorie">Grupal</div>
           <div className="photoprj">
             <Image src={HyH} alt="" width={"auto"} height={"auto"} />
@@ -88,7 +87,6 @@ const Proyectos = () => {
 
       </div>
 
-
       {modalOpen && selectedProject === "harmony_heaven" && (
         <div className='modalprj1' onClick={closeModal}>
           <div className='modalcontent1' onClick={(e) => e.stopPropagation()}>
@@ -97,7 +95,7 @@ const Proyectos = () => {
               <X size={24} />
             </button>
 
-            <div className="nameprj1">Harmony & Heaven</div>
+            <div className="nameprj1">Harmony &amp; Heaven</div>
             <div className="categorie1">Grupal</div>
             <div className="lenguajesprj1">
               <Image src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" width={40} height={40} alt="" />
@@ -111,8 +109,8 @@ const Proyectos = () => {
               <h4>Tienda de instrumentos CRUD, Inventario y Punto de venta.</h4>
             </div>
             <div className='descriptionprj2'>
-              Harmony & Heaven se desarrollo como un inventario para una tienda de instrumentos donde se registraran los productos con &quot;unidades a la venta&quot;, &quot;precio del producto&quot; y &quot;categoria&quot;, ademas se creo el punto de venta para el cliente donde podra añadir al carrito cualquier producto disponible de la tienda.
-              <p>En el apartado de Vendedor, Harmony & Heaven cuenta con un motor de busqueda y filtrado de los datos para facilitar la recoleccion de productos, tambien cuenta con un gestor de pedidos al Provedor de productos donde se registraran cuando se soliciten y cuando se reciban para estar en stock añadiendose automaticamente las cantidades recibidas en el inventario, asi como un dashboard para ver resumenes de ventas, empleados y demas cosas.
+              Harmony &amp; Heaven se desarrollo como un inventario para una tienda de instrumentos donde se registraran los productos con "unidades a la venta", "precio del producto" y "categoria", ademas se creo el punto de venta para el cliente donde podra añadir al carrito cualquier producto disponible de la tienda.
+              <p>En el apartado de Vendedor, Harmony &amp; Heaven cuenta con un motor de busqueda y filtrado de los datos para facilitar la recoleccion de productos, tambien cuenta con un gestor de pedidos al Provedor de productos donde se registraran cuando se soliciten y cuando se reciban para estar en stock añadiendose automaticamente las cantidades recibidas en el inventario, asi como un dashboard para ver resumenes de ventas, empleados y demas cosas.
               Los productos se pueden editar o eliminar de ser necesario.</p>
 
               <p>En el apartado de cliente (punto de venta), el cliente podra unicamente ver los productos en stock y añadirlos al carrito para su compra, el precio total por los productos a comprar se mostrara siempre hasta realizar la compra.</p>