From b94235623c70c19347ef2b85f1fa724e3e53b8bb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 12 Jun 2026 13:11:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 236 +++++++++--------------------------------------
 1 file changed, 46 insertions(+), 190 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 16398de..3973d2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,30 +33,18 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Su di Me",
-          id: "#about",
-        },
+          name: "Su di Me",          id: "#about"},
         {
-          name: "Servizi",
-          id: "#services",
-        },
+          name: "Servizi",          id: "#services"},
         {
-          name: "Progetti",
-          id: "#projects",
-        },
+          name: "Progetti",          id: "#projects"},
         {
-          name: "Contatti",
-          id: "#contact",
-        },
+          name: "Contatti",          id: "#contact"},
       ]}
       button={{
-        text: "Contattami",
-        href: "#contact",
-      }}
+        text: "Contattami",        href: "#contact"}}
       brandName="Angelo"
     />
   </div>
@@ -64,47 +52,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Angelo: Dove il Codice Incontra l'Arte Visiva"
       description="Sono Angelo, un *Frontend Developer* e *Visual Creator* che fonde logica e design per dar vita a progetti che non solo funzionano, ma emozionano."
       buttons={[
         {
-          text: "Esplora i Miei Progetti",
-          href: "#projects",
-        },
+          text: "Esplora i Miei Progetti",          href: "#projects"},
       ]}
       carouselItems={[
         {
-          id: "carousel-1",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-processing-software-interface-computer-screens-creative-agency-studio_482257-82219.jpg",
-          imageAlt: "Sviluppo Web e Creazione Visiva",
-        },
+          id: "carousel-1",          imageSrc: "http://img.b2bpic.net/free-photo/photo-processing-software-interface-computer-screens-creative-agency-studio_482257-82219.jpg",          imageAlt: "Sviluppo Web e Creazione Visiva"},
         {
-          id: "carousel-2",
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-binary-code-tech-concept-background_1017-52437.jpg",
-          imageAlt: "Astrazione di Codice e Creatività",
-        },
+          id: "carousel-2",          imageSrc: "http://img.b2bpic.net/free-vector/modern-binary-code-tech-concept-background_1017-52437.jpg",          imageAlt: "Astrazione di Codice e Creatività"},
         {
-          id: "carousel-3",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop-other-elements_23-2148196639.jpg",
-          imageAlt: "Mani che Codificano e Creano",
-        },
+          id: "carousel-3",          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop-other-elements_23-2148196639.jpg",          imageAlt: "Mani che Codificano e Creano"},
         {
-          id: "carousel-4",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-compass-table_23-2148036973.jpg",
-          imageAlt: "Design UI/UX e Attrezzatura Fotografica",
-        },
+          id: "carousel-4",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-compass-table_23-2148036973.jpg",          imageAlt: "Design UI/UX e Attrezzatura Fotografica"},
         {
-          id: "carousel-5",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269935.jpg",
-          imageAlt: "Integrazione di Codice e Montaggio Video",
-        },
+          id: "carousel-5",          imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269935.jpg",          imageAlt: "Integrazione di Codice e Montaggio Video"},
         {
-          id: "carousel-6",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",
-          imageAlt: "Angelo, Frontend Developer e Visual Creator",
-        },
+          id: "carousel-6",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",          imageAlt: "Angelo, Frontend Developer e Visual Creator"},
       ]}
       autoPlay={true}
       autoPlayInterval={4000}
@@ -116,7 +83,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       tag="Chi Sono"
       title="La Mia Storia: Tra Codice e Creatività"
