diff --git a/src/layouts/DefaultLayout/components/AppSidebar/index.js b/src/layouts/DefaultLayout/components/AppSidebar/index.js
index c449022..2fbbdbb 100644
--- a/src/layouts/DefaultLayout/components/AppSidebar/index.js
+++ b/src/layouts/DefaultLayout/components/AppSidebar/index.js
@@ -138,6 +138,13 @@ const AppSidebar = () => {
             id: 15,
             enable: intersection(permissions, ['APPLY_CALLS']).length
         },
+        {
+            label: __('Documenti', 'gepafin'),
+            icon: 'pi pi-folder-open',
+            href: '/documenti',
+            id: 16,
+            enable: intersection(permissions, ['APPLY_CALLS']).length
+        },
         {
             label: __('Log di Sistema', 'gepafin'),
             icon: 'pi pi-receipt',
diff --git a/src/pages/DocumentsBeneficiary/index.js b/src/pages/DocumentsBeneficiary/index.js
new file mode 100644
index 0000000..a101868
--- /dev/null
+++ b/src/pages/DocumentsBeneficiary/index.js
@@ -0,0 +1,46 @@
+import React, { useEffect, useState, useCallback } from 'react';
+import { __ } from '@wordpress/i18n';
+import { pathOr } from 'ramda';
+
+// store
+import { useStore } from '../../store';
+
+// components
+
+
+const DocumentsBeneficiary = () => {
+    const chosenCompanyId = useStore().main.chosenCompanyId();
+
+    const getStats = (resp) => {}
+
+    const errGetStats = () => {}
+
+    useEffect(() => {
+
+    }, [chosenCompanyId]);
+
+    return(
+        <div className="appPage">
+            <div className="appPage__pageHeader">
+                <h1>{__('Gestione documenti', 'gepafin')}</h1>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection statsBigBadges">
+                <h2>{__('Documenti del rappresentante legale', 'gepafin')}</h2>
+
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection statsBigBadges">
+                <h2>{__('Documenti dell\'azienda', 'gepafin')}</h2>
+
+            </div>
+
+        </div>
+    )
+}
+
+export default DocumentsBeneficiary;
\ No newline at end of file
diff --git a/src/routes.js b/src/routes.js
index f5555e3..75a1caa 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -51,6 +51,7 @@ import SoccorsoEditInstructorManager from './pages/SoccorsoEditInstructorManager
 import SoccorsoIstruttorioInstructorManager from './pages/SoccorsoIstruttorioInstructorManager';
 import SoccorsoIstruttorioMioInstructorManager from './pages/SoccorsoIstruttorioMioInstructorManager';
 import StatsBeneficiary from './pages/StatsBeneficiary';
+import DocumentsBeneficiary from './pages/DocumentsBeneficiary';
 
 const routes = ({ role, chosenCompanyId }) => {
 
@@ -243,6 +244,12 @@ const routes = ({ role, chosenCompanyId }) => {
                     {'ROLE_PRE_INSTRUCTOR' === role ? <PageNotFound/> : null}
                     {'ROLE_INSTRUCTOR_MANAGER' === role ? <PageNotFound/> : null}
                 </DefaultLayout>}/>
+                <Route path="/documenti" element={<DefaultLayout>
+                    {'ROLE_SUPER_ADMIN' === role ? <PageNotFound/> : null}
+                    {'ROLE_BENEFICIARY' === role ? <DocumentsBeneficiary/> : null}
+                    {'ROLE_PRE_INSTRUCTOR' === role ? <PageNotFound/> : null}
+                    {'ROLE_INSTRUCTOR_MANAGER' === role ? <PageNotFound/> : null}
+                </DefaultLayout>}/>
             </Route>
             <Route exact path="/reset-password" element={<ResetPassword/>}/>
             <Route exact path="/login" element={<Login/>}/>