Merge version_1 into main #2
146
src/app/page.tsx
146
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Come Funziona",
|
||||
id: "about",
|
||||
},
|
||||
name: "Come Funziona", id: "about"},
|
||||
{
|
||||
name: "Perché Civizen",
|
||||
id: "features",
|
||||
},
|
||||
name: "Perché Civizen", id: "features"},
|
||||
{
|
||||
name: "Domande",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Domande", id: "faq"},
|
||||
]}
|
||||
brandName="CIVIZEN"
|
||||
/>
|
||||
@@ -52,34 +44,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Trasforma la tua città con CIVIZEN"
|
||||
description="Segnala i problemi urbani, contribuisci alla cura del tuo territorio e guadagna punti premi. Insieme rendiamo la città un posto migliore."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scarica l'App",
|
||||
href: "#",
|
||||
},
|
||||
text: "Scarica l'App", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525512-v8elw0wf.png?_wi=1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525512-v8elw0wf.png"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525513-3iwr7r8g.png",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525513-3iwr7r8g.png"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525513-sby73myu.png",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525513-sby73myu.png"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525513-4xlyt39w.png",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525513-4xlyt39w.png"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525513-buc6jfcx.png",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525513-buc6jfcx.png"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/a-high-quality-3d-render-of-a-smartphone-1774858553399-00d2f86f.png",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/a-high-quality-3d-render-of-a-smartphone-1774858553399-00d2f86f.png"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,17 +77,11 @@ export default function LandingPage() {
|
||||
description="Un processo semplice in tre passaggi per migliorare la tua comunità locale. Segnala, invia e risolvi."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Segnala",
|
||||
description: "Scatta una foto a un problema (una buca, un lampione rotto) direttamente tramite l'app.",
|
||||
},
|
||||
title: "Segnala", description: "Scatta una foto a un problema (una buca, un lampione rotto) direttamente tramite l'app."},
|
||||
{
|
||||
title: "Invia",
|
||||
description: "Invia la segnalazione agli uffici comunali competenti con un solo tocco.",
|
||||
},
|
||||
title: "Invia", description: "Invia la segnalazione agli uffici comunali competenti con un solo tocco."},
|
||||
{
|
||||
title: "Risolvi",
|
||||
description: "Guarda il progresso della risoluzione e guadagna punti per il tuo impegno civico.",
|
||||
},
|
||||
title: "Risolvi", description: "Guarda il progresso della risoluzione e guadagna punti per il tuo impegno civico."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/concept-of-civic-participation-with-a-gr-1774858551947-b6688171.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -117,29 +95,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ecosistema Completo",
|
||||
description: "Un portale unico per cittadini, comuni e attività locali.",
|
||||
icon: Globe,
|
||||
title: "Ecosistema Completo", description: "Un portale unico per cittadini, comuni e attività locali.", icon: Globe,
|
||||
},
|
||||
{
|
||||
title: "Dialogo Aperto",
|
||||
description: "Canali diretti con l'amministrazione per una risoluzione rapida.",
|
||||
icon: MessageSquare,
|
||||
title: "Dialogo Aperto", description: "Canali diretti con l'amministrazione per una risoluzione rapida.", icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
title: "Gamification Positiva",
|
||||
description: "Ricevi badge e sconti convertibili in attività commerciali locali.",
|
||||
icon: Award,
|
||||
title: "Gamification Positiva", description: "Ricevi badge e sconti convertibili in attività commerciali locali.", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Impatto Reale",
|
||||
description: "Ogni segnalazione contribuisce a un ambiente urbano più sicuro.",
|
||||
icon: Zap,
|
||||
title: "Impatto Reale", description: "Ogni segnalazione contribuisce a un ambiente urbano più sicuro.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Comunità Attiva",
|
||||
description: "Partecipa e vedi i risultati in tempo reale.",
|
||||
icon: Users,
|
||||
title: "Comunità Attiva", description: "Partecipa e vedi i risultati in tempo reale.", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Perché CIVIZEN è diversa"
|
||||
@@ -154,40 +122,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marco Rossi",
|
||||
role: "Cittadino Attivo",
|
||||
testimonial: "Finalmente un modo semplice per segnalare le buche della mia via!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-woman-coat-dreamily-looking-camera-outdoor_574295-2145.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Marco Rossi", role: "Cittadino Attivo", testimonial: "Finalmente un modo semplice per segnalare le buche della mia via!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-woman-coat-dreamily-looking-camera-outdoor_574295-2145.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Giulia Bianchi",
|
||||
role: "Assessore Comunale",
|
||||
testimonial: "CIVIZEN ci aiuta a gestire le segnalazioni in modo efficiente e trasparente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg",
|
||||
},
|
||||
id: "t2", name: "Giulia Bianchi", role: "Assessore Comunale", testimonial: "CIVIZEN ci aiuta a gestire le segnalazioni in modo efficiente e trasparente.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Luca Verdi",
|
||||
role: "Commerciante",
|
||||
testimonial: "I punti ricevuti dai cittadini portano più clienti nel mio negozio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-confident-woman-with-afro-hairstyle-posing-studio_176420-29155.jpg",
|
||||
},
|
||||
id: "t3", name: "Luca Verdi", role: "Commerciante", testimonial: "I punti ricevuti dai cittadini portano più clienti nel mio negozio.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-confident-woman-with-afro-hairstyle-posing-studio_176420-29155.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna Neri",
|
||||
role: "Studente",
|
||||
testimonial: "È gratificante vedere la mia città più curata grazie al mio piccolo contributo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg",
|
||||
},
|
||||
id: "t4", name: "Anna Neri", role: "Studente", testimonial: "È gratificante vedere la mia città più curata grazie al mio piccolo contributo.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Stefano Rinaldi",
|
||||
role: "Architetto Urbano",
|
||||
testimonial: "Strumento indispensabile per la pianificazione e il decoro urbano moderno.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-woman-coat-dreamily-looking-camera-outdoor_574295-2145.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Stefano Rinaldi", role: "Architetto Urbano", testimonial: "Strumento indispensabile per la pianificazione e il decoro urbano moderno.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-woman-coat-dreamily-looking-camera-outdoor_574295-2145.jpg"},
|
||||
]}
|
||||
title="Cosa dicono i nostri utenti"
|
||||
description="Le testimonianze di chi ha già reso la propria città un posto migliore."
|
||||
@@ -199,20 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "È gratuito?",
|
||||
content: "Sì, CIVIZEN è completamente gratuita per i cittadini.",
|
||||
},
|
||||
id: "f1", title: "È gratuito?", content: "Sì, CIVIZEN è completamente gratuita per i cittadini."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Come riscatto i premi?",
|
||||
content: "I punti guadagnati possono essere trasformati in sconti presso le attività aderenti.",
|
||||
},
|
||||
id: "f2", title: "Come riscatto i premi?", content: "I punti guadagnati possono essere trasformati in sconti presso le attività aderenti."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quali città sono coperte?",
|
||||
content: "Stiamo espandendo la copertura su tutto il territorio nazionale.",
|
||||
},
|
||||
id: "f3", title: "Quali città sono coperte?", content: "Stiamo espandendo la copertura su tutto il territorio nazionale."},
|
||||
]}
|
||||
sideTitle="Domande Frequenti"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -221,32 +155,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525512-v8elw0wf.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenWVUznxf0onV4UJ4bMfYQisq/uploaded-1774858525512-v8elw0wf.png"
|
||||
columns={[
|
||||
{
|
||||
title: "App",
|
||||
items: [
|
||||
title: "App", items: [
|
||||
{
|
||||
label: "Download",
|
||||
href: "#",
|
||||
},
|
||||
label: "Download", href: "#"},
|
||||
{
|
||||
label: "Funzionalità",
|
||||
href: "#",
|
||||
},
|
||||
label: "Funzionalità", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Azienda",
|
||||
items: [
|
||||
title: "Azienda", items: [
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contatti", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user