Update src/app/page.tsx
This commit is contained in:
203
src/app/page.tsx
203
src/app/page.tsx
@@ -3,12 +3,12 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Database } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Progetto",
|
||||
id: "/progetto",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Fonti",
|
||||
id: "/fonti",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Progetto", id: "/progetto" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Fonti", id: "/fonti" },
|
||||
]}
|
||||
brandName="Aria di Casa"
|
||||
/>
|
||||
@@ -51,99 +39,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Aria di Casa"
|
||||
description="Un'indagine visiva sul respiro quotidiano nel cuore del Veneto. L'aria che respiriamo, il problema che ignoriamo."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Leonardo Rinaldi",
|
||||
handle: "@autor",
|
||||
testimonial: "Un progetto audiovisivo civico.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg?_wi=1",
|
||||
imageAlt: "cinematic abstract fog atmosphere blue",
|
||||
},
|
||||
{
|
||||
name: "ARPAV",
|
||||
handle: "@data",
|
||||
testimonial: "Dati confermano lo stato di criticità.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-flowing-cyber-particles_1048-16343.jpg?_wi=1",
|
||||
imageAlt: "data visualization graph minimalist",
|
||||
},
|
||||
{
|
||||
name: "Osservatore",
|
||||
handle: "@civico",
|
||||
testimonial: "Il reel trasforma la quotidianità.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-green-substance_23-2148253655.jpg?_wi=1",
|
||||
imageAlt: "abstract industrial environmental concept",
|
||||
},
|
||||
{
|
||||
name: "Analisi",
|
||||
handle: "@territorio",
|
||||
testimonial: "L'inquinamento non è un'eccezione.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg?_wi=2",
|
||||
imageAlt: "cinematic abstract fog atmosphere blue",
|
||||
},
|
||||
{
|
||||
name: "Ricerca",
|
||||
handle: "@ambiente",
|
||||
testimonial: "Percezione del reale oltre il dato.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-flowing-cyber-particles_1048-16343.jpg?_wi=2",
|
||||
imageAlt: "data visualization graph minimalist",
|
||||
},
|
||||
{ name: "Leonardo Rinaldi", handle: "@autor", testimonial: "Un progetto audiovisivo civico.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg", imageAlt: "cinematic abstract fog atmosphere blue" },
|
||||
{ name: "ARPAV", handle: "@data", testimonial: "Dati confermano lo stato di criticità.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-flowing-cyber-particles_1048-16343.jpg", imageAlt: "data visualization graph minimalist" },
|
||||
{ name: "Osservatore", handle: "@civico", testimonial: "Il reel trasforma la quotidianità.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-green-substance_23-2148253655.jpg", imageAlt: "abstract industrial environmental concept" },
|
||||
{ name: "Analisi", handle: "@territorio", testimonial: "L'inquinamento non è un'eccezione.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg", imageAlt: "cinematic abstract fog atmosphere blue" },
|
||||
{ name: "Ricerca", handle: "@ambiente", testimonial: "Percezione del reale oltre il dato.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-flowing-cyber-particles_1048-16343.jpg", imageAlt: "data visualization graph minimalist" },
|
||||
]}
|
||||
tag="Reel Civico 2025"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-heavy-azure-fog-dark-liquid_23-2148101977.jpg", alt: "User 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Monitoraggio Civico",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dati ARPAV",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Analisi Ambientale",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sostenibilità Locale",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Presa di Coscienza",
|
||||
},
|
||||
{ type: "text", text: "Monitoraggio Civico" },
|
||||
{ type: "text", text: "Dati ARPAV" },
|
||||
{ type: "text", text: "Analisi Ambientale" },
|
||||
{ type: "text", text: "Sostenibilità Locale" },
|
||||
{ type: "text", text: "Presa di Coscienza" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,57 +75,14 @@ export default function LandingPage() {
|
||||
title="Il contesto in numeri"
|
||||
tag="Dati ARPAV"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "PM2.5",
|
||||
description: "Superamento costante dei limiti OMS nella pianura.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "365",
|
||||
description: "Giorni di monitoraggio costante sul territorio.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
description: "La gravità percepita come normalità quotidiana.",
|
||||
},
|
||||
{ id: "1", value: "PM2.5", description: "Superamento costante dei limiti OMS nella pianura." },
|
||||
{ id: "2", value: "365", description: "Giorni di monitoraggio costante sul territorio." },
|
||||
{ id: "3", value: "100%", description: "La gravità percepita come normalità quotidiana." },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
title="Domande Frequenti"
|
||||
sideTitle="Info Progetto"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Cosa è Aria di Casa?",
|
||||
content: "Un progetto di sensibilizzazione civica.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quali dati usate?",
|
||||
content: "Utilizziamo dati ufficiali ARPAV.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Dove si svolge?",
|
||||
content: "Principalmente nel territorio veneto.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "È un progetto scolastico?",
|
||||
content: "Sì, realizzato presso Liceo Boscardin.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
@@ -214,16 +92,8 @@ export default function LandingPage() {
|
||||
title="Impatto Visivo"
|
||||
description="Statistiche sull'impatto digitale del reel."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Visualizzazioni uniche",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12",
|
||||
description: "Interviste raccolte",
|
||||
},
|
||||
{ id: "1", value: "500+", description: "Visualizzazioni uniche" },
|
||||
{ id: "2", value: "12", description: "Interviste raccolte" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -233,23 +103,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Contattami"
|
||||
description="Hai feedback o proposte per il progetto?"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-green-substance_23-2148253655.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-green-substance_23-2148253655.jpg"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Nome" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Scrivi un messaggio",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Scrivi un messaggio" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user