feat: centralizza i contenuti della home page in un file di configurazione

Author: aborruso

src/components/HomePage.tsx

@@ -3,6 +3,7 @@ import type { Initiative } from '../types/initiative';
 import InitiativeCard from './InitiativeCard';
 import SearchAndFilters from './SearchAndFilters';
 import Pagination from './Pagination';
+import { homeContent } from '../config/content';
 
 const ITEMS_PER_PAGE = 12;
 
@@ -70,10 +71,10 @@ export default function HomePage({ initiatives: allInitiatives, baseUrl = '/', h
             {/* Title */}
             <div className="text-center">
               <h1 className="text-3xl font-bold text-gray-900 sm:text-4xl">
-                Referendum e Iniziative Popolari
+                {homeContent.title}
               </h1>
               <p className="mt-2 text-lg text-gray-600">
-                Scopri e partecipa alle iniziative democratiche in corso
+                {homeContent.subtitle}
               </p>
             </div>
           </div>

src/config/content.ts

@@ -0,0 +1,5 @@
+// Configurazione centralizzata per i contenuti della home page
+export const homeContent = {
+  title: 'Referendum e Iniziative Popolari',
+  subtitle: 'Scopri e partecipa alle iniziative democratiche',
+};

src/layouts/Layout.astro

@@ -1,5 +1,6 @@
 ---
 import '../styles/global.css';
+import { homeContent } from '../config/content';
 
 export interface Props {
   title: string;
@@ -10,7 +11,7 @@ export interface Props {
 
 const {
   title,
-  description = "Scopri e partecipa alle iniziative democratiche in corso",
+  description = homeContent.subtitle,
   ogImage = "og-default.png",
   ogType = "website"
 } = Astro.props;

src/pages/index.astro

@@ -4,12 +4,13 @@ import HomePage from '../components/HomePage';
 import HamburgerMenuNative from '../components/HamburgerMenuNative.astro';
 import Footer from '../components/Footer.astro';
 import { fetchInitiatives } from '../lib/initiatives';
+import { homeContent } from '../config/content';
 
 // Carica i dati delle iniziative
 const initiatives = await fetchInitiatives();
 ---
 
-<Layout title="Referendum e Iniziative Popolari">
+<Layout title={homeContent.title}>
   <div class="min-h-screen bg-gray-50">
     <!-- Header con menu hamburger -->
     <header class="bg-white shadow-sm border-b border-gray-200">
@@ -22,10 +23,10 @@ const initiatives = await fetchInitiatives();
         <!-- Title -->
         <div class="text-center">
           <h1 class="text-3xl font-bold text-gray-900 sm:text-4xl">
-            Referendum e Iniziative Popolari
+            {homeContent.title}
           </h1>
           <p class="mt-2 text-lg text-gray-600">
-            Scopri e partecipa alle iniziative democratiche in corso
+            {homeContent.subtitle}
           </p>
         </div>
       </div>