Update docs

docs/index.md

@@ -4,4 +4,5 @@ sidebar_position: 1
 
 # Introduzione
 ## Cos'è QuattroApp?
-QuattroApp è una piattaforma di gestione del flusso degli ordini, completamente in cloud e accessibile da qualsiasi dispositivo connesso ad internet.
+QuattroApp è una piattaforma di digitalizzazione e automatizzazione dei processi aziendali, completamente in cloud e accessibile da qualsiasi dispositivo connesso ad internet.
+Comprende diverse funzionalità tra cui: raccolta e gestione ordini, organizzazione spedizioni, gestione del magazzino e degli acquisti, app per agenti, operatori di magazzino e fornitori e tante automatizzazioni per i tuoi processi.

docs/modules/orders/_category_.json

@@ -0,0 +1,7 @@
+{
+  "label": "Ordini",
+  "link": {
+    "type": "generated-index",
+    "title": "Ordini"
+  }
+}

docs/modules/orders/product-states.md

@@ -0,0 +1,39 @@
+---
+description: Lo stato del prodotto ordinato permette di identificare la posizione del prodotto nel flusso di vendita.
+---
+
+# Stato Prodotti
+
+Lo stato del prodotto ordinato permette di identificare la posizione del prodotto nel flusso di vendita. Questi stati
+non sono modificabili liberamente, ma vengono aggiornati dall'applicativo per ridurre il lavoro e minimizzare i
+potenziali errori.
+
+## Gli Stati del Prodotto
+
+Un prodotto ordinato può avere un solo stato alla volta, il quale determina le azioni che possono essere eseguite sul
+prodotto stesso o sull'ordine che lo contiene. Di seguito è riportata la lista di tutti gli stati possibili e le
+relative limitazioni.
+
+### Nuovo
+
+Questo stato viene automaticamente assegnato quando un ordine viene inserito da un agente.
+
+### Confermato
+
+Questo stato viene automaticamente assegnato quando un ordine viene inserito da un utente amministratore o
+collaboratore. Può essere selezionato confermando i prodotti con stato "Nuovo" tramite il pulsante "Conferma Prodotti"
+presente nella pagina dell'ordine.
+
+### In Spedizione
+
+Questo stato viene automaticamente assegnato quando un prodotto viene inserito in una spedizione. Lo stato viene rimosso
+quando il prodotto è rimosso dalla spedizione.
+
+### Consegnato
+
+Questo stato viene automaticamente assegnato quando la spedizione che contiene il prodotto viene consegnata.
+
+### Residuo
+
+Questo stato viene assegnato ai residui generati automaticamente in seguito allo scarico da magazzino o all'aggiunta del
+prodotto alla spedizione.

docs/modules/orders/tags.md

@@ -0,0 +1,21 @@
+---
+description: I Tags consentono di raggruppare gli ordini in base alle esigenze dell'utente.
+---
+
+# Etichette (Tags)
+
+I Tags consentono di raggruppare gli ordini in base alle esigenze dell'utente. Ad esempio, è possibile utilizzare i Tags
+per identificare tutti gli ordini da verificare in un secondo momento, quelli che necessitano di un documento collegato
+e molto altro ancora. Sono lo strumento ideale per organizzare gli ordini e mantenere una grande flessibilità nei flussi
+di gestione.
+
+## Visualizzare i Tags nella tabella ordini
+
+Per visualizzare i Tags nella tabella ordini, aggiungere la colonna appropriata utilizzando il pulsante "Colonne". Una
+volta aggiunta la colonna, è possibile filtrare i Tags separandoli con una virgola ",".
+
+## Modificare i Tags collegati all'ordine
+
+Per aggiungere o rimuovere i Tags da un ordine, accedere alla pagina del dettaglio dell'ordine, cliccare su "Modifica"
+per entrare in modalità di modifica, e utilizzare il campo specifico per aggiungere un Tag o la "x" per rimuoverne uno
+specifico.

