Merge version_1 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, CheckCircle, Cloud, Leaf, MapPin, Users } from "lucide-react";
|
||||
import { Award, CheckCircle, Cloud, Leaf, MapPin, Users, Satellite } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Impact", id: "metrics" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="CO2Libri"
|
||||
/>
|
||||
@@ -55,64 +43,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Rigenerazione Climatica con CO2Libri"
|
||||
description="Trasformiamo il cambiamento climatico in opportunità. La nostra missione è restituire al pianeta l'equilibrio che merita attraverso progetti di riforestazione certificati."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri i Progetti",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-hand-with-magnifying-glass-forest_23-2147770958.jpg?_wi=1"
|
||||
buttons={[{ text: "Scopri i Progetti", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-hand-with-magnifying-glass-forest_23-2147770958.jpg"
|
||||
imageAlt="Paesaggio forestale rigenerato"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plants-growing-water_1353-234.jpg",
|
||||
alt: "Plants growing on the water",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-beautiful-couple-against-greenery_181624-30563.jpg",
|
||||
alt: "Picture of a beautiful couple against the greenery",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-small-leaf-with-blurred-green-background_23-2148236745.jpg",
|
||||
alt: "Cute small leaf with blurred green background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/overhead-shot-forest-with-tall-green-trees-winter_181624-18284.jpg",
|
||||
alt: "Overhead shot of a forest with tall green trees during winter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hand-with-magnifying-glass-forest_23-2147770958.jpg",
|
||||
alt: "lush forest landscape nature conservation",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/plants-growing-water_1353-234.jpg", alt: "Plants growing on the water" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/picture-beautiful-couple-against-greenery_181624-30563.jpg", alt: "Picture of a beautiful couple against the greenery" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-small-leaf-with-blurred-green-background_23-2148236745.jpg", alt: "Cute small leaf with blurred green background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/overhead-shot-forest-with-tall-green-trees-winter_181624-18284.jpg", alt: "Overhead shot of a forest with tall green trees during winter" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crop-hand-with-magnifying-glass-forest_23-2147770958.jpg", alt: "lush forest landscape nature conservation" },
|
||||
]}
|
||||
avatarText="Unisciti a oltre 10.000 sostenitori"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certificazioni Gold",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Impatto Globale",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trasparenza Totale",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Riforestazione Certificata",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tecnologia Sostenibile",
|
||||
},
|
||||
{ type: "text", text: "Certificazioni Gold" },
|
||||
{ type: "text", text: "Impatto Globale" },
|
||||
{ type: "text", text: "Trasparenza Totale" },
|
||||
{ type: "text", text: "Riforestazione Certificata" },
|
||||
{ type: "text", text: "Tecnologia Sostenibile" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,12 +72,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="La nostra missione è il futuro del pianeta"
|
||||
buttons={[
|
||||
{
|
||||
text: "Leggi di più",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Leggi di più", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,27 +83,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Alberi Piantati",
|
||||
description: "Rigenerazione boschiva certificata",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450K",
|
||||
title: "CO2 Assorbita",
|
||||
description: "Tonnellate equivalenti all'anno",
|
||||
icon: Cloud,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85",
|
||||
title: "Progetti Attivi",
|
||||
description: "Comunità locali coinvolte",
|
||||
icon: Users,
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", title: "Alberi Piantati", description: "Rigenerazione boschiva certificata", icon: Leaf },
|
||||
{ id: "m2", value: "450K", title: "CO2 Assorbita", description: "Tonnellate equivalenti all'anno", icon: Cloud },
|
||||
{ id: "m3", value: "85", title: "Progetti Attivi", description: "Comunità locali coinvolte", icon: Users },
|
||||
]}
|
||||
title="Il nostro impatto concreto"
|
||||
description="Numeri reali dietro ogni albero piantato."
|
||||
@@ -171,46 +99,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tracciabilità Totale",
|
||||
description: "Ogni albero è geo-localizzato e monitorato tramite satellite.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100332.jpg",
|
||||
imageAlt: "Dashboard dati",
|
||||
},
|
||||
title: "Tracciabilità Totale", description: "Ogni albero è geo-localizzato e monitorato tramite satellite.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100332.jpg", imageAlt: "Dashboard dati"},
|
||||
items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "GPS locale",
|
||||
},
|
||||
{
|
||||
icon: Satellite,
|
||||
text: "Monitoraggio satellitare",
|
||||
},
|
||||
{ icon: MapPin, text: "GPS locale" },
|
||||
{ icon: Satellite, text: "Monitoraggio satellitare" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-with-magnifying-glass-forest_23-2147770958.jpg?_wi=2",
|
||||
imageAlt: "carbon data visualization digital interface",
|
||||
},
|
||||
{
|
||||
title: "Certificazione Internazionale",
|
||||
description: "Standard rigorosi garantiscono l'effettivo assorbimento della CO2.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
|
||||
imageAlt: "Certificazioni",
|
||||
},
|
||||
title: "Certificazione Internazionale", description: "Standard rigorosi garantiscono l'effettivo assorbimento della CO2.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg", imageAlt: "Certificazioni"},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Standard Gold",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Verifiche indipendenti",
|
||||
},
|
||||
{ icon: Award, text: "Standard Gold" },
|
||||
{ icon: CheckCircle, text: "Verifiche indipendenti" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earth-day-environment-concept-eco-concept_185193-108905.jpg",
|
||||
imageAlt: "carbon data visualization digital interface",
|
||||
},
|
||||
]}
|
||||
title="Perché scegliere CO2Libri"
|
||||
@@ -224,60 +128,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna Rossi",
|
||||
role: "CEO",
|
||||
company: "Green Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-thinking-about-eco-friendly-wind-power-project-with-wind-turbines_23-2148847794.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marco Verdi",
|
||||
role: "Founder",
|
||||
company: "Sustain Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149546182.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Bianchi",
|
||||
role: "Policy Maker",
|
||||
company: "Gov Energy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Luca Neri",
|
||||
role: "Educator",
|
||||
company: "Edu Planet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-checking-clipboard-list_23-2148357598.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Gialli",
|
||||
role: "Architect",
|
||||
company: "Green Build",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-construction-plan-with-copy-space_23-2148269821.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Anna Rossi", role: "CEO", company: "Green Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-thinking-about-eco-friendly-wind-power-project-with-wind-turbines_23-2148847794.jpg" },
|
||||
{ id: "t2", name: "Marco Verdi", role: "Founder", company: "Sustain Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149546182.jpg" },
|
||||
{ id: "t3", name: "Elena Bianchi", role: "Policy Maker", company: "Gov Energy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg" },
|
||||
{ id: "t4", name: "Luca Neri", role: "Educator", company: "Edu Planet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-checking-clipboard-list_23-2148357598.jpg" },
|
||||
{ id: "t5", name: "Sofia Gialli", role: "Architect", company: "Green Build", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-holding-construction-plan-with-copy-space_23-2148269821.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Clienti Soddisfatti",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Supporto Dedicato",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Rating Medio",
|
||||
},
|
||||
{ value: "100%", label: "Clienti Soddisfatti" },
|
||||
{ value: "24h", label: "Supporto Dedicato" },
|
||||
{ value: "5.0", label: "Rating Medio" },
|
||||
]}
|
||||
title="Cosa dicono di noi"
|
||||
description="Partners che hanno già scelto la sostenibilità reale."
|
||||
@@ -289,14 +149,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Innovate Corp",
|
||||
"Blue Earth",
|
||||
"Global Green",
|
||||
"Eco Future",
|
||||
"Sustainable Life",
|
||||
"Nature Plus",
|
||||
"Climate Focus",
|
||||
]}
|
||||
"Innovate Corp", "Blue Earth", "Global Green", "Eco Future", "Sustainable Life", "Nature Plus", "Climate Focus"]}
|
||||
title="Partners Strategici"
|
||||
description="Collaboriamo con leader nel settore per un impatto globale."
|
||||
/>
|
||||
@@ -306,21 +159,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Come posso verificare il mio albero?",
|
||||
content: "Tramite l'area utente puoi accedere alle coordinate GPS e foto aggiornate.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quali sono i tempi di crescita?",
|
||||
content: "Il progetto garantisce monitoraggio per 10 anni minimo.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Posso piantare alberi come azienda?",
|
||||
content: "Sì, offriamo pacchetti corporate con report di impatto annuali.",
|
||||
},
|
||||
{ id: "f1", title: "Come posso verificare il mio albero?", content: "Tramite l'area utente puoi accedere alle coordinate GPS e foto aggiornate." },
|
||||
{ id: "f2", title: "Quali sono i tempi di crescita?", content: "Il progetto garantisce monitoraggio per 10 anni minimo." },
|
||||
{ id: "f3", title: "Posso piantare alberi come azienda?", content: "Sì, offriamo pacchetti corporate con report di impatto annuali." },
|
||||
]}
|
||||
sideTitle="Domande Frequenti"
|
||||
sideDescription="Tutto quello che devi sapere sulla riforestazione."
|
||||
@@ -331,16 +172,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Pronto a fare la differenza?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contattaci Ora",
|
||||
href: "mailto:info@co2libri.earth",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contattaci Ora", href: "mailto:info@co2libri.earth" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -348,36 +182,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="CO2Libri"
|
||||
columns={[
|
||||
{
|
||||
title: "Progetti",
|
||||
items: [
|
||||
{
|
||||
label: "Riforestazione",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Impatto",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Azienda",
|
||||
items: [
|
||||
{
|
||||
label: "Chi Siamo",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Partner",
|
||||
href: "#social-proof",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Progetti", items: [{ label: "Riforestazione", href: "#about" }, { label: "Impatto", href: "#metrics" }] },
|
||||
{ title: "Azienda", items: [{ label: "Chi Siamo", href: "#about" }, { label: "Partner", href: "#social-proof" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user