diff --git a/src/layouts/DefaultLayout/components/AppSidebar/index.js b/src/layouts/DefaultLayout/components/AppSidebar/index.js
index 80d13fc..2fbbdbb 100644
--- a/src/layouts/DefaultLayout/components/AppSidebar/index.js
+++ b/src/layouts/DefaultLayout/components/AppSidebar/index.js
@@ -140,7 +140,7 @@ const AppSidebar = () => {
         },
         {
             label: __('Documenti', 'gepafin'),
-            icon: 'pi pi-chart-bar',
+            icon: 'pi pi-folder-open',
             href: '/documenti',
             id: 16,
             enable: intersection(permissions, ['APPLY_CALLS']).length
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 cec0743..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 }) => {
 
@@ -245,7 +246,7 @@ const routes = ({ role, chosenCompanyId }) => {
                 </DefaultLayout>}/>
                 <Route path="/documenti" element={<DefaultLayout>
                     {'ROLE_SUPER_ADMIN' === role ? <PageNotFound/> : null}
-                    {'ROLE_BENEFICIARY' === role ? <StatsBeneficiary/> : null}
+                    {'ROLE_BENEFICIARY' === role ? <DocumentsBeneficiary/> : null}
                     {'ROLE_PRE_INSTRUCTOR' === role ? <PageNotFound/> : null}
                     {'ROLE_INSTRUCTOR_MANAGER' === role ? <PageNotFound/> : null}
                 </DefaultLayout>}/>