-      description="Ciao! Sono Angelo, un professionista versatile con una passione autentica per il mondo digitale, dove logica e creatività si incontrano per dar vita a soluzioni innovative. Mi definisco un \"multipotenziario\" perché amo spaziare tra lo sviluppo web e la creazione visiva, combinando il rigore del codice con la fluidità dell'immagine. Nel mio percorso, ho acquisito solide competenze tecniche come **HTML**, **CSS**, **JavaScript**, **React**, e padroneggio piattaforme come **WordPress** e **Webflow**. Questo mi permette di costruire siti web e web app non solo performanti e funzionali, ma anche intuitivi e accessibili."
+      description="Ciao! Sono Angelo, un professionista versatile con una passione autentica per il mondo digitale, dove logica e creatività si incontrano per dar vita a soluzioni innovative. Mi definisco un **multipotenziario** perché amo spaziare tra lo sviluppo web e la creazione visiva, combinando il rigore del codice con la fluidità dell'immagine. Nel mio percorso, ho acquisito solide competenze tecniche come **HTML**, **CSS**, **JavaScript**, **React**, e padroneggio piattaforme come **WordPress** e **Webflow**. Questo mi permette di costruire siti web e web app non solo performanti e funzionali, ma anche intuitivi e accessibili."
       subdescription="Parallelamente, la mia vena creativa si esprime attraverso la **produzione video** e la **post-produzione fotografica**. Utilizzo strumenti professionali come **Premiere Pro**, **DaVinci Resolve**, **Photoshop** e **Lightroom** per raccontare storie, catturare emozioni e dare forma a idee con un impatto visivo sorprendente. Credo fermamente che un progetto digitale debba essere completo: impeccabile nel codice, ma altrettanto affascinante nel suo aspetto. Sono preciso, attento ai dettagli e amo lo storytelling visivo. Il mio obiettivo? Aiutare **clienti freelance** a trasformare le loro visioni in esperienze digitali memorabili e mostrare i miei progetti personali, frutto di questa unione unica di tech e creatività."
       icon={User}
       imageSrc="http://img.b2bpic.net/free-photo/shocked-man-vr-goggles_23-2147805642.jpg"
@@ -133,25 +100,13 @@ export default function LandingPage() {
       tag="Cosa Faccio"
       accordionItems={[
         {
-          id: "service-webdev",
-          title: "Sviluppo Web: Dalle Idee al Codice",
-          content: "Trasformo concept complessi in siti web e applicazioni reattive, veloci e user-friendly, usando le tecnologie più moderne per una presenza online efficace.",
-        },
+          id: "service-webdev",          title: "Sviluppo Web: Dalle Idee al Codice",          content: "Trasformo concept complessi in siti web e applicazioni reattive, veloci e user-friendly, usando le tecnologie più moderne per una presenza online efficace."},
         {
-          id: "service-video",
-          title: "Video Storytelling: Emozioni in Movimento",
-          content: "Dalla ripresa al montaggio, creo contenuti video dinamici e coinvolgenti che catturano l'attenzione e raccontano la tua storia con professionalità e creatività.",
-        },
+          id: "service-video",          title: "Video Storytelling: Emozioni in Movimento",          content: "Dalla ripresa al montaggio, creo contenuti video dinamici e coinvolgenti che catturano l'attenzione e raccontano la tua storia con professionalità e creatività."},
         {
-          id: "service-photo",
-          title: "Immagini che Lasciano il Segno",
-          content: "Ottimizzo e perfeziono le tue fotografie, curando ogni dettaglio con Photoshop e Lightroom per assicurare una qualità visiva eccezionale che esalti il tuo messaggio.",
-        },
+          id: "service-photo",          title: "Immagini che Lasciano il Segno",          content: "Ottimizzo e perfeziono le tue fotografie, curando ogni dettaglio con Photoshop e Lightroom per assicurare una qualità visiva eccezionale che esalti il tuo messaggio."},
         {
-          id: "service-digitalpack",
-          title: "La Tua Presenza Digitale Completa",
-          content: "Offro una soluzione integrata che unisce sviluppo web, videoproduzione e post-produzione fotografica per un brand online coerente, potente e visivamente impeccabile.",
-        },
+          id: "service-digitalpack",          title: "La Tua Presenza Digitale Completa",          content: "Offro una soluzione integrata che unisce sviluppo web, videoproduzione e post-produzione fotografica per un brand online coerente, potente e visivamente impeccabile."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038907.jpg"
       imageAlt="Web Development and Video Production"
