From 744c618e676cbaf874cf3887273c3794765311a9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 26 May 2026 16:10:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 255 ++++++++++++++++++++++++-----------------------
 1 file changed, 130 insertions(+), 125 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 16fa64b..2145449 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -68,111 +68,114 @@ export default function WebAgency2Page() {
           ]}
           carouselItemClassName="!aspect-[4/5]"
         />
-        <FeatureBento
-          id="practice-areas"
-          title="Le Nostre Aree di Pratica"
-          description="Competenza specialistica per ogni tua esigenza legale, con un approccio personalizzato e attento."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            {
-              title: "Diritto dell'Immigrazione",              description: "Assistenza completa per visti, permessi di soggiorno e cittadinanza.",              bentoComponent: "reveal-icon",              icon: Globe
-            },
-            {
-              title: "Ricongiungimento Familiare",              description: "Riunire le famiglie con procedure chiare e supporto empatico.",              bentoComponent: "reveal-icon",              icon: Family
-            },
-            {
-              title: "Cittadinanza Italiana",              description: "Processi di acquisizione della cittadinanza con guida esperta.",              bentoComponent: "reveal-icon",              icon: Flag
-            },
-            {
-              title: "Permessi di Soggiorno",              description: "Richiesta e rinnovo di permessi per diverse tipologie.",              bentoComponent: "reveal-icon",              icon: Passport
-            },
-            {
-              title: "Casi di Asilo",              description: "Supporto sensibile e strategico per richieste di protezione internazionale.",              bentoComponent: "reveal-icon",              icon: Gavel
-            },
-            {
-              title: "Difesa Penale",              description: "Protezione legale ferma e strategica in ogni fase del processo.",              bentoComponent: "reveal-icon",              icon: Scale
-            },
-            {
-              title: "Diritto Commerciale",              description: "Consulenza per imprese, contratti e compliance in Italia.",              bentoComponent: "reveal-icon",              icon: Briefcase
-            },
-            {
-              title: "Diritto del Lavoro",              description: "Assistenza a datori e lavoratori per questioni contrattuali e contenziosi.",              bentoComponent: "reveal-icon",              icon: UserCog
-            },
-            {
-              title: "Diritto Civile",              description: "Controversie, risarcimenti e tutela dei diritti civili.",              bentoComponent: "reveal-icon",              icon: FileText
-            }
-          ]}
-        />
-        <FeatureCardTwentySix
-          id="success-stories"
-          title="Casi di Successo & Testimonianze"
-          description="Le storie dei nostri clienti riflettono la nostra dedizione e la nostra efficacia nel raggiungere risultati positivi."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Leggi Tutte le Storie", href: "#contact" }]} 
-          buttonAnimation="slide-up"
-          cardClassName="!h-auto aspect-video"
-          features={[
-            {
-              title: "Permesso di Soggiorno Concesso",              description: "Ahmed ha ottenuto il permesso di soggiorno in tempi record.",              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-traveler-man-holding-air-tickets-happy-positive-looking-camera-with-big-smile-face-standing-blue-background_141793-15114.jpg",              imageAlt: "Smiling man with documents",              buttonIcon: CheckCircle,
-              buttonHref: "#"
-            },
-            {
-              title: "Ricongiungimento Familiare",              description: "La famiglia Rossi è stata riunita con successo in Italia.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-home_23-2149610756.jpg",              imageAlt: "Happy family embracing",              buttonIcon: CheckCircle,
-              buttonHref: "#"
-            },
-            {
-              title: "Contratto Commerciale Internazionale",              description: "Assistenza legale per un accordo commerciale di successo.",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-waiting-her-partner-signing-contract_1262-20979.jpg",              imageAlt: "Business partners signing contract",              buttonIcon: CheckCircle,
-              buttonHref: "#"
-            },
-            {
-              title: "Cittadinanza Acquisita",              description: "Maria ha finalmente ottenuto la cittadinanza italiana.",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-fashionable-couple_1098-13524.jpg",              imageAlt: "Woman holding Italian flag",              buttonIcon: CheckCircle,
-              buttonHref: "#"
-            },
-            {
-              title: "Vittoria in Caso di Asilo",              description: "Protezione garantita per un cliente in situazione vulnerabile.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-psychologist-giving-advice-counseling-people-with-addiction-aa-meeting-woman-talking-patients-about-recovery-mental-health-problems-circle-session_482257-38765.jpg",              imageAlt: "Lawyer comforting client",              buttonIcon: CheckCircle,
-              buttonHref: "#"
-            }
-          ]}
-        />
-        <FeatureBento
-          id="legal-process"
-          title="Il Nostro Processo Legale"
-          description="Trasparenza e chiarezza in ogni fase del tuo percorso legale, dalla prima consulenza al raggiungimento degli obiettivi."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            {
-              title: "Consulenza Riservata",              description: "La tua prima tappa verso una soluzione. Valutiamo attentamente il tuo caso e tracciamo la strada da seguire.",              bentoComponent: "reveal-icon",              icon: Users 
-            },
-            {
-              title: "Strategia Personalizzata",              description: "Sviluppiamo un piano d'azione su misura, basato sulle tue esigenze specifiche e sugli obiettivi legali.",              bentoComponent: "timeline",              heading: "Fasi del Caso",              subheading: "Il tuo percorso legale passo dopo passo",              items: [
+        <div id="practice-areas" data-section="practice-areas">
+          <FeatureBento
+            title="Le Nostre Aree di Pratica"
+            description="Competenza specialistica per ogni tua esigenza legale, con un approccio personalizzato e attento."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            features={[
+              {
+                title: "Diritto dell'Immigrazione",              description: "Assistenza completa per visti, permessi di soggiorno e cittadinanza.",              bentoComponent: "reveal-icon",              icon: Globe
+              },
+              {
+                title: "Ricongiungimento Familiare",              description: "Riunire le famiglie con procedure chiare e supporto empatico.",              bentoComponent: "reveal-icon",              icon: Family
+              },
+              {
+                title: "Cittadinanza Italiana",              description: "Processi di acquisizione della cittadinanza con guida esperta.",              bentoComponent: "reveal-icon",              icon: Flag
+              },
+              {
+                title: "Permessi di Soggiorno",              description: "Richiesta e rinnovo di permessi per diverse tipologie.",              bentoComponent: "reveal-icon",              icon: Passport
+              },
+              {
+                title: "Casi di Asilo",              description: "Supporto sensibile e strategico per richieste di protezione internazionale.",              bentoComponent: "reveal-icon",              icon: Gavel
+              },
+              {
+                title: "Difesa Penale",              description: "Protezione legale ferma e strategica in ogni fase del processo.",              bentoComponent: "reveal-icon",              icon: Scale
+              },
+              {
+                title: "Diritto Commerciale",              description: "Consulenza per imprese, contratti e compliance in Italia.",              bentoComponent: "reveal-icon",              icon: Briefcase
+              },
+              {
+                title: "Diritto del Lavoro",              description: "Assistenza a datori e lavoratori per questioni contrattuali e contenziosi.",              bentoComponent: "reveal-icon",              icon: UserCog
+              },
+              {
+                title: "Diritto Civile",              description: "Controversie, risarcimenti e tutela dei diritti civili.",              bentoComponent: "reveal-icon",              icon: FileText
+              }
+            ]}
+          />
+        </div>
+        <div id="success-stories" data-section="success-stories">
+          <FeatureCardTwentySix
+            title="Casi di Successo & Testimonianze"
+            description="Le storie dei nostri clienti riflettono la nostra dedizione e la nostra efficacia nel raggiungere risultati positivi."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            buttons={[{ text: "Leggi Tutte le Storie", href: "#contact" }]}
+            buttonAnimation="slide-up"
+            cardClassName="!h-auto aspect-video"
+            features={[
+              {
+                title: "Permesso di Soggiorno Concesso",              description: "Ahmed ha ottenuto il permesso di soggiorno in tempi record.",              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-traveler-man-holding-air-tickets-happy-positive-looking-camera-with-big-smile-face-standing-blue-background_141793-15114.jpg",              imageAlt: "Smiling man with documents",              buttonIcon: CheckCircle,
+                buttonHref: "#"
+              },
+              {
+                title: "Ricongiungimento Familiare",              description: "La famiglia Rossi è stata riunita con successo in Italia.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-home_23-2149610756.jpg",              imageAlt: "Happy family embracing",              buttonIcon: CheckCircle,
+                buttonHref: "#"
+              },
+              {
+                title: "Contratto Commerciale Internazionale",              description: "Assistenza legale per un accordo commerciale di successo.",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-waiting-her-partner-signing-contract_1262-20979.jpg",              imageAlt: "Business partners signing contract",              buttonIcon: CheckCircle,
+                buttonHref: "#"
+              },
+              {
+                title: "Cittadinanza Acquisita",              description: "Maria ha finalmente ottenuto la cittadinanza italiana.",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-fashionable-couple_1098-13524.jpg",              imageAlt: "Woman holding Italian flag",              buttonIcon: CheckCircle,
+                buttonHref: "#"
+              },
+              {
+                title: "Vittoria in Caso di Asilo",              description: "Protezione garantita per un cliente in situazione vulnerabile.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-psychologist-giving-advice-counseling-people-with-addiction-aa-meeting-woman-talking-patients-about-recovery-mental-health-problems-circle-session_482257-38765.jpg",              imageAlt: "Lawyer comforting client",              buttonIcon: CheckCircle,
+                buttonHref: "#"
+              }
+            ]}
+          />
+        </div>
+        <div id="legal-process" data-section="legal-process">
+          <FeatureBento
+            title="Il Nostro Processo Legale"
+            description="Trasparenza e chiarezza in ogni fase del tuo percorso legale, dalla prima consulenza al raggiungimento degli obiettivi."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            features={[
+              {
+                title: "Consulenza Riservata",              description: "La tua prima tappa verso una soluzione. Valutiamo attentamente il tuo caso e tracciamo la strada da seguire.",              bentoComponent: "reveal-icon",              icon: Users 
+              },
+              {
+                title: "Strategia Personalizzata",              description: "Sviluppiamo un piano d'azione su misura, basato sulle tue esigenze specifiche e sugli obiettivi legali.",              bentoComponent: "timeline",              heading: "Fasi del Caso",              subheading: "Il tuo percorso legale passo dopo passo",              items: [
                 { label: "Valutazione Dettagliata", detail: "Analisi approfondita della documentazione." },
                 { label: "Elaborazione Strategica", detail: "Definizione degli approcci legali ottimali." },
                 { label: "Rappresentanza Attiva", detail: "Azione legale e negoziazioni per i tuoi diritti." }
               ],
               completedLabel: "Obiettivo Raggiunto"
-            },
-            {
-              title: "Aggiornamenti Costanti",              description: "Ti teniamo sempre informato sull'avanzamento del tuo caso, in modo chiaro e comprensibile.",              bentoComponent: "chat",              aiIcon: User,
-              userIcon: MessageCircle,
-              exchanges: [
-                { userMessage: "Qual è lo stato del mio permesso?", aiResponse: "La richiesta è in fase di revisione avanzata, ti aggiorneremo presto." },
-                { userMessage: "Ho bisogno di un chiarimento sui documenti.", aiResponse: "Certo, possiamo fissare una videochiamata per discutere i dettagli." }
-              ],
-              placeholder: "Scrivi la tua domanda..."
-            },
-            {
-              title: "Riservatezza Assoluta",              description: "Tutte le informazioni e i dettagli del tuo caso sono trattati con la massima discrezione e sicurezza.",              bentoComponent: "reveal-icon",              icon: Lock
-            },
-            {
-              title: "Presenza Locale e Globale",              description: "Radicati in Italia, con una visione internazionale per i nostri clienti di tutto il mondo.",              bentoComponent: "map"
-            }
-          ]}
-        />
+              },
+              {
+                title: "Aggiornamenti Costanti",              description: "Ti teniamo sempre informato sull'avanzamento del tuo caso, in modo chiaro e comprensibile.",              bentoComponent: "chat",              aiIcon: User,
+                userIcon: MessageCircle,
+                exchanges: [
+                  { userMessage: "Qual è lo stato del mio permesso?", aiResponse: "La richiesta è in fase di revisione avanzata, ti aggiorneremo presto." },
+                  { userMessage: "Ho bisogno di un chiarimento sui documenti.", aiResponse: "Certo, possiamo fissare una videochiamata per discutere i dettagli." }
+                ],
+                placeholder: "Scrivi la tua domanda..."
+              },
+              {
+                title: "Riservatezza Assoluta",              description: "Tutte le informazioni e i dettagli del tuo caso sono trattati con la massima discrezione e sicurezza.",              bentoComponent: "reveal-icon",              icon: Lock
+              },
+              {
+                title: "Presenza Locale e Globale",              description: "Radicati in Italia, con una visione internazionale per i nostri clienti di tutto il mondo.",              bentoComponent: "map"
+              }
+            ]}
+          />
+        </div>
         <TestimonialCardFifteen
           testimonial="Grazie a LexItalia, ho ottenuto il permesso di soggiorno in tempi record. La loro professionalità e il supporto costante sono stati inestimabili. Altamente raccomandato!"
           rating={5}
