Merge version_1 into main #1
254
src/app/page.tsx
254
src/app/page.tsx
@@ -32,113 +32,72 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Servizi", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Chi Siamo",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Chi Siamo", id: "#about"},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contatti", id: "#contact"},
|
||||
]}
|
||||
brandName="Vivodesign"
|
||||
button={{
|
||||
text: "Richiedi un preventivo",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Richiedi un preventivo", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Design che valorizza il tuo business"
|
||||
description="Trasformiamo le tue idee in identità visive uniche, strumenti di comunicazione efficaci e un'immagine professionale che stimola la crescita."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Qualità Garantita",
|
||||
},
|
||||
value: "100%", label: "Qualità Garantita"},
|
||||
{
|
||||
value: "300+",
|
||||
label: "Clienti Soddisfatti",
|
||||
},
|
||||
value: "300+", label: "Clienti Soddisfatti"},
|
||||
{
|
||||
value: "8+",
|
||||
label: "Anni di Esperienza",
|
||||
},
|
||||
value: "8+", label: "Anni di Esperienza"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Richiedi un preventivo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Richiedi un preventivo", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-workspace-with-various-elements_23-2148043261.jpg"
|
||||
imageAlt="Modern graphic design studio workspace"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-work_23-2149304146.jpg",
|
||||
alt: "Professionista soddisfatta",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-work_23-2149304146.jpg", alt: "Professionista soddisfatta"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
|
||||
alt: "Cliente entusiasta",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", alt: "Cliente entusiasta"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
alt: "Partner strategico",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", alt: "Partner strategico"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Collaboratore fidato",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Collaboratore fidato"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",
|
||||
alt: "Direttore creativo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", alt: "Direttore creativo"},
|
||||
]}
|
||||
avatarText="Unisciti ai nostri clienti di successo!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Branding",
|
||||
icon: Feather,
|
||||
type: "text-icon", text: "Branding", icon: Feather,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Graphic Design",
|
||||
icon: Edit2,
|
||||
type: "text-icon", text: "Graphic Design", icon: Edit2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Web Design",
|
||||
icon: Monitor,
|
||||
type: "text-icon", text: "Web Design", icon: Monitor,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Marketing Digitale",
|
||||
icon: Bell,
|
||||
type: "text-icon", text: "Marketing Digitale", icon: Bell,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Consulenza Creativa",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "Consulenza Creativa", icon: Lightbulb,
|
||||
},
|
||||
]}
|
||||
showMarqueeCard={true}
|
||||
@@ -152,35 +111,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Branding e Identità Visiva",
|
||||
description: "Creiamo loghi, palette colori e linee guida complete per una brand identity coerente e memorabile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440907.jpg",
|
||||
imageAlt: "Branding identity concept with minimalist logo",
|
||||
},
|
||||
title: "Branding e Identità Visiva", description: "Creiamo loghi, palette colori e linee guida complete per una brand identity coerente e memorabile.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440907.jpg", imageAlt: "Branding identity concept with minimalist logo"},
|
||||
{
|
||||
title: "Graphic Design (Stampa e Digitale)",
|
||||
description: "Realizziamo materiali di comunicazione efficaci, dal design per stampa a quello digitale per ogni piattaforma.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320710.jpg",
|
||||
imageAlt: "Graphic design elements for print and digital media",
|
||||
},
|
||||
title: "Graphic Design (Stampa e Digitale)", description: "Realizziamo materiali di comunicazione efficaci, dal design per stampa a quello digitale per ogni piattaforma.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320710.jpg", imageAlt: "Graphic design elements for print and digital media"},
|
||||
{
|
||||
title: "Social Media Design",
|
||||
description: "Sviluppiamo grafiche accattivanti e coerenti per i tuoi canali social, aumentando l'engagement e la visibilità.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-agency-corporate-facebook-cover-banner-template_120329-6497.jpg",
|
||||
imageAlt: "Social media content design with engaging graphics",
|
||||
},
|
||||
title: "Social Media Design", description: "Sviluppiamo grafiche accattivanti e coerenti per i tuoi canali social, aumentando l'engagement e la visibilità.", imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-agency-corporate-facebook-cover-banner-template_120329-6497.jpg", imageAlt: "Social media content design with engaging graphics"},
|
||||
{
|
||||
title: "Materiali Pubblicitari",
|
||||
description: "Progettiamo campagne pubblicitarie, brochure, flyer e banner che catturano l'attenzione e comunicano il tuo messaggio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-colored-papers_1398-104.jpg",
|
||||
imageAlt: "Advertising materials design with creative layout",
|
||||
},
|
||||
title: "Materiali Pubblicitari", description: "Progettiamo campagne pubblicitarie, brochure, flyer e banner che catturano l'attenzione e comunicano il tuo messaggio.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-colored-papers_1398-104.jpg", imageAlt: "Advertising materials design with creative layout"},
|
||||
{
|
||||
title: "Consulenza Creativa",
|
||||
description: "Ti guidiamo con strategie e idee innovative per ottimizzare la tua comunicazione visiva e raggiungere i tuoi obiettivi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-looking-tablet-discussing-new-ideas-office_176420-1724.jpg",
|
||||
imageAlt: "Creative consulting session with clients",
|
||||
},
|
||||
title: "Consulenza Creativa", description: "Ti guidiamo con strategie e idee innovative per ottimizzare la tua comunicazione visiva e raggiungere i tuoi obiettivi.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-looking-tablet-discussing-new-ideas-office_176420-1724.jpg", imageAlt: "Creative consulting session with clients"},
|
||||
]}
|
||||
title="I Nostri Servizi"
|
||||
description="Offriamo una gamma completa di servizi di design strategici per elevare la tua presenza sul mercato."
|
||||
@@ -209,47 +148,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brand Identity Minimal",
|
||||
price: "Su Richiesta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",
|
||||
imageAlt: "Minimalist logo and branding design",
|
||||
},
|
||||
id: "p1", name: "Brand Identity Minimal", price: "Su Richiesta", imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg", imageAlt: "Minimalist logo and branding design"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Web Design Moderno",
|
||||
price: "Su Richiesta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/responsive-design-layout-software-concept_53876-124325.jpg",
|
||||
imageAlt: "Modern website UI/UX design",
|
||||
},
|
||||
id: "p2", name: "Web Design Moderno", price: "Su Richiesta", imageSrc: "http://img.b2bpic.net/free-photo/responsive-design-layout-software-concept_53876-124325.jpg", imageAlt: "Modern website UI/UX design"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Packaging Esclusivo",
|
||||
price: "Su Richiesta",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/kombucha-template-design_23-2150946077.jpg",
|
||||
imageAlt: "Exclusive product packaging design",
|
||||
},
|
||||
id: "p3", name: "Packaging Esclusivo", price: "Su Richiesta", imageSrc: "http://img.b2bpic.net/free-psd/kombucha-template-design_23-2150946077.jpg", imageAlt: "Exclusive product packaging design"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Social Media Campaign",
|
||||
price: "Su Richiesta",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cleaning-services-instagram-post_23-2150133995.jpg",
|
||||
imageAlt: "Social media marketing campaign graphics",
|
||||
},
|
||||
id: "p4", name: "Social Media Campaign", price: "Su Richiesta", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cleaning-services-instagram-post_23-2150133995.jpg", imageAlt: "Social media marketing campaign graphics"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Brochure Aziendale",
|
||||
price: "Su Richiesta",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ma952u",
|
||||
imageAlt: "Professional corporate brochure design",
|
||||
},
|
||||
id: "p5", name: "Brochure Aziendale", price: "Su Richiesta", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ma952u", imageAlt: "Professional corporate brochure design"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grafica Eventi",
|
||||
price: "Su Richiesta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-black-lives-matter-concept_23-2148913879.jpg",
|
||||
imageAlt: "Creative poster design for an event",
|
||||
},
|
||||
id: "p6", name: "Grafica Eventi", price: "Su Richiesta", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-black-lives-matter-concept_23-2148913879.jpg", imageAlt: "Creative poster design for an event"},
|
||||
]}
|
||||
title="Il Nostro Portfolio"
|
||||
description="Una selezione dei nostri progetti più recenti, che dimostrano la nostra versatilità e attenzione ai dettagli in ogni campo del design."
|
||||
@@ -263,23 +172,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Palette,
|
||||
title: "Design su Misura",
|
||||
value: "Unico",
|
||||
},
|
||||
id: "m1", icon: Palette,
|
||||
title: "Design su Misura", value: "Unico"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Lightbulb,
|
||||
title: "Focus sui Risultati",
|
||||
value: "Strategico",
|
||||
},
|
||||
id: "m2", icon: Lightbulb,
|
||||
title: "Focus sui Risultati", value: "Strategico"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Briefcase,
|
||||
title: "Esperienza con Aziende",
|
||||
value: "Affidabile",
|
||||
},
|
||||
id: "m3", icon: Briefcase,
|
||||
title: "Esperienza con Aziende", value: "Affidabile"},
|
||||
]}
|
||||
title="Perché Scegliere Vivodesign"
|
||||
description="Il tuo partner strategico per un design che lascia il segno e genera valore per il tuo business."
|
||||
@@ -290,66 +190,31 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Luca Rossi",
|
||||
role: "CEO",
|
||||
company: "Innovatech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg",
|
||||
videoAriaLabel: "Testimonial video from Luca Rossi",
|
||||
},
|
||||
id: "t1", name: "Luca Rossi", role: "CEO", company: "Innovatech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg", videoAriaLabel: "Testimonial video from Luca Rossi"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Giulia Bianchi",
|
||||
role: "Marketing Director",
|
||||
company: "Fashionista",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
videoAriaLabel: "Testimonial video from Giulia Bianchi",
|
||||
},
|
||||
id: "t2", name: "Giulia Bianchi", role: "Marketing Director", company: "Fashionista", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", videoAriaLabel: "Testimonial video from Giulia Bianchi"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marco Verdi",
|
||||
role: "Brand Manager",
|
||||
company: "Food&Joy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg",
|
||||
videoAriaLabel: "Testimonial video from Marco Verdi",
|
||||
},
|
||||
id: "t3", name: "Marco Verdi", role: "Brand Manager", company: "Food&Joy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg", videoAriaLabel: "Testimonial video from Marco Verdi"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Silvia Neri",
|
||||
role: "Founder",
|
||||
company: "EcoLuxe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-white-cups-with-inscription_169016-3272.jpg",
|
||||
videoAriaLabel: "Testimonial video from Silvia Neri",
|
||||
},
|
||||
id: "t4", name: "Silvia Neri", role: "Founder", company: "EcoLuxe", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-white-cups-with-inscription_169016-3272.jpg", videoAriaLabel: "Testimonial video from Silvia Neri"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Andrea Gialli",
|
||||
role: "Project Lead",
|
||||
company: "DigitalCraft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dialogue-executives_1098-749.jpg",
|
||||
videoAriaLabel: "Testimonial video from Andrea Gialli",
|
||||
},
|
||||
id: "t5", name: "Andrea Gialli", role: "Project Lead", company: "DigitalCraft", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dialogue-executives_1098-749.jpg", videoAriaLabel: "Testimonial video from Andrea Gialli"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Soddisfazione Clienti",
|
||||
},
|
||||
value: "98%", label: "Soddisfazione Clienti"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Progetti Completati",
|
||||
},
|
||||
value: "500+", label: "Progetti Completati"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Anni di Esperienza",
|
||||
},
|
||||
value: "10+", label: "Anni di Esperienza"},
|
||||
]}
|
||||
title="Cosa Dicono i Nostri Clienti"
|
||||
description="Le storie di successo delle aziende che hanno scelto Vivodesign per elevare la loro immagine e raggiungere nuovi obiettivi."
|
||||
@@ -360,16 +225,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contattaci"
|
||||
title="Porta la tua immagine al livello successivo"
|
||||
description="Siamo pronti ad ascoltare le tue idee e a creare un progetto di design su misura per il tuo business. Scrivici o compila il form."
|
||||
buttons={[
|
||||
{
|
||||
text: "Richiedi un preventivo",
|
||||
href: "mailto:vivodesignstudios@gmail.com",
|
||||
},
|
||||
text: "Richiedi un preventivo", href: "mailto:vivodesignstudios@gmail.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -378,13 +240,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Vivodesign"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Termini di Servizio",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Termini di Servizio", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user