@@ -167,65 +122,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          brand: "Web Development",
-          name: "E-commerce Moderno",
-          price: "Progetto Clienti",
-          rating: 5,
-          reviewCount: "Personalizzato",
-          imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg",
-          imageAlt: "Progetto E-commerce",
-        },
+          id: "p1",          brand: "Web Development",          name: "E-commerce Moderno",          price: "Progetto Clienti",          rating: 5,
+          reviewCount: "Personalizzato",          imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg",          imageAlt: "Progetto E-commerce"},
         {
-          id: "p2",
-          brand: "Video Production",
-          name: "Video Aziendale Creativo",
-          price: "Progetto Clienti",
-          rating: 5,
-          reviewCount: "Personalizzato",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377327.jpg",
-          imageAlt: "Video Aziendale",
-        },
+          id: "p2",          brand: "Video Production",          name: "Video Aziendale Creativo",          price: "Progetto Clienti",          rating: 5,
+          reviewCount: "Personalizzato",          imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377327.jpg",          imageAlt: "Video Aziendale"},
         {
-          id: "p3",
-          brand: "Photo Editing",
-          name: "Serie Fotografica Artistica",
-          price: "Progetto Personale",
-          rating: 5,
-          reviewCount: "Originale",
-          imageSrc: "http://img.b2bpic.net/free-photo/bridge-river-bare-trees_414077-5.jpg",
-          imageAlt: "Foto Artistica",
-        },
+          id: "p3",          brand: "Photo Editing",          name: "Serie Fotografica Artistica",          price: "Progetto Personale",          rating: 5,
+          reviewCount: "Originale",          imageSrc: "http://img.b2bpic.net/free-photo/bridge-river-bare-trees_414077-5.jpg",          imageAlt: "Foto Artistica"},
         {
-          id: "p4",
-          brand: "Web App",
-          name: "Dashboard Interattiva SaaS",
-          price: "Progetto Personale",
-          rating: 5,
-          reviewCount: "Innovativo",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
-          imageAlt: "Dashboard SaaS",
-        },
+          id: "p4",          brand: "Web App",          name: "Dashboard Interattiva SaaS",          price: "Progetto Personale",          rating: 5,
+          reviewCount: "Innovativo",          imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",          imageAlt: "Dashboard SaaS"},
         {
-          id: "p5",
-          brand: "Video Editing",
-          name: "Cortometraggio Cinematico",
-          price: "Progetto Personale",
-          rating: 5,
-          reviewCount: "Creativo",
-          imageSrc: "http://img.b2bpic.net/free-photo/cinema-concept-with-reel-tickets_23-2147989024.jpg",
-          imageAlt: "Cortometraggio",
-        },
+          id: "p5",          brand: "Video Editing",          name: "Cortometraggio Cinematico",          price: "Progetto Personale",          rating: 5,
+          reviewCount: "Creativo",          imageSrc: "http://img.b2bpic.net/free-photo/cinema-concept-with-reel-tickets_23-2147989024.jpg",          imageAlt: "Cortometraggio"},
         {
-          id: "p6",
-          brand: "Photo Retouching",
-          name: "Ritratti Professionali",
-          price: "Progetto Clienti",
-          rating: 5,
-          reviewCount: "Eccellente",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-female_23-2148870757.jpg",
-          imageAlt: "Ritratti",
-        },
+          id: "p6",          brand: "Photo Retouching",          name: "Ritratti Professionali",          price: "Progetto Clienti",          rating: 5,
+          reviewCount: "Eccellente",          imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-female_23-2148870757.jpg",          imageAlt: "Ritratti"},
       ]}
       title="I Miei Progetti in Evidenza"
       description="Una selezione dei miei lavori, dove la logica dello sviluppo si fonde con l'estetica della creazione visiva per risultati che contano."
@@ -238,17 +151,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "HTML5",
-        "CSS3",
-        "JavaScript",
-        "React",
-        "WordPress",
-        "Webflow",
-        "Premiere Pro",
-        "DaVinci Resolve",
-        "Photoshop",
-        "Lightroom",
-      ]}
+        "HTML5",        "CSS3",        "JavaScript",        "React",        "WordPress",        "Webflow",        "Premiere Pro",        "DaVinci Resolve",        "Photoshop",        "Lightroom"]}
       title="Strumenti e Tecnologie che Domino"
       description="Un'esperienza consolidata con le migliori piattaforme e software, sia per lo sviluppo che per la creazione visiva."
       tag="Le Mie Competenze"