docusaurus.config.js

@@ -16,6 +16,7 @@ const config = {
   // For GitHub pages deployment, it is often '/<projectName>/'
   baseUrl: "/",
 
+  staticDirectories: ['static'],
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
   organizationName: "quattroapp", // Usually your GitHub org/user name.

src/pages/index.tsx

@@ -1,10 +1,11 @@
 import React, { PropsWithChildren } from "react";
 import Logo from "../assets/logo_with_text.svg";
+import WebsiteImageUrl from '@site/static/img/website_screen.png';
 import Head from "@docusaurus/Head";
 
 export default function Home(): JSX.Element {
   return (
-    <div className={"flex flex-1 flex-col space-y-12 md:justify-between"}>
+    <div className={"flex flex-1 flex-col overflow-x-hidden"}>
       <Head htmlAttributes={{ class: "use-tailwind" }} children={undefined} />
       <Header />
       <HeroSection />
@@ -21,7 +22,6 @@ function Header() {
       }
     >
       <Logo height={40} width={162} />
-      <NavLinks />
       <Actions />
     </div>
   );
@@ -52,47 +52,49 @@ function Actions() {
     <div
       className={"ml-auto flex hidden flex-row items-center space-x-8 sm:flex"}
     >
-      <NavLink>Accedi</NavLink>
       <div
         className={
-          "flex items-center justify-center rounded-full bg-blue-500 px-5 py-2 font-semibold text-white hover:bg-blue-600"
+          "flex items-center justify-center rounded-full border border-gray-500 px-5 py-2 text-gray-500"
         }
       >
-        Inizia qui
+        In arrivo nel 2025
       </div>
     </div>
   );
 }
 
 function HeroSection() {
   return (
-    <div
-      className={
-        "flex flex-col items-center justify-center space-y-9 text-center"
-      }
-    >
-      <span className={"text-4xl font-bold md:text-6xl"}>
-        La gestione <span className={"text-blue-500"}>in cloud</span>
-        <br />
-        pensata per il tuo business.
-      </span>
-      <div className={"flex px-6 md:text-lg"}>
-        Raccogli gli ordini da più canali, riduci gli errori, automatizza
-        l’organizzazione
-        <br className={"hidden md:inline"} /> delle spedizioni e migliora la
-        gestione delle relazioni con i tuoi clienti.
-      </div>
+    <div className="flex flex-col lg:items-center lg:flex-row lg:space-x-24 lg:ml-40 mt-12 lg:mt-0">
       <div
         className={
-          "flex items-center justify-center rounded-full border border-gray-500 px-5 py-2 text-gray-500"
+          "flex flex-col items-center justify-center space-y-9 text-center shrink-0"
         }
       >
-        In arrivo nel 2024
+        <span className={"text-4xl font-bold md:text-6xl"}>
+          La gestione <span className={"text-blue-500"}>in cloud</span>
+          <br />
+          pensata per il tuo business.
+        </span>
+        <div className={"flex px-6 md:text-lg"}>
+          Raccogli gli ordini da più canali, riduci gli errori, automatizza
+          l’organizzazione
+          <br className={"hidden md:inline"} /> delle spedizioni e migliora la
+          gestione delle relazioni con i tuoi clienti.
+        </div>
+        <div
+          className={
+            "flex items-center justify-center rounded-full border border-gray-500 px-5 py-2 text-gray-500"
+          }
+        >
+          In arrivo nel 2025
+        </div>
       </div>
+      <img src={WebsiteImageUrl} className="mt-8 ml-8 lg:mt-0 lg:ml-0 w-[250vw] max-w-[250vw] lg:w-auto lg:h-[75vh] lg:-mb-48 lg:z-20 border rounded-lg"/>
     </div>
   );
 }
 
 function Footer() {
-  return <div className={"hidden h-32 bg-blue-500 md:inline-flex"} />;
+  return <div className={"mt-auto hidden h-64 bg-blue-500 md:inline-flex"} />;
 }