-
- Progettiamo insieme il prossimo tassello digitale della tua azienda.
+
+ Progettiamo insieme
+
+ il prossimo tassello digitale
+
+ della tua azienda.
Contattaci
diff --git a/frontend/src/components/sections/FaqSection.tsx b/frontend/src/components/sections/FaqSection.tsx
index 2c338ef..3100ff6 100644
--- a/frontend/src/components/sections/FaqSection.tsx
+++ b/frontend/src/components/sections/FaqSection.tsx
@@ -12,27 +12,27 @@ const faqs = [
{
question: "Cosa vi distingue da una classica agenzia?",
answer:
- "Non ci fermiamo al design o allo sviluppo di singoli asset. Lavoriamo come partner tecnico e strategico, progettando soluzioni che collegano immagine, processi, strumenti e performance in un sistema più ordinato, efficiente e misurabile.",
+ "Non ci fermiamo al design o allo sviluppo di singoli asset. Lavoriamo come partner tecnico e strategico, progettando soluzioni che collegano immagine, processi, strumenti e performance in un sistema pi\u00f9 ordinato, efficiente e misurabile.",
},
{
- question: "Come utilizzate l'IA nei progetti?",
+ question: "Come utilizzate l\u2019IA nei progetti?",
answer:
- "Usiamo l’IA come leva per accelerare, organizzare e potenziare i processi, senza sostituire il valore umano. La tecnologia aumenta velocità e precisione; strategia, controllo e decisioni restano guidati dall’esperienza.",
+ "Usiamo l\u2019IA come leva per accelerare, organizzare e potenziare i processi, senza sostituire il valore umano. La tecnologia aumenta velocit\u00e0 e precisione; strategia, controllo e decisioni restano guidati dall\u2019esperienza.",
},
{
- question: "Possiamo integrare i vostri servizi con strumenti che utilizziamo già?",
+ question: "Possiamo integrare i vostri servizi con strumenti che utilizziamo gi\u00e0?",
answer:
- "Sì. Quando possibile partiamo da ciò che l’azienda ha già costruito, integrando strumenti, processi e flussi di lavoro esistenti per migliorare l’operatività senza creare complessità inutile.",
+ "S\u00ec. Quando possibile partiamo da ci\u00f2 che l\u2019azienda ha gi\u00e0 costruito, integrando strumenti, processi e flussi di lavoro esistenti per migliorare l\u2019operativit\u00e0 senza creare complessit\u00e0 inutile.",
},
{
question: "Ci seguite anche dopo la realizzazione?",
answer:
- "Sì. Un progetto digitale funziona davvero quando può evolversi nel tempo. Per questo accompagniamo il cliente anche nelle fasi di ottimizzazione, miglioramento e crescita del sistema implementato.",
+ "S\u00ec. Un progetto digitale funziona davvero quando pu\u00f2 evolversi nel tempo. Per questo accompagniamo il cliente anche nelle fasi di ottimizzazione, miglioramento e crescita del sistema implementato.",
},
{
- question: "Perché scegliere CiMa come partner?",
+ question: "Perch\u00e9 scegliere CiMa come partner?",
answer:
- "Perché uniamo visione progettuale, competenze tecniche e un approccio aggiornato ai sistemi digitali contemporanei. Costruiamo soluzioni concrete, pensate per essere utili, sostenibili e davvero integrate nel lavoro quotidiano dell’azienda.",
+ "Perch\u00e9 uniamo visione progettuale, competenze tecniche e un approccio aggiornato ai sistemi digitali contemporanei. Costruiamo soluzioni concrete, pensate per essere utili, sostenibili e davvero integrate nel lavoro quotidiano dell\u2019azienda.",
},
];
@@ -82,28 +82,36 @@ export default function FaqSection() {
return (
-
-
FAQs
+
+
FAQs
-
+
{faqs.map((faq, i) => (
setOpenIndex(openIndex === i ? null : i)}
>
-
+
{faq.question}
-
- add
-
+
+
diff --git a/frontend/src/components/sections/HeroSection.tsx b/frontend/src/components/sections/HeroSection.tsx
index a98cfb1..f35a644 100644
--- a/frontend/src/components/sections/HeroSection.tsx
+++ b/frontend/src/components/sections/HeroSection.tsx
@@ -1,56 +1,60 @@
import Link from "next/link";
+import Image from "next/image";
+import InlineLogo from "./ui/inline-logo.svg";
export default function HeroSection() {
return (
-
-
-
+
+
+
soluzioni digitali
-
- PORTA IN CIMA
+
+ Porta in
- IL TUO BUSINESS
+ il tuo business.
-
+
Il tuo partner per scalare nella transizione 5.0:
-
+
leader in automazioni IA, conversione
online e infrastrutture digitali per le aziende.
-
+
Vai ai servizi
Contattaci
-
-
- Scopri di più
+
diff --git a/frontend/src/components/sections/QuoteSection.tsx b/frontend/src/components/sections/QuoteSection.tsx
index aa159a4..fbdee27 100644
--- a/frontend/src/components/sections/QuoteSection.tsx
+++ b/frontend/src/components/sections/QuoteSection.tsx
@@ -30,17 +30,17 @@ export default function QuoteSection() {
return (
- “Trasformiamo le tue idee in realtà digitale:
+ “Trasformiamo le tue idee in realtà digitale
+ :
- velocità dell'IA ed esperienza umana, animate dalla tua
- esperienza.”
+ velocità dell'IA ed esperienza umana, animate della tua esperienza.”
diff --git a/frontend/src/components/sections/ServicesSection.tsx b/frontend/src/components/sections/ServicesSection.tsx
index afe4bc9..e249382 100644
--- a/frontend/src/components/sections/ServicesSection.tsx
+++ b/frontend/src/components/sections/ServicesSection.tsx
@@ -3,6 +3,55 @@ import { useRef } from "react";
import { useGSAP } from "@gsap/react";
import gsap from "gsap";
+const topServices = [
+ {
+ title: "POTENZIA\nI TUOI PROCESSI",
+ description: (
+ <>
+ Dalle automazioni che alleggeriscono lavori ripetitivi, fino a report esaustivi sui tuoi dati realizzati dall'intelligenza artificiale .
+ >
+ ),
+ icon: "memory",
+ },
+ {
+ title: "ORGANIZZA\n& GESTISCI",
+ description: (
+ <>
+ Sviluppiamo dashboard e gestionali strutturati sulle tue esigenze aziendali: sistemi su misura che riflettono i vostri processi reali.
+ >
+ ),
+ icon: "schema",
+ },
+ {
+ title: "PROTEGGI\nI TUOI DATI",
+ description: (
+ <>
+ Blindiamo l'ecosistema digitale con soluzioni di cybersicurezza reali: dai protocolli di difesa proattivi a un monitoraggio costante degli asset.
+ >
+ ),
+ icon: "verified_user",
+ },
+];
+
+const bottomServices = [
+ {
+ title: "CONNETTI & DAI FORMA\nALLA TUA IDEA",
+ description: (
+ <>
+ App , piattaforme e infrastrutture digitali : architetture progettate per dare vita ai tuoi progetti e connettere il tuo lavoro.
+ >
+ ),
+ icon: "hub",
+ wide: true,
+ },
+ {
+ title: "VENDI I TUOI\nPRODOTTI",
+ description: "Sviluppiamo E-commerce per gestire ogni fase della vendita.",
+ icon: "shopping_bag",
+ wide: false,
+ },
+];
+
export default function ServicesSection() {
const sectionRef = useRef(null);
const headerRef = useRef(null);
@@ -11,7 +60,6 @@ export default function ServicesSection() {
useGSAP(() => {
if (!headerRef.current || !cardsRef.current) return;
- // Check for reduced motion preference
const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
if (prefersReducedMotion) {
gsap.set(Array.from(headerRef.current.children), { y: 0, opacity: 1 });
@@ -19,14 +67,11 @@ export default function ServicesSection() {
return;
}
- // Desktop: Pinned ScrollTrigger for header + first 3 cards,
- // then independent triggers for the bottom 2 cards after unpin
gsap.matchMedia().add("(min-width: 768px)", () => {
const allCards = Array.from(cardsRef.current!.children);
const topCards = allCards.slice(0, 3);
const bottomCards = allCards.slice(3);
- // Set bottom cards to invisible initially
gsap.set(bottomCards, { y: 60, opacity: 0 });
const tl = gsap.timeline({
@@ -53,7 +98,6 @@ export default function ServicesSection() {
0.3
);
- // Bottom 2 cards animate independently after section unpins
bottomCards.forEach((card) => {
gsap.fromTo(
card,
@@ -73,7 +117,6 @@ export default function ServicesSection() {
});
});
- // Mobile: Independent ScrollTriggers without pinning
gsap.matchMedia().add("(max-width: 767px)", () => {
gsap.fromTo(
Array.from(headerRef.current!.children),
@@ -92,7 +135,7 @@ export default function ServicesSection() {
}
);
- Array.from(cardsRef.current!.children).forEach((card, index) => {
+ Array.from(cardsRef.current!.children).forEach((card) => {
gsap.fromTo(
card,
{ y: 80, opacity: 0 },
@@ -122,18 +165,19 @@ export default function ServicesSection() {
{/* Header */}
-
-
- Cosa Facciamo
-
-
-
- Soluzioni su misura per il vostro metodo di lavoro. Automazione,
- gestione dati e competenze umane in un unico flusso.
-
-
+
+ Servizi essenziali . Impatto concreto.
+
+
+
+ Trasformiamo esigenze operative e obiettivi aziendali in strumenti concreti.
+
+ Ogni servizio è pensato per semplificare la gestione, migliorare i processi
+
+ e dare struttura alla crescita.
+
{/* Services Grid */}
@@ -141,79 +185,47 @@ export default function ServicesSection() {
ref={cardsRef}
className="grid grid-cols-1 md:grid-cols-3 gap-6"
>
- {/* Portali */}
-
-
- hub
-
-
- Connetti & dai forma alla tua idea
-
-
- App, piattaforme e infrastrutture digitali: architetture progettate per dare vita ai tuoi progetti e connettere il tuo lavoro.
-
-
+ {/* Top 3 cards */}
+ {topServices.map((service) => (
+
+
+ {service.icon}
+
+
+
+ {service.title}
+
+
+ {service.description}
+
+
+
+ ))}
- {/* Database */}
-
-
- schema
-
-
- Organizza e gestisci
-
-
- Sviluppiamo dashboard e gestionali strutturati sulle tue esigenze aziendali: organizzazione del dato al servizio della decisione. Sistemi su misura che riflettono i vostri processi reali.
-
-
-
- {/* E-commerce */}
-
-
- shopping_bag
-
-
- Mostra e vendi i tuoi prodotti
-
-
- Sviluppiamo siti web ed e-commerce pensati non solo per mostrare, ma per gestire in modo completo vendita, pagamenti, ordini e logistica.
-
-
-
- {/* Automazioni & IA */}
-
-
-
- Potenzia i tuoi processi
-
-
- Dalle automazioni che alleggeriscono i lavori ripetitivi, fino a report
-
- esaustivi sui tuoi dati realizzati dall'intelligenza artificiale.
-
- IA anche in locale per la massima protezione dei tuoi dati.
+ {/* Bottom 2 cards */}
+ {bottomServices.map((service) => (
+
+
+
+ {service.title}
+
+
+ {service.icon}
+
+
+
+ {service.description}
-
- memory
-
-
-
- {/* Cybersicurezza */}
-
-
-
- Cybersicurezza
-
-
- Protezione proattiva e monitoraggio continuo dei vostri asset
- digitali.
-
-
-
- verified_user
-
-
+ ))}
diff --git a/frontend/src/components/sections/ui/inline-logo.svg b/frontend/src/components/sections/ui/inline-logo.svg
new file mode 100644
index 0000000..6bdba92
--- /dev/null
+++ b/frontend/src/components/sections/ui/inline-logo.svg
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/svg.d.ts b/frontend/src/svg.d.ts
new file mode 100644
index 0000000..6e0611b
--- /dev/null
+++ b/frontend/src/svg.d.ts
@@ -0,0 +1,5 @@
+declare module "*.svg" {
+ import type { FC, SVGProps } from "react";
+ const content: FC
>;
+ export default content;
+}