@@ -264,40 +167,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Marco Rossi",
-          handle: "@marcorossi_tech",
-          testimonial: "Angelo ha trasformato la mia idea in un sito web eccezionale. La sua attenzione ai dettagli e la capacità di combinare codice pulito con un design accattivante sono impareggiabili.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-        },
+          id: "1",          name: "Marco Rossi",          handle: "@marcorossi_tech",          testimonial: "Angelo ha trasformato la mia idea in un sito web eccezionale. La sua attenzione ai dettagli e la capacità di combinare codice pulito con un design accattivante sono impareggiabili.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
         {
-          id: "2",
-          name: "Giulia Bianchi",
-          handle: "@giulia_creative",
-          testimonial: "Il video promozionale che Angelo ha realizzato per la mia attività ha superato ogni aspettativa. Ha catturato perfettamente l'essenza del mio brand con una qualità cinematografica.",
-          imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-editing-documents-his-personal-laptop_482257-120646.jpg",
-        },
+          id: "2",          name: "Giulia Bianchi",          handle: "@giulia_creative",          testimonial: "Il video promozionale che Angelo ha realizzato per la mia attività ha superato ogni aspettativa. Ha catturato perfettamente l'essenza del mio brand con una qualità cinematografica.",          imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-editing-documents-his-personal-laptop_482257-120646.jpg"},
         {
-          id: "3",
-          name: "Luca Verdi",
-          handle: "@lucaverdi_dev",
-          testimonial: "Collaborare con Angelo è stato un piacere. La sua expertise in React ha reso lo sviluppo della nostra web app rapido ed efficiente, con risultati visivi sorprendenti.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-pink-shirt-jeans-holding-calculator-while-showing-success-gesture-looking-merry-front-view_176474-99029.jpg",
-        },
+          id: "3",          name: "Luca Verdi",          handle: "@lucaverdi_dev",          testimonial: "Collaborare con Angelo è stato un piacere. La sua expertise in React ha reso lo sviluppo della nostra web app rapido ed efficiente, con risultati visivi sorprendenti.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-pink-shirt-jeans-holding-calculator-while-showing-success-gesture-looking-merry-front-view_176474-99029.jpg"},
         {
-          id: "4",
-          name: "Sara Neri",
-          handle: "@sara_artphoto",
-          testimonial: "Le mie fotografie non sono mai state così vibranti! La post-produzione di Angelo ha elevato ogni scatto, valorizzando colori e dettagli con maestria artistica.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
-        },
+          id: "4",          name: "Sara Neri",          handle: "@sara_artphoto",          testimonial: "Le mie fotografie non sono mai state così vibranti! La post-produzione di Angelo ha elevato ogni scatto, valorizzando colori e dettagli con maestria artistica.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg"},
         {
-          id: "5",
-          name: "Paolo Gialli",
-          handle: "@paolo_digital",
-          testimonial: "Angelo non è solo un developer, è un vero artista digitale. Il suo 'Full Digital Pack' è stata la scelta perfetta per il lancio del mio progetto: un'esperienza completa e senza stress.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vertical-picture-attractive-happy-caucasian-woman-with-wet-hair-combed-back-make-up-posing-indoors-with-glass-bottle-cold-sweet-soda-drink-refreshing-herself-hot-busyday_343059-3177.jpg",
-        },
+          id: "5",          name: "Paolo Gialli",          handle: "@paolo_digital",          testimonial: "Angelo non è solo un developer, è un vero artista digitale. Il suo 'Full Digital Pack' è stata la scelta perfetta per il lancio del mio progetto: un'esperienza completa e senza stress.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vertical-picture-attractive-happy-caucasian-woman-with-wet-hair-combed-back-make-up-posing-indoors-with-glass-bottle-cold-sweet-soda-drink-refreshing-herself-hot-busyday_343059-3177.jpg"},
       ]}
       title="Dicono di Me"
       description="Ecco cosa pensano clienti e collaboratori della mia professionalità e del mio approccio unico."