@@ -214,18 +217,19 @@ export default function WebAgency2Page() {
             ]
           }}
         />
-        <TeamCardFive
-          id="avvocato"
-          title="Il Nostro Studio Legale"
-          description="Un team di avvocati esperti e dedicati, pronti a difendere i tuoi interessi con integrità e competenza."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          mediaClassName="object-[65%_center]"
-          team={[
-            { id: "1", name: "Avv. Abdelhakim Bouchra", role: "Fondatore & Avvocato Senior", imageSrc: "http://img.b2bpic.net/free-photo/happy-insurance-agent-talking-with-mature-couple-about-their-retirement-plans-meeting-office_637285-1798.jpg", imageAlt: "Avv. Abdelhakim Bouchra" }
-          ]}
-        />
+        <div id="avvocato" data-section="avvocato">
+          <TeamCardFive
+            title="Il Nostro Studio Legale"
+            description="Un team di avvocati esperti e dedicati, pronti a difendere i tuoi interessi con integrità e competenza."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            mediaClassName="object-[65%_center]"
+            team={[
+              { id: "1", name: "Avv. Abdelhakim Bouchra", role: "Fondatore & Avvocato Senior", imageSrc: "http://img.b2bpic.net/free-photo/happy-insurance-agent-talking-with-mature-couple-about-their-retirement-plans-meeting-office_637285-1798.jpg", imageAlt: "Avv. Abdelhakim Bouchra" }
+            ]}
+          />
+        </div>
         <FaqBase
           title="Domande Frequenti"
           description="Le risposte alle tue domande più urgenti sul processo legale e i nostri servizi per garantirti la massima chiarezza."
