252 lines
13 KiB
TypeScript
252 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Bell, Briefcase, Edit2, Feather, Lightbulb, Monitor, Palette } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Servizi", id: "#services"},
|
|
{
|
|
name: "Portfolio", id: "#portfolio"},
|
|
{
|
|
name: "Chi Siamo", id: "#about"},
|
|
{
|
|
name: "Contatti", id: "#contact"},
|
|
]}
|
|
brandName="Vivodesign"
|
|
button={{
|
|
text: "Richiedi un preventivo", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
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: "300+", label: "Clienti Soddisfatti"},
|
|
{
|
|
value: "8+", label: "Anni di Esperienza"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
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/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/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"},
|
|
]}
|
|
avatarText="Unisciti ai nostri clienti di successo!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Branding", icon: Feather,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Graphic Design", icon: Edit2,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Web Design", icon: Monitor,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Marketing Digitale", icon: Bell,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Consulenza Creativa", icon: Lightbulb,
|
|
},
|
|
]}
|
|
showMarqueeCard={true}
|
|
marqueeSpeed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
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: "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: "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="I Nostri Servizi"
|
|
description="Offriamo una gamma completa di servizi di design strategici per elevare la tua presenza sul mercato."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Chi Siamo"
|
|
title="Vivodesign: Creatività e Strategia al tuo Servizio"
|
|
description="Siamo uno studio di design italiano con sede in Emilia-Romagna, specializzato nel creare soluzioni visive su misura per le aziende. Il nostro approccio è basato su professionalità, innovazione e una profonda comprensione delle esigenze dei nostri clienti."
|
|
subdescription="Collaboriamo strettamente con le aziende per trasformare le loro visioni in realtà tangibili, garantendo un impatto significativo sulla loro immagine e sul loro posizionamento di mercato."
|
|
icon={Lightbulb}
|
|
imageSrc="http://img.b2bpic.net/free-photo/working-place-businessman_23-2147833278.jpg"
|
|
imageAlt="Modern and clean design studio interior"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
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: "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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Palette,
|
|
title: "Design su Misura", value: "Unico"},
|
|
{
|
|
id: "m2", icon: Lightbulb,
|
|
title: "Focus sui Risultati", value: "Strategico"},
|
|
{
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<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: "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: "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"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "98%", label: "Soddisfazione Clienti"},
|
|
{
|
|
value: "500+", label: "Progetti Completati"},
|
|
{
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Vivodesign"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Termini di Servizio", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|