From 628e95a82a43c904388aee3ee95d02efa9b0f31a Mon Sep 17 00:00:00 2001
From: Marco Farina <marco.farina@jcmaxwell.it>
Date: Wed, 3 Jun 2026 03:04:51 +0200
Subject: [PATCH] fix(typography): apostrofo curvo nelle stringhe display dei
 componenti

Le stringhe hardcoded nei componenti React (hero "doesn't byte",
titoli VolumeCard sulla home, tagline navbar, tooltip "un'IA" del
PyRunner) sono TSX, non MDX: non passano da remark-smartypants. Come
per il config, l'apostrofo curvo va scritto direttamente nel sorgente.
Curvati solo i testi di display; commenti e identificatori di codice
restano dritti. Verificato live sulla home (hot-reload dev server).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/pages/index.tsx             | 8 ++++----
 src/theme/Navbar/Logo/index.tsx | 2 +-
 src/theme/PyRunner/Toolbar.tsx  | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 7fd8944..984df28 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -81,7 +81,7 @@ export default function Home(): JSX.Element {
             <span className="at-grad-text">Python</span>
             <br />
             <span className={`${styles.titleSecondary} at-grad-blue`}>
-              doesn't byte.
+              doesn’t byte.
             </span>
           </h1>
 
@@ -108,7 +108,7 @@ export default function Home(): JSX.Element {
             <VolumeCard
               to="/artefice/"
               kicker="Volume 2"
-              title="Manuale dell'Artefice"
+              title="Manuale dell’Artefice"
               desc="Programmazione ad oggetti: classi, ereditarietà, design pattern."
               icon={<BoxIcon />}
               accent="pink"
@@ -116,7 +116,7 @@ export default function Home(): JSX.Element {
             <VolumeCard
               to="/archivista/"
               kicker="Volume 3"
-              title="Manuale dell'Archivista"
+              title="Manuale dell’Archivista"
               desc="Dati e persistenza: file, SQLite, ORM, integrazione."
               icon={<DatabaseIcon />}
               accent="amber"
@@ -124,7 +124,7 @@ export default function Home(): JSX.Element {
             <VolumeCard
               to="/apprendista/"
               kicker="Volume 4"
-              title="Biblioteca dell'Apprendista"
+              title="Biblioteca dell’Apprendista"
               desc="Esercizi, sfide e progetti di laboratorio."
               icon={<FlaskIcon />}
               accent="green"
diff --git a/src/theme/Navbar/Logo/index.tsx b/src/theme/Navbar/Logo/index.tsx
index b54f04f..9cf28fc 100644
--- a/src/theme/Navbar/Logo/index.tsx
+++ b/src/theme/Navbar/Logo/index.tsx
@@ -33,7 +33,7 @@ export default function NavbarLogo(): ReactNode {
       )}
       <b className={`navbar__title text--truncate ${styles.title}`}>
         <span className={styles.brand}>Python</span>{' '}
-        <span className={styles.tagline}>doesn't byte</span>
+        <span className={styles.tagline}>doesn’t byte</span>
       </b>
     </Link>
   );
diff --git a/src/theme/PyRunner/Toolbar.tsx b/src/theme/PyRunner/Toolbar.tsx
index 1dfd01a..628b72b 100644
--- a/src/theme/PyRunner/Toolbar.tsx
+++ b/src/theme/PyRunner/Toolbar.tsx
@@ -95,7 +95,7 @@ export function Toolbar({
             className={clsx(styles.iconBtn, styles.iconBtnExplain)}
             onClick={onExplain}
             aria-label="Spiegamelo facile (copia prompt)"
-            title="Copia un prompt per chiedere a un'IA di spiegarti questo codice"
+            title="Copia un prompt per chiedere a un’IA di spiegarti questo codice"
           >
             <FontAwesomeIcon icon={faWandMagicSparkles} />
           </button>