@@ -240,19 +244,20 @@ export default function WebAgency2Page() {
             { id: "5", title: "Quali sono i tempi medi per un ricongiungimento familiare?", content: "I tempi possono variare in base alla documentazione e alle autorità coinvolte, ma ci impegniamo a rendere il processo il più efficiente e rapido possibile, fornendo aggiornamenti costanti." }
           ]}
         />
-        <ContactCTA
-          id="contact"
-          tag="Contattaci Ora"
-          title="La Tua Soluzione Legale è a Portata di Mano."
-          description="Richiedi una consulenza riservata per discutere il tuo caso. Siamo qui per fornirti supporto esperto e immediato, garantendo professionalità e discrezione. Puoi anche contattarci via WhatsApp per urgenze."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[
-            { text: "Richiedi Consulenza", href: "mailto:info@lexitalia.com" },
-            { text: "WhatsApp: +39 327 123 4567", href: "https://wa.me/+393271234567" }
-          ]}
-          buttonAnimation="slide-up"
-          useInvertedBackground={false}
-        />
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Contattaci Ora"
+            title="La Tua Soluzione Legale è a Portata di Mano."
+            description="La prima consulenza è gratuita. Richiedi una consulenza riservata per discutere il tuo caso. Siamo qui per fornirti supporto esperto e immediato, garantendo professionalità e discrezione. Puoi anche contattarci via WhatsApp per urgenze."
+            background={{ variant: "rotated-rays-animated" }}
+            buttons={[
+              { text: "Richiedi Consulenza", href: "mailto:info@lexitalia.com" },
+              { text: "WhatsApp: +39 327 123 4567", href: "https://wa.me/+393271234567" }
+            ]}
+            buttonAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
         <FooterBase
           logoText="LexItalia"
           copyrightText="© 2024 LexItalia. Tutti i diritti riservati."