@@ -311,30 +189,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "Quali linguaggi di programmazione utilizzi?",
-          content: "Sono specializzato in **HTML**, **CSS**, **JavaScript** e **React**. Utilizzo anche piattaforme come **WordPress** e **Webflow** per soluzioni rapide e personalizzate.",
-        },
+          id: "q1",          title: "Quali linguaggi di programmazione utilizzi?",          content: "Sono specializzato in **HTML**, **CSS**, **JavaScript** e **React**. Utilizzo anche piattaforme come **WordPress** e **Webflow** per soluzioni rapide e personalizzate."},
         {
-          id: "q2",
-          title: "Che software usi per la creazione visiva?",
-          content: "Per la produzione e il montaggio video, lavoro principalmente con **Premiere Pro** e **DaVinci Resolve**. Per il photo editing e la post-produzione, le mie scelte sono **Photoshop** e **Lightroom**.",
-        },
+          id: "q2",          title: "Che software usi per la creazione visiva?",          content: "Per la produzione e il montaggio video, lavoro principalmente con **Premiere Pro** e **DaVinci Resolve**. Per il photo editing e la post-produzione, le mie scelte sono **Photoshop** e **Lightroom**."},
         {
-          id: "q3",
-          title: "Offri servizi combinati di sviluppo e creatività?",
-          content: "Assolutamente sì! Il mio punto di forza è proprio l'integrazione di queste due competenze. Posso curare la tua presenza digitale a 360°, dallo sviluppo del sito alla creazione di contenuti visivi.",
-        },
+          id: "q3",          title: "Offri servizi combinati di sviluppo e creatività?",          content: "Assolutamente sì! Il mio punto di forza è proprio l'integrazione di queste due competenze. Posso curare la tua presenza digitale a 360°, dallo sviluppo del sito alla creazione di contenuti visivi."},
         {
-          id: "q4",
-          title: "Come posso richiedere un preventivo o una consulenza?",
-          content: "Puoi compilare il modulo di contatto in questa pagina, inviarmi una email diretta, o contattarmi tramite i miei profili social. Sarò felice di discutere il tuo progetto!",
-        },
+          id: "q4",          title: "Come posso richiedere un preventivo o una consulenza?",          content: "Puoi compilare il modulo di contatto in questa pagina, inviarmi una email diretta, o contattarmi tramite i miei profili social. Sarò felice di discutere il tuo progetto!"},
         {
-          id: "q5",
-          title: "Qual è il tuo approccio ai progetti?",
-          content: "Mi baso sulla precisione e l'attenzione ai dettagli, unendo logica tecnica e storytelling visivo. Credo nella trasparenza e nella comunicazione costante con il cliente per garantire risultati eccellenti.",
-        },
+          id: "q5",          title: "Qual è il tuo approccio ai progetti?",          content: "Mi baso sulla precisione e l'attenzione ai dettagli, unendo logica tecnica e storytelling visivo. Credo nella trasparenza e nella comunicazione costante con il cliente per garantire risultati eccellenti."},
       ]}
       title="Domande Frequenti"
       description="Qui trovi le risposte alle domande più comuni sui miei servizi e sul mio approccio."
@@ -347,8 +210,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Iniziamo"
       title="Collaboriamo Insieme"
       description="Hai un'idea che unisce tech e creatività? Contattami oggi stesso per trasformarla in realtà!"
@@ -368,19 +230,13 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Linkedin,
-          href: "https://linkedin.com/in/angelo",
-          ariaLabel: "LinkedIn",
-        },
+          href: "https://linkedin.com/in/angelo",          ariaLabel: "LinkedIn"},
         {
           icon: Github,
-          href: "https://github.com/angelo",
-          ariaLabel: "GitHub",
-        },
+          href: "https://github.com/angelo",          ariaLabel: "GitHub"},
         {
           icon: Instagram,
-          href: "https://instagram.com/angelo",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com/angelo",          ariaLabel: "Instagram"},
       ]}
     />
   </div>