Update src/app/page.tsx

This commit is contained in:
2026-05-30 12:14:58 +00:00
parent af01211756
commit 5309bea4df

View File

@@ -34,45 +34,27 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/high-angle-woman-creating-vision-board_23-2149934525.jpg"
logoAlt="Webild Portfolio Logo"
brandName="Webild Portfolio"
button={{
text: "Inizia Ora",
href: "#contact",
}}
text: "Inizia Ora", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -80,42 +62,21 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Dai Vita alle Tue Idee Digitali"
description="Creiamo esperienze web straordinarie. Design innovativo, sviluppo robusto e soluzioni su misura per il tuo successo online."
tag="Sviluppo Web di Qualità"
buttons={[
{
text: "Scopri di più",
href: "#about",
},
text: "Scopri di più", href: "#about"},
{
text: "Contattaci",
href: "#contact",
},
text: "Contattaci", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-discussing-digital-tablet_1170-2971.jpg",
imageAlt: "Creative web development workspace",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-discussing-digital-tablet_1170-2971.jpg", imageAlt: "Creative web development workspace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/responsive-design-layout-software-concept_53876-124325.jpg",
imageAlt: "Responsive web design across devices",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-workmates-discussing-business-strategy-startup-office-colleagues-working-project-planning-presentation-company-development-growth-brainstorming-ideas_482257-40347.jpg",
imageAlt: "Diverse group of workmates discussing business strategy in startup office.",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-tablet_1170-77.jpg",
imageAlt: "Workers looking at a tablet",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1689.jpg",
imageAlt: "Colleagues smiling, speaking, discussing drawings, new ideas in office",
},
imageSrc: "http://img.b2bpic.net/free-photo/responsive-design-layout-software-concept_53876-124325.jpg", imageAlt: "Responsive web design across devices"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -128,9 +89,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Chi Siamo"
description={[
"Siamo un team di designer e sviluppatori appassionati, dedicati a trasformare le tue visioni in realtà digitali. Con anni di esperienza nel settore, ci impegniamo a fornire soluzioni creative e funzionali.",
"Ogni progetto è un'opportunità per superare le aspettative, combinando estetica e performance per siti web che non solo appaiono fantastici, ma funzionano perfettamente su ogni dispositivo.",
]}
"Siamo un team di designer e sviluppatori appassionati, dedicati a trasformare le tue visioni in realtà digitali. Con anni di esperienza nel settore, ci impegniamo a fornire soluzioni creative e funzionali.", "Ogni progetto è un'opportunità per superare le aspettative, combinando estetica e performance per siti web che non solo appaiono fantastici, ma funzionano perfettamente su ogni dispositivo."]}
showBorder={false}
/>
</div>
@@ -141,23 +100,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Design Personalizzato",
description: "Creiamo design unici e su misura che riflettono la tua identità e catturano l'attenzione.",
imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-frame-with-directional-arrow-blue-background_23-2147873514.jpg",
imageAlt: "Custom design icon",
},
title: "Design Personalizzato", description: "Creiamo design unici e su misura che riflettono la tua identità e catturano l'attenzione.", imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-frame-with-directional-arrow-blue-background_23-2147873514.jpg", imageAlt: "Custom design icon"},
{
title: "Sviluppo Responsive",
description: "Siti web ottimizzati per ogni dispositivo, garantendo un'esperienza utente impeccabile su desktop, tablet e mobile.",
imageSrc: "http://img.b2bpic.net/free-photo/web-design-template-copy-space-concept_53876-120756.jpg",
imageAlt: "Responsive development icon",
},
title: "Sviluppo Responsive", description: "Siti web ottimizzati per ogni dispositivo, garantendo un'esperienza utente impeccabile su desktop, tablet e mobile.", imageSrc: "http://img.b2bpic.net/free-photo/web-design-template-copy-space-concept_53876-120756.jpg", imageAlt: "Responsive development icon"},
{
title: "Ottimizzazione SEO",
description: "Miglioriamo la visibilità del tuo sito sui motori di ricerca per raggiungere un pubblico più ampio.",
imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123993.jpg",
imageAlt: "SEO optimization icon",
},
title: "Ottimizzazione SEO", description: "Miglioriamo la visibilità del tuo sito sui motori di ricerca per raggiungere un pubblico più ampio.", imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123993.jpg", imageAlt: "SEO optimization icon"},
]}
title="I Nostri Servizi"
description="Offriamo una gamma completa di servizi per dare vita al tuo progetto web, dalla concettualizzazione alla realizzazione finale."
@@ -169,14 +116,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Tech Solutions",
"Innovate Hub",
"Global Dynamics",
"Creative Minds",
"Future Forward",
"Synergy Corp",
"Visionary Works",
]}
"Tech Solutions", "Innovate Hub", "Global Dynamics", "Creative Minds", "Future Forward", "Synergy Corp", "Visionary Works"]}
title="Partner e Collaborazioni"
description="Abbiamo collaborato con aziende di diverse dimensioni, aiutandole a raggiungere i loro obiettivi digitali con successo."
showCard={true}
@@ -190,64 +130,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Maria Rossi",
role: "CEO, TechCorp",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-businesswoman_1098-16346.jpg",
imageAlt: "Maria Rossi",
},
id: "1", name: "Maria Rossi", role: "CEO, TechCorp", company: "TechCorp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-businesswoman_1098-16346.jpg", imageAlt: "Maria Rossi"},
{
id: "2",
name: "Luca Bianchi",
role: "Marketing Director, Global Innovations",
company: "Global Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
imageAlt: "Luca Bianchi",
},
id: "2", name: "Luca Bianchi", role: "Marketing Director, Global Innovations", company: "Global Innovations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageAlt: "Luca Bianchi"},
{
id: "3",
name: "Sofia Verdi",
role: "Founder, Creative Agency",
company: "Creative Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-middle-aged-ladies-watching-video_74855-2933.jpg",
imageAlt: "Sofia Verdi",
},
id: "3", name: "Sofia Verdi", role: "Founder, Creative Agency", company: "Creative Agency", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-middle-aged-ladies-watching-video_74855-2933.jpg", imageAlt: "Sofia Verdi"},
{
id: "4",
name: "Giuseppe Neri",
role: "Project Lead, Digital Solutions",
company: "Digital Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
imageAlt: "Giuseppe Neri",
},
id: "4", name: "Giuseppe Neri", role: "Project Lead, Digital Solutions", company: "Digital Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", imageAlt: "Giuseppe Neri"},
{
id: "5",
name: "Anna Gialli",
role: "E-commerce Manager, Online Success",
company: "Online Success",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-content-maker-woman-blogger-recording-video-digital-camera-showing-lipstick_1258-255014.jpg",
imageAlt: "Anna Gialli",
},
id: "5", name: "Anna Gialli", role: "E-commerce Manager, Online Success", company: "Online Success", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-content-maker-woman-blogger-recording-video-digital-camera-showing-lipstick_1258-255014.jpg", imageAlt: "Anna Gialli"},
]}
kpiItems={[
{
value: "100+",
label: "Progetti Completati",
},
value: "100+", label: "Progetti Completati"},
{
value: "98%",
label: "Soddisfazione Cliente",
},
value: "98%", label: "Soddisfazione Cliente"},
{
value: "5 Anni",
label: "Di Esperienza",
},
value: "5 Anni", label: "Di Esperienza"},
]}
title="Cosa Dicono i Nostri Clienti"
description="La soddisfazione dei nostri clienti è la nostra priorità. Leggi le loro esperienze e scopri come possiamo aiutarti."
@@ -262,65 +166,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "E-commerce",
name: "Shopify Store Moderno",
price: "Personalizzato",
rating: 5,
reviewCount: "25 recensioni",
imageSrc: "http://img.b2bpic.net/free-photo/girl-shopping_1303-3526.jpg",
imageAlt: "Modern E-commerce Website",
},
id: "p1", brand: "E-commerce", name: "Shopify Store Moderno", price: "Personalizzato", rating: 5,
reviewCount: "25 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/girl-shopping_1303-3526.jpg", imageAlt: "Modern E-commerce Website"},
{
id: "p2",
brand: "Aziendale",
name: "Sito Vetrina Dinamico",
price: "Personalizzato",
rating: 5,
reviewCount: "18 recensioni",
imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-landing-page_23-2150842493.jpg",
imageAlt: "Dynamic Corporate Website",
},
id: "p2", brand: "Aziendale", name: "Sito Vetrina Dinamico", price: "Personalizzato", rating: 5,
reviewCount: "18 recensioni", imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-landing-page_23-2150842493.jpg", imageAlt: "Dynamic Corporate Website"},
{
id: "p3",
brand: "E-Learning",
name: "Piattaforma Corsi Online",
price: "Personalizzato",
rating: 4.8,
reviewCount: "12 recensioni",
imageSrc: "http://img.b2bpic.net/free-photo/education-school-studies-learning-graphics-concept_53876-132559.jpg",
imageAlt: "Online Course Platform",
},
id: "p3", brand: "E-Learning", name: "Piattaforma Corsi Online", price: "Personalizzato", rating: 4.8,
reviewCount: "12 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/education-school-studies-learning-graphics-concept_53876-132559.jpg", imageAlt: "Online Course Platform"},
{
id: "p4",
brand: "Ristorazione",
name: "Sito Ristorante Interattivo",
price: "Personalizzato",
rating: 4.9,
reviewCount: "30 recensioni",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg",
imageAlt: "Interactive Restaurant Website",
},
id: "p4", brand: "Ristorazione", name: "Sito Ristorante Interattivo", price: "Personalizzato", rating: 4.9,
reviewCount: "30 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg", imageAlt: "Interactive Restaurant Website"},
{
id: "p5",
brand: "Creativo",
name: "Portfolio Design Unico",
price: "Personalizzato",
rating: 5,
reviewCount: "22 recensioni",
imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-banners-pack_1051-675.jpg",
imageAlt: "Unique Design Portfolio",
},
id: "p5", brand: "Creativo", name: "Portfolio Design Unico", price: "Personalizzato", rating: 5,
reviewCount: "22 recensioni", imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-banners-pack_1051-675.jpg", imageAlt: "Unique Design Portfolio"},
{
id: "p6",
brand: "Immobiliare",
name: "Portale Proprietà Avanzato",
price: "Personalizzato",
rating: 4.7,
reviewCount: "15 recensioni",
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-property-investment-concept_53876-133709.jpg",
imageAlt: "Advanced Real Estate Portal",
},
id: "p6", brand: "Immobiliare", name: "Portale Proprietà Avanzato", price: "Personalizzato", rating: 4.7,
reviewCount: "15 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-property-investment-concept_53876-133709.jpg", imageAlt: "Advanced Real Estate Portal"},
]}
title="I Nostri Ultimi Lavori"
description="Esplora una selezione dei nostri progetti più recenti che dimostrano la nostra versatilità e competenza nel web design e sviluppo."
@@ -334,63 +196,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Inizio",
badgeIcon: Sparkles,
price: "€499+",
subtitle: "Ideale per avviare la tua presenza online.",
buttons: [
id: "basic", badge: "Inizio", badgeIcon: Sparkles,
price: "€499+", subtitle: "Ideale per avviare la tua presenza online.", buttons: [
{
text: "Scopri Dettagli",
href: "#contact",
},
text: "Scopri Dettagli", href: "#contact"},
],
features: [
"Design Reattivo",
"Base SEO",
"Integrazione Social Media",
"Supporto Standard",
],
"Design Reattivo", "Base SEO", "Integrazione Social Media", "Supporto Standard"],
},
{
id: "pro",
badge: "Popolare",
badgeIcon: Star,
price: "€999+",
subtitle: "La soluzione completa per aziende in crescita.",
buttons: [
id: "pro", badge: "Popolare", badgeIcon: Star,
price: "€999+", subtitle: "La soluzione completa per aziende in crescita.", buttons: [
{
text: "Scopri Dettagli",
href: "#contact",
},
text: "Scopri Dettagli", href: "#contact"},
],
features: [
"Tutte le funzionalità Base",
"CMS Personalizzato",
"Ottimizzazione Avanzata",
"Supporto Prioritario",
"Analisi Traffico",
],
"Tutte le funzionalità Base", "CMS Personalizzato", "Ottimizzazione Avanzata", "Supporto Prioritario", "Analisi Traffico"],
},
{
id: "enterprise",
badge: "Premium",
badgeIcon: Award,
price: "Personalizzato",
subtitle: "Per esigenze complesse e soluzioni su misura.",
buttons: [
id: "enterprise", badge: "Premium", badgeIcon: Award,
price: "Personalizzato", subtitle: "Per esigenze complesse e soluzioni su misura.", buttons: [
{
text: "Contattaci",
href: "#contact",
},
text: "Contattaci", href: "#contact"},
],
features: [
"Tutte le funzionalità Pro",
"Sviluppo Funzionalità Custom",
"Integrazioni API",
"Consulenza Dedicata",
"Manutenzione Continua",
],
"Tutte le funzionalità Pro", "Sviluppo Funzionalità Custom", "Integrazioni API", "Consulenza Dedicata", "Manutenzione Continua"],
},
]}
title="Piani Flessibili"
@@ -404,20 +234,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "Quanto tempo ci vuole per creare un sito web?",
content: "I tempi di realizzazione variano in base alla complessità del progetto. Un sito vetrina semplice può richiedere 2-4 settimane, mentre progetti più complessi con funzionalità personalizzate possono richiedere 8-12 settimane o più.",
},
id: "faq1", title: "Quanto tempo ci vuole per creare un sito web?", content: "I tempi di realizzazione variano in base alla complessità del progetto. Un sito vetrina semplice può richiedere 2-4 settimane, mentre progetti più complessi con funzionalità personalizzate possono richiedere 8-12 settimane o più."},
{
id: "faq2",
title: "Quali sono i costi di un sito web?",
content: "I costi dipendono dalle funzionalità richieste, dal design e dal numero di pagine. Offriamo piani flessibili e preventivi personalizzati per adattarci al tuo budget e alle tue esigenze specifiche.",
},
id: "faq2", title: "Quali sono i costi di un sito web?", content: "I costi dipendono dalle funzionalità richieste, dal design e dal numero di pagine. Offriamo piani flessibili e preventivi personalizzati per adattarci al tuo budget e alle tue esigenze specifiche."},
{
id: "faq3",
title: "Offrite servizi di manutenzione e supporto?",
content: "Sì, offriamo pacchetti di manutenzione e supporto post-lancio per garantire che il tuo sito rimanga sempre aggiornato, sicuro e performante. Questo include aggiornamenti software, backup e assistenza tecnica.",
},
id: "faq3", title: "Offrite servizi di manutenzione e supporto?", content: "Sì, offriamo pacchetti di manutenzione e supporto post-lancio per garantire che il tuo sito rimanga sempre aggiornato, sicuro e performante. Questo include aggiornamenti software, backup e assistenza tecnica."},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-african-american-businessman-his-colleagues-examining-reports-meeting-office_637285-2670.jpg"
imageAlt="FAQ and customer support illustration"
@@ -435,32 +256,21 @@ export default function LandingPage() {
description="Siamo pronti ad ascoltare la tua idea e trasformarla in realtà. Compila il modulo qui sotto e ti contatteremo presto per discutere del tuo progetto."
inputs={[
{
name: "name",
type: "text",
placeholder: "Il tuo Nome",
required: true,
name: "name", type: "text", placeholder: "Il tuo Nome", required: true,
},
{
name: "email",
type: "email",
placeholder: "La tua Email",
required: true,
name: "email", type: "email", placeholder: "La tua Email", required: true,
},
{
name: "subject",
type: "text",
placeholder: "Oggetto",
},
name: "subject", type: "text", placeholder: "Oggetto"},
]}
textarea={{
name: "message",
placeholder: "Il tuo messaggio...",
rows: 5,
name: "message", placeholder: "Il tuo messaggio...", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/customer-service-representative_23-2151933144.jpg"
imageAlt="Illustration of online communication and contact"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Invia Messaggio"
/>
@@ -473,62 +283,37 @@ export default function LandingPage() {
logoText="Webild Portfolio"
columns={[
{
title: "Servizi",
items: [
title: "Servizi", items: [
{
label: "Web Design",
href: "#services",
},
label: "Web Design", href: "#services"},
{
label: "Sviluppo Front-end",
href: "#services",
},
label: "Sviluppo Front-end", href: "#services"},
{
label: "Sviluppo Back-end",
href: "#services",
},
label: "Sviluppo Back-end", href: "#services"},
{
label: "SEO & Marketing",
href: "#services",
},
label: "SEO & Marketing", href: "#services"},
],
},
{
title: "Azienda",
items: [
title: "Azienda", items: [
{
label: "Chi Siamo",
href: "#about",
},
label: "Chi Siamo", href: "#about"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
{
label: "Testimonianze",
href: "#testimonials",
},
label: "Testimonianze", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Contatti",
items: [
title: "Contatti", items: [
{
label: "Contattaci",
href: "#contact",
},
label: "Contattaci", href: "#contact"},
{
label: "Invia Email",
href: "mailto:info@webild.com",
},
label: "Invia Email", href: "mailto:info@webild.com"},
{
label: "Preventivo Gratuito",
href: "#contact",
},
label: "Preventivo Gratuito", href: "#contact"},
],
},
]}