From 637a1932fb5c847f627768c5a82c233980976c92 Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Sun, 15 Mar 2026 08:46:16 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(MainPage):=20clea?=
 =?UTF-8?q?nup=20layout=20and=20remove=20"attivit=C3=A0=20didattiche"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ProjectSpotlight/ProjectSpotlight.tsx          | 14 +++++++-------
 src/components/pages/MainPage/MainPage.test.tsx    |  1 -
 src/components/pages/MainPage/MainPage.tsx         | 14 +++++---------
 3 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx b/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
index b35da92..e540940 100644
--- a/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
+++ b/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
@@ -39,13 +39,13 @@ const Description = (props: Props) => {
             borderTopColor: theme.palette.primary.main,
             p: `${theme.spacing(7)} ${theme.spacing(5)} ${theme.spacing(5.5)} ${theme.spacing(5)}`,
           })}>
-          <Grid container spacing={2} maxWidth="xl">
-            <Grid size={4}>
-              <Typography variant="h4">{props.title}</Typography>
-              {props.caption}
-            </Grid>
-            <Grid size={8}>{props.children}</Grid>
-          </Grid>
+          <Box maxWidth="xl">
+            <Typography variant="h4" mb={3}>
+              {props.title}
+            </Typography>
+            {props.caption}
+            <Box mt={3}>{props.children}</Box>
+          </Box>
         </Box>
       )
     case 'top':
diff --git a/src/components/pages/MainPage/MainPage.test.tsx b/src/components/pages/MainPage/MainPage.test.tsx
index 2e7447a..376f78a 100644
--- a/src/components/pages/MainPage/MainPage.test.tsx
+++ b/src/components/pages/MainPage/MainPage.test.tsx
@@ -14,7 +14,6 @@ describe('Main page', () => {
     // Make sure the project spotlights are present for both desktop and mobile
     expect(screen.getAllByText('Chi Siamo')).toHaveLength(2)
     expect(screen.getAllByText('Vita Civile')).toHaveLength(2)
-    expect(screen.getAllByText('Attività Didattiche')).toHaveLength(2)
     expect(screen.getAllByText('Vita Militare')).toHaveLength(2)
   })
 })
diff --git a/src/components/pages/MainPage/MainPage.tsx b/src/components/pages/MainPage/MainPage.tsx
index dfd0e73..9310e8e 100644
--- a/src/components/pages/MainPage/MainPage.tsx
+++ b/src/components/pages/MainPage/MainPage.tsx
@@ -39,21 +39,17 @@ const MainPage = () => {
         </ProjectSpotlight>
         {/*  2. Attività didattiche */}
         <ProjectSpotlight ref={refTeaching} scrollTarget={refTraining} anchor="left" image="images/didattica.png" title="Vita Civile">
-          <Typography>
+          <Typography pt={1}>
             La ricostruzione della vita civile rappresenta un elemento fondamentale delle attività della Compagnia. Non rappresetiamo solo soldati, ma
             anche tutte le altre figure che vivevano e operavano al seguito di una compagnie d'arme: cuochi, artigiani, religiosi, pellegrini e
             personale di supporto, tutti riproposti attraverso abiti, strumenti e gesti quotidiani ricostruiti su base storica. Particolare attenzione
             è dedicata agli aspetti della vita materiale: la preparazione dei cibi, l'organizzazione del banchetto, la sartoria storica, le pratiche
             mediche e devozionali ed il viaggio.
           </Typography>
-
-          <Typography variant="h4" pt={3}>
-            Attività Didattiche
-          </Typography>
-          <Typography pt={2}>
-            La Compagnia propone percorsi didattici dedicati alla scoperta della vita nel Basso Medioevo, illustrando le attività svolte all'interno
-            del campo armato e il loro ruolo nella quotidianità dei soldati. Attraverso dimostrazioni pratiche e spiegazioni storiche, vengono
-            presentati armamenti, addestramento, medicina medievale e aspetti della vita civile, offrendo un'esperienza educativa coinvolgente.
+          <Typography pt={1}>
+            La Compagnia propone percorsi didattici dedicati alla scoperta della vita nel Basso Medioevo, attraverso dimostrazioni pratiche e
+            spiegazioni storiche, vengono presentati armamenti, addestramento, medicina medievale e aspetti della vita civile, offrendo un'esperienza
+            educativa coinvolgente.
           </Typography>
         </ProjectSpotlight>
         {/*  3. Scuola d'arme */}