bender/cd78d046-49f2-4b19-b9b4-440af6401d80
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-12 13:11:55 +00:00
parent ac6fd0ad9e b94235623c
commit 41597c5fd6
1 changed files with 46 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

236
src/app/page.tsx
View File

@@ -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>