Update src/app/page.tsx
This commit is contained in:
232
src/app/page.tsx
232
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Chi siamo",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Chi siamo", id: "#about"},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Servizi", id: "#features"},
|
||||
{
|
||||
name: "Applicazioni",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Applicazioni", id: "#products"},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contatti", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/gradient-logo-template-with-abstract-shape_52683-14447.jpg"
|
||||
logoAlt="PenG Logo"
|
||||
@@ -61,44 +51,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="L'Eccellenza nell'Automazione Industriale"
|
||||
description="PenG è specializzata nell'automazione industriale di sistemi basati su PLC dei principali costruttori (Mitsubishi® Siemens® ecc.) e in sistemi basati su schede PC con applicazioni in Windows® per diverse apparecchiature."
|
||||
tag="Soluzioni Innovative per l'Industria"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri i Servizi",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Scopri i Servizi", href: "#features"},
|
||||
{
|
||||
text: "Contattaci",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contattaci", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masked-hacker-sneaking-into-solar-panel-plant-night-steal-equipment_482257-119274.jpg",
|
||||
imageAlt: "Futuristic factory floor with robotic arms",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masked-hacker-sneaking-into-solar-panel-plant-night-steal-equipment_482257-119274.jpg", imageAlt: "Futuristic factory floor with robotic arms"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23248.jpg",
|
||||
imageAlt: "Close-up of a modern PLC panel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-units-high-tech-solar-panel-warehouse-3d-illustration_482257-77941.jpg",
|
||||
imageAlt: "Heavy machinery units in high tech solar panel warehouse 3D illustration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-using-vr-tech-simulation-monitor-solar-panel-plant-assembly-lines_482257-119386.jpg",
|
||||
imageAlt: "Technician using VR tech simulation to monitor solar panel plant assembly lines",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tracking-software-displayed-monitor-industry-40-industrial-plant_482257-120661.jpg",
|
||||
imageAlt: "Tracking software displayed on monitor in industry 40 industrial plant",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23248.jpg", imageAlt: "Close-up of a modern PLC panel"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
@@ -126,29 +95,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sistemi PLC (Mitsubishi®, Siemens®)",
|
||||
description: "Sviluppo e implementazione di logiche di controllo su PLC dei principali costruttori per l'automazione dei processi industriali.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-technology-background_23-2148882617.jpg",
|
||||
imageAlt: "PLC systems automation concept",
|
||||
},
|
||||
title: "Sistemi PLC (Mitsubishi®, Siemens®)", description: "Sviluppo e implementazione di logiche di controllo su PLC dei principali costruttori per l'automazione dei processi industriali.", imageSrc: "http://img.b2bpic.net/free-photo/green-technology-background_23-2148882617.jpg", imageAlt: "PLC systems automation concept"},
|
||||
{
|
||||
title: "Sistemi basati su PC Windows®",
|
||||
description: "Realizzazione di applicazioni software personalizzate per il controllo e la gestione di apparecchiature in ambiente Windows®.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg",
|
||||
imageAlt: "Windows automation software interface",
|
||||
},
|
||||
title: "Sistemi basati su PC Windows®", description: "Realizzazione di applicazioni software personalizzate per il controllo e la gestione di apparecchiature in ambiente Windows®.", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg", imageAlt: "Windows automation software interface"},
|
||||
{
|
||||
title: "Progettazione Elettronica Custom",
|
||||
description: "Dalla fase di ideazione alla produzione, progettiamo schede elettroniche su misura per esigenze specifiche di automazione.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105562.jpg",
|
||||
imageAlt: "Custom electronic board design",
|
||||
},
|
||||
title: "Progettazione Elettronica Custom", description: "Dalla fase di ideazione alla produzione, progettiamo schede elettroniche su misura per esigenze specifiche di automazione.", imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105562.jpg", imageAlt: "Custom electronic board design"},
|
||||
{
|
||||
title: "Controllo Motori Avanzato",
|
||||
description: "Soluzioni complete per il controllo di motori, inclusi sistemi di posizionamento, velocità e coppia per applicazioni industriali.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-767.jpg",
|
||||
imageAlt: "Advanced motor control systems",
|
||||
},
|
||||
title: "Controllo Motori Avanzato", description: "Soluzioni complete per il controllo di motori, inclusi sistemi di posizionamento, velocità e coppia per applicazioni industriali.", imageSrc: "http://img.b2bpic.net/free-photo/car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-767.jpg", imageAlt: "Advanced motor control systems"},
|
||||
]}
|
||||
title="I Nostri Servizi e Progetti"
|
||||
description="Offriamo una gamma completa di servizi, dalla progettazione all'implementazione, garantendo sistemi robusti e performanti per l'automazione industriale."
|
||||
@@ -165,53 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Automazione Assemblaggio",
|
||||
price: "Progetto su misura",
|
||||
variant: "Sistemi Robotici",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-leader-doing-induction-new-trainees-industry-40-photovoltaics-plant_482257-126721.jpg",
|
||||
imageAlt: "Robotic arm assembling components",
|
||||
},
|
||||
id: "p1", name: "Automazione Assemblaggio", price: "Progetto su misura", variant: "Sistemi Robotici", imageSrc: "http://img.b2bpic.net/free-photo/team-leader-doing-induction-new-trainees-industry-40-photovoltaics-plant_482257-126721.jpg", imageAlt: "Robotic arm assembling components"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Controllo Qualità Ottico",
|
||||
price: "Soluzione Personalizzata",
|
||||
variant: "Ispezione Visione",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-researcher-working-with-magnifier_23-2148925543.jpg",
|
||||
imageAlt: "Automated optical inspection system",
|
||||
},
|
||||
id: "p2", name: "Controllo Qualità Ottico", price: "Soluzione Personalizzata", variant: "Ispezione Visione", imageSrc: "http://img.b2bpic.net/free-photo/close-up-researcher-working-with-magnifier_23-2148925543.jpg", imageAlt: "Automated optical inspection system"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Movimentazione Materiali",
|
||||
price: "Richiedi un preventivo",
|
||||
variant: "AGV e Convogliatori",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151210992.jpg",
|
||||
imageAlt: "Automated guided vehicle in warehouse",
|
||||
},
|
||||
id: "p3", name: "Movimentazione Materiali", price: "Richiedi un preventivo", variant: "AGV e Convogliatori", imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151210992.jpg", imageAlt: "Automated guided vehicle in warehouse"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Controllo di Processo Continuo",
|
||||
price: "Contattaci",
|
||||
variant: "SCADA e HMI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23700.jpg",
|
||||
imageAlt: "Industrial process control system interface",
|
||||
},
|
||||
id: "p4", name: "Controllo di Processo Continuo", price: "Contattaci", variant: "SCADA e HMI", imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23700.jpg", imageAlt: "Industrial process control system interface"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gestione Energetica Intelligente",
|
||||
price: "Consulenza gratuita",
|
||||
variant: "Ottimizzazione Consumi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/call-center-agent-smart-factory-using-headset-assist-remotely-with-maintenance-queries_482257-136126.jpg",
|
||||
imageAlt: "Intelligent energy management system for factory",
|
||||
},
|
||||
id: "p5", name: "Gestione Energetica Intelligente", price: "Consulenza gratuita", variant: "Ottimizzazione Consumi", imageSrc: "http://img.b2bpic.net/free-photo/call-center-agent-smart-factory-using-headset-assist-remotely-with-maintenance-queries_482257-136126.jpg", imageAlt: "Intelligent energy management system for factory"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Acquisizione Dati Industriali",
|
||||
price: "Specifiche su richiesta",
|
||||
variant: "Sistemi di Monitoraggio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meticulous-repairman-crypto-farm_482257-75927.jpg",
|
||||
imageAlt: "Modern data acquisition system with sensors",
|
||||
},
|
||||
id: "p6", name: "Acquisizione Dati Industriali", price: "Specifiche su richiesta", variant: "Sistemi di Monitoraggio", imageSrc: "http://img.b2bpic.net/free-photo/meticulous-repairman-crypto-farm_482257-75927.jpg", imageAlt: "Modern data acquisition system with sensors"},
|
||||
]}
|
||||
title="Le Nostre Soluzioni in Azione"
|
||||
description="Scoprite come le nostre applicazioni innovative hanno trasformato l'efficienza operativa in diversi settori industriali."
|
||||
@@ -227,40 +144,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Progetti Completati",
|
||||
items: [
|
||||
"Soluzioni innovative",
|
||||
"Consegna puntuale",
|
||||
],
|
||||
id: "m1", value: "150+", title: "Progetti Completati", items: [
|
||||
"Soluzioni innovative", "Consegna puntuale"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Soddisfazione Clienti",
|
||||
items: [
|
||||
"Feedback positivi",
|
||||
"Partnership durature",
|
||||
],
|
||||
id: "m2", value: "100%", title: "Soddisfazione Clienti", items: [
|
||||
"Feedback positivi", "Partnership durature"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Anni di Esperienza",
|
||||
items: [
|
||||
"Competenza consolidata",
|
||||
"Aggiornamento costante",
|
||||
],
|
||||
id: "m3", value: "20+", title: "Anni di Esperienza", items: [
|
||||
"Competenza consolidata", "Aggiornamento costante"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "80%",
|
||||
title: "Efficienza Migliorata",
|
||||
items: [
|
||||
"Processi ottimizzati",
|
||||
"Costi ridotti",
|
||||
],
|
||||
id: "m4", value: "80%", title: "Efficienza Migliorata", items: [
|
||||
"Processi ottimizzati", "Costi ridotti"],
|
||||
},
|
||||
]}
|
||||
title="I Nostri Risultati Parlano da Soli"
|
||||
@@ -278,45 +175,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marco Rossi",
|
||||
role: "CEO",
|
||||
company: "Fabbrica Futura",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",
|
||||
},
|
||||
id: "t1", name: "Marco Rossi", role: "CEO", company: "Fabbrica Futura", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Laura Bianchi",
|
||||
role: "CTO",
|
||||
company: "Tech Automazione",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-wearing-virtual-reality-glasses_1150-16864.jpg",
|
||||
},
|
||||
id: "t2", name: "Laura Bianchi", role: "CTO", company: "Tech Automazione", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-wearing-virtual-reality-glasses_1150-16864.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Giovanni Verdi",
|
||||
role: "Responsabile Produzione",
|
||||
company: "Impianti S.p.A.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg",
|
||||
},
|
||||
id: "t3", name: "Giovanni Verdi", role: "Responsabile Produzione", company: "Impianti S.p.A.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Silvia Neri",
|
||||
role: "Capo R&D",
|
||||
company: "Robotica Avanzata",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-futuristic-business-environment_23-2150970213.jpg",
|
||||
},
|
||||
id: "t4", name: "Silvia Neri", role: "Capo R&D", company: "Robotica Avanzata", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-futuristic-business-environment_23-2150970213.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Andrea Gialli",
|
||||
role: "Direttore Operativo",
|
||||
company: "Logistica Smart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-with-finance-chart_1232-2752.jpg",
|
||||
},
|
||||
id: "t5", name: "Andrea Gialli", role: "Direttore Operativo", company: "Logistica Smart", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-with-finance-chart_1232-2752.jpg"},
|
||||
]}
|
||||
title="Cosa Dicono i Nostri Clienti"
|
||||
description="La soddisfazione dei nostri clienti è la nostra priorità. Leggete le loro esperienze con le soluzioni di automazione PenG."
|
||||
@@ -330,14 +202,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Mitsubishi Electric",
|
||||
"Siemens Industry",
|
||||
"Schneider Electric",
|
||||
"ABB Robotics",
|
||||
"Omron Automation",
|
||||
"Rockwell Automation",
|
||||
"Keyence",
|
||||
]}
|
||||
"Mitsubishi Electric", "Siemens Industry", "Schneider Electric", "ABB Robotics", "Omron Automation", "Rockwell Automation", "Keyence"]}
|
||||
title="I Nostri Partner e Collaborazioni"
|
||||
description="Lavoriamo con le migliori aziende e fornitori del settore per offrire soluzioni di automazione all'avanguardia e affidabili."
|
||||
tag="Collaborazioni"
|
||||
@@ -350,21 +215,16 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Siamo Qui Per Voi"
|
||||
tagAnimation="slide-up"
|
||||
title="Mettiti in Contatto con PenG"
|
||||
description="Per maggiori informazioni sui nostri servizi o per richiedere un preventivo, non esitate a contattarci. Il nostro team è pronto ad assistervi."
|
||||
buttons={[
|
||||
{
|
||||
text: "Invia un Messaggio",
|
||||
href: "mailto:info@peng.com",
|
||||
},
|
||||
text: "Invia un Messaggio", href: "mailto:info@peng.com"},
|
||||
{
|
||||
text: "Trova la Nostra Sede",
|
||||
href: "#map",
|
||||
},
|
||||
text: "Trova la Nostra Sede", href: "#map"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -376,13 +236,9 @@ export default function LandingPage() {
|
||||
logoAlt="PenG Logo"
|
||||
logoText="PenG"
|
||||
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