diff --git a/src/components/ContactFormInline.astro b/src/components/ContactFormInline.astro index 82ed22d..54ad4f9 100644 --- a/src/components/ContactFormInline.astro +++ b/src/components/ContactFormInline.astro @@ -1,5 +1,10 @@ --- -import { cta } from '../data/home'; +import { getCta } from '../data/home'; + +const path = Astro.url.pathname; +const localeMatch = path.match(/^\/(en|th)(\/|$)/); +const currentLocale = (localeMatch?.[1] ?? 'it') as 'it' | 'en' | 'th'; +const cta = getCta(currentLocale); const cf = cta.contactForm; const model = { @@ -14,6 +19,15 @@ const model = { fieldDepartment: cf.fieldDepartment, fieldEmail: cf.fieldEmail, fieldMessage: cf.fieldMessage, + turnstileError: cf.errors.turnstile, + configError: cf.errors.config, + mailtoFallbackSubject: cf.mailtoFallbackSubject, + mailtoLabelName: cf.mailtoLabels.name, + mailtoLabelCompany: cf.mailtoLabels.company, + mailtoLabelEmail: cf.mailtoLabels.email, + mailtoLabelCountry: cf.mailtoLabels.country, + mailtoLabelDepartment: cf.mailtoLabels.department, + mailtoDefaultDepartment: cf.mailtoLabels.defaultDepartment, }; const hasFormspree = typeof cf.actionUrl === 'string' && cf.actionUrl.length > 0; @@ -203,11 +217,11 @@ const fieldClass = class="cf-turnstile" data-sitekey={cf.turnstileSiteKey} data-theme="dark" - data-language="it" + data-language={cf.turnstileLanguage} data-size="normal" >

- Verifica anti-spam: completa il controllo prima di inviare il messaggio. + {cf.turnstileHint}

) : null diff --git a/src/components/SiteFooter.astro b/src/components/SiteFooter.astro index 3e7e9b0..0df5cf8 100644 --- a/src/components/SiteFooter.astro +++ b/src/components/SiteFooter.astro @@ -1,5 +1,10 @@ --- -import { footer } from '../data/home'; +import { getFooter } from '../data/home'; + +const path = Astro.url.pathname; +const localeMatch = path.match(/^\/(en|th)(\/|$)/); +const currentLocale = (localeMatch?.[1] ?? 'it') as 'it' | 'en' | 'th'; +const footer = getFooter(currentLocale); const hasNewsletterAction = typeof footer.newsletter.actionUrl === 'string' && @@ -17,9 +22,6 @@ const notifySubject = const linkClass = 'text-sm text-sky-400/90 transition-colors hover:text-sky-300'; -const path = Astro.url.pathname; -const localeMatch = path.match(/^\/(en|th)(\/|$)/); -const currentLocale = localeMatch?.[1] ?? 'it'; const withLocale = (href: string) => { if (currentLocale === 'it') return href; if (href.startsWith(`/${currentLocale}`)) return href; @@ -91,7 +93,7 @@ const withLocale = (href: string) => { ) : ( {item.label} @@ -115,7 +117,7 @@ const withLocale = (href: string) => { {link.label} ) : ( - + {link.label} )} @@ -131,7 +133,7 @@ const withLocale = (href: string) => { >

- Impostazioni cookie + {footer.labels.cookieTitle}

{footer.cookiePreferences.hint} @@ -204,7 +206,7 @@ const withLocale = (href: string) => { {nl.buttonLabel}

- Iscrizione in arrivo: configura l’endpoint nel progetto per attivare il modulo. + {footer.labels.newsletterComingSoon}

) diff --git a/src/data/home/cta.ts b/src/data/home/cta.ts index 1ead7e6..43662e9 100644 --- a/src/data/home/cta.ts +++ b/src/data/home/cta.ts @@ -5,58 +5,165 @@ const contactSuccessRedirect = (env.PUBLIC_CONTACT_FORM_SUCCESS_REDIRECT ?? ''). const contactMailto = (env.PUBLIC_CONTACT_FORM_MAILTO ?? '').trim(); const contactTurnstileSiteKey = (env.PUBLIC_CONTACT_TURNSTILE_SITE_KEY ?? '').trim(); -export const cta = { - /** Riga sezione (stesso ruolo di FAQ, Stack, …) */ - eyebrow: 'Contatti', +import type { SupportedLocale } from './navigation'; - /** Titolo CTA su due righe (dopo il punto) */ - titleLine1: 'Automatizza il complesso.', - titleLine2: 'Velocizza il processo.', - body: - 'Dai modelli LLM alla distribuzione globale in pochi millisecondi. La directory definitiva per il LegalTech e MedTech. Utilizza il modulo contatto qui a fianco e ti forniremo tutti i chiarimenti che ti servono.', - - /** - * Modulo contatti in pagina (sezione Contatti). - * - * **Formspree:** crea un form su https://formspree.io e incolla l’URL in `actionUrl`. - * **Solo mailto:** lascia `actionUrl` vuoto e imposta `mailto` con l’indirizzo destinatario - * (si apre il client di posta dell’utente). - */ - contactForm: { - /** Lasciare vuoti endpoint/chiavi nelle fasi di sola UI. */ - title: 'Parliamone', - description: - 'Lascia i tuoi dati e il messaggio: ti risponde il team NexStudio.', - nameLabel: 'Nome', - companyLabel: 'Azienda (opzionale)', - countryLabel: 'Paese', - departmentLabel: 'Area', - emailLabel: 'Email', - messageLabel: 'Scrivi qui il tuo messaggio', - submitLabel: 'Invia messaggio', - /** Formspree: `https://formspree.io/f/xxxx` — valorizzato via `PUBLIC_CONTACT_FORM_ACTION_URL` */ - actionUrl: contactActionUrl, - /** Formspree `_next` — URL assoluta in produzione (`PUBLIC_CONTACT_FORM_SUCCESS_REDIRECT`) */ - successRedirect: contactSuccessRedirect, - /** - * Cloudflare Turnstile (anti-spam): inserisci qui la site key pubblica. - * Se vuota, il CAPTCHA non viene mostrato. - */ - turnstileSiteKey: contactTurnstileSiteKey, - /** Formspree `_subject` e oggetto mailto */ - notifySubject: 'Richiesta contatto — sito NexStudio', - /** Fallback se `actionUrl` e' vuoto (`PUBLIC_CONTACT_FORM_MAILTO`) */ - mailto: contactMailto, - fieldName: 'name', - fieldCompany: 'company', - fieldCountry: 'country', - fieldDepartment: 'department', - fieldEmail: 'email', - fieldMessage: 'message', - departmentOptions: [ - { value: 'info', label: 'Informazioni generali e commerciali' }, - { value: 'privacy', label: 'Privacy' }, - { value: 'careers', label: 'Careers / Collaborazioni' }, - ], +const ctaByLocale = { + it: { + eyebrow: 'Contatti', + titleLine1: 'Automatizza il complesso.', + titleLine2: 'Velocizza il processo.', + body: + 'Dai modelli LLM alla distribuzione globale in pochi millisecondi. La directory definitiva per il LegalTech e MedTech. Utilizza il modulo contatto qui a fianco e ti forniremo tutti i chiarimenti che ti servono.', + contactForm: { + title: 'Parliamone', + description: + 'Lascia i tuoi dati e il messaggio: ti risponde il team NexStudio.', + nameLabel: 'Nome', + companyLabel: 'Azienda (opzionale)', + countryLabel: 'Paese', + departmentLabel: 'Area', + emailLabel: 'Email', + messageLabel: 'Scrivi qui il tuo messaggio', + submitLabel: 'Invia messaggio', + actionUrl: contactActionUrl, + successRedirect: contactSuccessRedirect, + turnstileSiteKey: contactTurnstileSiteKey, + turnstileLanguage: 'it', + turnstileHint: + 'Verifica anti-spam: completa il controllo prima di inviare il messaggio.', + notifySubject: 'Richiesta contatto — sito NexStudio', + mailto: contactMailto, + mailtoFallbackSubject: 'Contatto sito', + mailtoLabels: { + name: 'Nome', + company: 'Azienda', + email: 'Email', + country: 'Paese', + department: 'Area', + defaultDepartment: 'general', + }, + errors: { + turnstile: 'Completa il controllo anti-spam prima di inviare il messaggio.', + config: + 'Configura `contactForm.actionUrl` (Formspree) o `contactForm.mailto` in `src/data/home/cta.ts`.', + }, + fieldName: 'name', + fieldCompany: 'company', + fieldCountry: 'country', + fieldDepartment: 'department', + fieldEmail: 'email', + fieldMessage: 'message', + departmentOptions: [ + { value: 'info', label: 'Informazioni generali e commerciali' }, + { value: 'privacy', label: 'Privacy' }, + { value: 'careers', label: 'Careers / Collaborazioni' }, + ], + }, + }, + en: { + eyebrow: 'Contacts', + titleLine1: 'Automate complexity.', + titleLine2: 'Accelerate operations.', + body: + 'From LLM models to global distribution in milliseconds. Use the contact form and our team will provide all the details you need.', + contactForm: { + title: 'Let’s talk', + description: 'Share your details and message: the NexStudio team will reply.', + nameLabel: 'Name', + companyLabel: 'Company (optional)', + countryLabel: 'Country', + departmentLabel: 'Area', + emailLabel: 'Email', + messageLabel: 'Write your message', + submitLabel: 'Send message', + actionUrl: contactActionUrl, + successRedirect: contactSuccessRedirect, + turnstileSiteKey: contactTurnstileSiteKey, + turnstileLanguage: 'en', + turnstileHint: + 'Anti-spam verification: complete the challenge before sending your message.', + notifySubject: 'Contact request — NexStudio website', + mailto: contactMailto, + mailtoFallbackSubject: 'Website contact', + mailtoLabels: { + name: 'Name', + company: 'Company', + email: 'Email', + country: 'Country', + department: 'Area', + defaultDepartment: 'general', + }, + errors: { + turnstile: 'Complete the anti-spam check before sending your message.', + config: + 'Configure `contactForm.actionUrl` (Formspree) or `contactForm.mailto` in `src/data/home/cta.ts`.', + }, + fieldName: 'name', + fieldCompany: 'company', + fieldCountry: 'country', + fieldDepartment: 'department', + fieldEmail: 'email', + fieldMessage: 'message', + departmentOptions: [ + { value: 'info', label: 'General and commercial information' }, + { value: 'privacy', label: 'Privacy' }, + { value: 'careers', label: 'Careers / Collaborations' }, + ], + }, + }, + th: { + eyebrow: 'ติดต่อ', + titleLine1: 'ทำงานซับซ้อนให้อัตโนมัติ', + titleLine2: 'เร่งความเร็วกระบวนการ', + body: + 'จากโมเดล LLM สู่การกระจายระบบระดับโลกภายในไม่กี่มิลลิวินาที ใช้ฟอร์มติดต่อด้านข้าง แล้วทีม NexStudio จะตอบกลับพร้อมข้อมูลที่คุณต้องการ', + contactForm: { + title: 'คุยกับเรา', + description: 'กรอกข้อมูลและข้อความ แล้วทีม NexStudio จะติดต่อกลับ', + nameLabel: 'ชื่อ', + companyLabel: 'บริษัท (ไม่บังคับ)', + countryLabel: 'ประเทศ', + departmentLabel: 'แผนก', + emailLabel: 'อีเมล', + messageLabel: 'พิมพ์ข้อความของคุณ', + submitLabel: 'ส่งข้อความ', + actionUrl: contactActionUrl, + successRedirect: contactSuccessRedirect, + turnstileSiteKey: contactTurnstileSiteKey, + turnstileLanguage: 'th', + turnstileHint: 'การยืนยันป้องกันสแปม: กรุณาทำขั้นตอนให้เสร็จก่อนส่งข้อความ', + notifySubject: 'คำขอติดต่อ — เว็บไซต์ NexStudio', + mailto: contactMailto, + mailtoFallbackSubject: 'ติดต่อจากเว็บไซต์', + mailtoLabels: { + name: 'ชื่อ', + company: 'บริษัท', + email: 'อีเมล', + country: 'ประเทศ', + department: 'แผนก', + defaultDepartment: 'general', + }, + errors: { + turnstile: 'กรุณายืนยันการป้องกันสแปมก่อนส่งข้อความ', + config: + 'กรุณาตั้งค่า `contactForm.actionUrl` (Formspree) หรือ `contactForm.mailto` ใน `src/data/home/cta.ts`', + }, + fieldName: 'name', + fieldCompany: 'company', + fieldCountry: 'country', + fieldDepartment: 'department', + fieldEmail: 'email', + fieldMessage: 'message', + departmentOptions: [ + { value: 'info', label: 'ข้อมูลทั่วไปและเชิงพาณิชย์' }, + { value: 'privacy', label: 'ความเป็นส่วนตัว' }, + { value: 'careers', label: 'Careers / Collaborations' }, + ], + }, }, } as const; + +export const getCta = (locale: SupportedLocale) => ctaByLocale[locale]; + +/** Retro-compatibilità: fallback italiano. */ +export const cta = ctaByLocale.it; diff --git a/src/data/home/faq.ts b/src/data/home/faq.ts index e59e54c..e5ca8b7 100644 --- a/src/data/home/faq.ts +++ b/src/data/home/faq.ts @@ -1,47 +1,148 @@ +import type { SupportedLocale } from './navigation'; + /** FAQ — domande/risposte allineate a hero, prodotti, servizi e stack */ -export const faq = { - eyebrow: 'FAQ', - title: 'Domande frequenti', - items: [ - { - question: 'Che tipo di organizzazioni seguite con LexAura e MediAura?', - answer: - 'Lavoriamo con studi legali e strutture sanitarie — dal professionista singolo a team e sedi multi‑unità — che gestiscono volumi elevati di informazione e hanno bisogno di strumenti affidabili in ambiti regolamentati. La verticalità su Legal Tech e Health Tech è parte della nostra proposta: meno genericismo, più requisiti operativi, tracciabilità e continuità del servizio.', - }, - { - question: 'L’intelligenza artificiale sostituisce avvocati o medici?', - answer: - 'No. I nostri prodotti sono pensati per integrarsi nei flussi professionali: sintesi, ricerca, drafting assistito, automazione della documentazione e interfacce vocali liberano tempo, ma la decisione finale e la responsabilità restano del professionista. L’obiettivo è ridurre il carico ripetitivo e offrire una base analitica solida, non sostituire il giudizio umano.', - }, - { - question: 'Cosa succede dopo l’adozione del software?', - answer: - 'Il modello di servizio va oltre la licenza: onboarding e formazione specialistica per team legali e sanitari, supporto tecnico e consulenza operativa continuativi, aggiornamento dei motori di analisi e manutenzione evolutiva rispetto a normative e contesto di mercato. Per criticità urgenti sono previsti protocolli di intervento prioritario, così che studi e strutture non restino isolati dai propri strumenti.', - }, - { - question: 'Potete collegare LexAura o MediAura ai nostri sistemi già in uso?', - answer: - 'Sì, quando serve. Oltre ai prodotti standard supportiamo integrazioni tramite API e moduli personalizzati nel perimetro dei nostri SaaS, per collegare gestionali o flussi documentali preesistenti senza reinventare l’intero stack informativo.', - }, - { - question: 'Come gestite sicurezza, disponibilità e dati sensibili?', - answer: - 'Progettiamo su architetture cloud‑native ad alta disponibilità, con attenzione a crittografia, protezione di perimetro (es. WAF, mitigazione DDoS) e continuità operativa. Il trattamento di informazioni legali e sanitarie è affrontato con criteri di integrità dei dati e conformità alle normative applicabili, inclusa la chiarezza su dove risiedono i dati e sui requisiti di due diligence che i settori regolamentati si attendono.', - }, - { - question: 'Lavorate solo in loco o anche con clienti in Italia e all’estero?', - answer: - 'Siamo una software company con base operativa a Bangkok e collaboriamo con clienti a livello internazionale. Workshop e incontri possono essere online o in presenza in base al progetto; supporto e comunicazioni operative in italiano, inglese, tedesco, francese, spagnolo o tailandese, con orari concordati.', - }, - { - question: 'Diritto d’uso e proprietà del software: come le regolate?', - answer: - 'Dipende dal contratto: in genere cediamo l’esclusiva sul deliverable a saldo, con clausole esplicite su componenti open source e librerie di terze parti. Per licenze SaaS, permessi d’uso e responsabilità sono definiti nei termini commerciali e nel contratto quadro.', - }, - { - question: 'Qual è il modo più rapido per parlarne con voi?', - answer: - 'Il punto di ingresso principale è la chat dal pulsante «Chattiamo» in header: prima vedi se il canale è con operatore umano, solo chatbot o misto, poi lasci email (e facoltativamente il nome) per ricevere un link o un codice monouso e aprire la sessione senza perdite di tempo. In chat operatore umano e chatbot collaborano per orientamento iniziale, requisiti e passi successivi. Per il supporto via web ci interfacciamo in italiano, inglese, tedesco, francese, spagnolo o tailandese. Per materiale sensibile useremo sempre i canali concordati in fase di rapporto commerciale. Se ci si sente più a proprio agio usando un form di contatto, in fondo alla homepage nella sezione Contatti trovate il modulo a destra del testo introduttivo.', - }, - ] as const, +const faqByLocale = { + it: { + eyebrow: 'FAQ', + title: 'Domande frequenti', + items: [ + { + question: 'Che tipo di organizzazioni seguite con LexAura e MediAura?', + answer: + 'Lavoriamo con studi legali e strutture sanitarie — dal professionista singolo a team e sedi multi‑unità — che gestiscono volumi elevati di informazione e hanno bisogno di strumenti affidabili in ambiti regolamentati. La verticalità su Legal Tech e Health Tech è parte della nostra proposta: meno genericismo, più requisiti operativi, tracciabilità e continuità del servizio.', + }, + { + question: 'L’intelligenza artificiale sostituisce avvocati o medici?', + answer: + 'No. I nostri prodotti sono pensati per integrarsi nei flussi professionali: sintesi, ricerca, drafting assistito, automazione della documentazione e interfacce vocali liberano tempo, ma la decisione finale e la responsabilità restano del professionista. L’obiettivo è ridurre il carico ripetitivo e offrire una base analitica solida, non sostituire il giudizio umano.', + }, + { + question: 'Cosa succede dopo l’adozione del software?', + answer: + 'Il modello di servizio va oltre la licenza: onboarding e formazione specialistica per team legali e sanitari, supporto tecnico e consulenza operativa continuativi, aggiornamento dei motori di analisi e manutenzione evolutiva rispetto a normative e contesto di mercato. Per criticità urgenti sono previsti protocolli di intervento prioritario, così che studi e strutture non restino isolati dai propri strumenti.', + }, + { + question: 'Potete collegare LexAura o MediAura ai nostri sistemi già in uso?', + answer: + 'Sì, quando serve. Oltre ai prodotti standard supportiamo integrazioni tramite API e moduli personalizzati nel perimetro dei nostri SaaS, per collegare gestionali o flussi documentali preesistenti senza reinventare l’intero stack informativo.', + }, + { + question: 'Come gestite sicurezza, disponibilità e dati sensibili?', + answer: + 'Progettiamo su architetture cloud‑native ad alta disponibilità, con attenzione a crittografia, protezione di perimetro (es. WAF, mitigazione DDoS) e continuità operativa. Il trattamento di informazioni legali e sanitarie è affrontato con criteri di integrità dei dati e conformità alle normative applicabili, inclusa la chiarezza su dove risiedono i dati e sui requisiti di due diligence che i settori regolamentati si attendono.', + }, + { + question: 'Lavorate solo in loco o anche con clienti in Italia e all’estero?', + answer: + 'Siamo una software company con base operativa a Bangkok e collaboriamo con clienti a livello internazionale. Workshop e incontri possono essere online o in presenza in base al progetto; supporto e comunicazioni operative in italiano, inglese, tedesco, francese, spagnolo o tailandese, con orari concordati.', + }, + { + question: 'Diritto d’uso e proprietà del software: come le regolate?', + answer: + 'Dipende dal contratto: in genere cediamo l’esclusiva sul deliverable a saldo, con clausole esplicite su componenti open source e librerie di terze parti. Per licenze SaaS, permessi d’uso e responsabilità sono definiti nei termini commerciali e nel contratto quadro.', + }, + { + question: 'Qual è il modo più rapido per parlarne con voi?', + answer: + 'Il punto di ingresso principale è la chat dal pulsante «Chattiamo» in header: prima vedi se il canale è con operatore umano, solo chatbot o misto, poi lasci email (e facoltativamente il nome) per ricevere un link o un codice monouso e aprire la sessione senza perdite di tempo. In chat operatore umano e chatbot collaborano per orientamento iniziale, requisiti e passi successivi. Per il supporto via web ci interfacciamo in italiano, inglese, tedesco, francese, spagnolo o tailandese. Per materiale sensibile useremo sempre i canali concordati in fase di rapporto commerciale. Se ci si sente più a proprio agio usando un form di contatto, in fondo alla homepage nella sezione Contatti trovate il modulo a destra del testo introduttivo.', + }, + ] as const, + }, + en: { + eyebrow: 'FAQ', + title: 'Frequently asked questions', + items: [ + { + question: 'What organizations do you support with LexAura and MediAura?', + answer: + 'We work with law firms and healthcare organizations, from solo professionals to multi-site teams, that manage high information volumes and need reliable tools in regulated environments.', + }, + { + question: 'Does AI replace lawyers or doctors?', + answer: + 'No. Our products support professional workflows with summarization, research, assisted drafting, and automation. Final decisions and responsibility always remain with the professional.', + }, + { + question: 'What happens after software adoption?', + answer: + 'Our service model goes beyond licensing: specialist onboarding and training, continuous technical support and consulting, and ongoing engine updates aligned with regulations and market context.', + }, + { + question: 'Can you integrate LexAura or MediAura with our existing systems?', + answer: + 'Yes, when needed. We support API integrations and custom modules within our SaaS perimeter to connect existing management or document flows.', + }, + { + question: 'How do you handle security, availability, and sensitive data?', + answer: + 'We design for high-availability cloud-native architectures, encryption, perimeter protection, and operational continuity, with clear data-governance practices aligned with applicable regulations.', + }, + { + question: 'Do you work only locally or also with international clients?', + answer: + 'We are based in Bangkok and collaborate internationally. Workshops can be remote or on-site depending on the project.', + }, + { + question: 'How do you handle software usage rights and ownership?', + answer: + 'This depends on the contract. In many engagements, exclusive rights on deliverables are transferred after final payment, with explicit clauses for open source and third-party components.', + }, + { + question: 'What is the fastest way to talk with your team?', + answer: + 'The primary entry point is the chat button in the header. You provide your email to receive a one-time link or code, then start the session without delay.', + }, + ] as const, + }, + th: { + eyebrow: 'คำถามที่พบบ่อย', + title: 'คำถามที่พบบ่อย', + items: [ + { + question: 'องค์กรแบบไหนที่เหมาะกับ LexAura และ MediAura?', + answer: + 'เราทำงานกับสำนักงานกฎหมายและองค์กรสุขภาพ ตั้งแต่ผู้เชี่ยวชาญเดี่ยวไปจนถึงทีมหลายสาขา ที่ต้องจัดการข้อมูลจำนวนมากในบริบทที่มีข้อกำกับสูง', + }, + { + question: 'AI จะแทนที่ทนายหรือแพทย์หรือไม่?', + answer: + 'ไม่ใช่ เป้าหมายของเราคือช่วยงานเชิงวิเคราะห์ งานเอกสาร และเวิร์กโฟลว์ซ้ำ ๆ โดยการตัดสินใจสุดท้ายยังคงเป็นหน้าที่ของผู้เชี่ยวชาญ', + }, + { + question: 'หลังเริ่มใช้งานซอฟต์แวร์แล้วจะเกิดอะไรขึ้น?', + answer: + 'เรามีบริการหลังการใช้งานครบวงจร ทั้ง onboarding การอบรมเฉพาะทาง การสนับสนุนทางเทคนิค และการอัปเดตระบบอย่างต่อเนื่อง', + }, + { + question: 'สามารถเชื่อม LexAura หรือ MediAura กับระบบเดิมของเราได้ไหม?', + answer: + 'ได้ เรารองรับการเชื่อมต่อผ่าน API และโมดูลแบบกำหนดเองภายในขอบเขต SaaS ของเรา', + }, + { + question: 'จัดการความปลอดภัย ความพร้อมใช้งาน และข้อมูลอ่อนไหวอย่างไร?', + answer: + 'เราใช้สถาปัตยกรรมคลาวด์ที่พร้อมใช้งานสูง การเข้ารหัส การป้องกันระดับเครือข่าย และแนวปฏิบัติด้านการกำกับข้อมูลให้สอดคล้องข้อกำกับที่เกี่ยวข้อง', + }, + { + question: 'รับงานเฉพาะในพื้นที่หรือรับลูกค้าต่างประเทศด้วย?', + answer: + 'สำนักงานใหญ่ปฏิบัติการของเราอยู่ที่กรุงเทพฯ และทำงานกับลูกค้าต่างประเทศได้ ทั้งออนไลน์และออนไซต์ตามความเหมาะสมของโครงการ', + }, + { + question: 'สิทธิการใช้งานและความเป็นเจ้าของซอฟต์แวร์กำหนดอย่างไร?', + answer: + 'ขึ้นกับสัญญา โดยทั่วไปจะระบุเงื่อนไขการใช้งาน ความรับผิดชอบ และสิทธิในชิ้นงานอย่างชัดเจน รวมถึงส่วนประกอบโอเพนซอร์สและ third-party', + }, + { + question: 'ถ้าต้องการคุยเร็วที่สุดควรติดต่อช่องทางไหน?', + answer: + 'กดปุ่มแชทบนส่วนหัวเว็บไซต์ ใส่อีเมลเพื่อรับลิงก์หรือโค้ดแบบใช้ครั้งเดียว แล้วเริ่มเซสชันได้ทันที', + }, + ] as const, + }, } as const; + +export const getFaq = (locale: SupportedLocale) => faqByLocale[locale]; + +/** Retro-compatibilità: fallback italiano. */ +export const faq = faqByLocale.it; diff --git a/src/data/home/footer.ts b/src/data/home/footer.ts index 680b421..b7e1ef7 100644 --- a/src/data/home/footer.ts +++ b/src/data/home/footer.ts @@ -1,87 +1,178 @@ +import type { SupportedLocale } from './navigation'; + /** Footer — griglia 4 colonne (link); newsletter in blocco unico sotto, allineata a sinistra */ -export const footer = { - brandName: 'NexStudio', - tagline: 'Ingegneria del software e IA per settori regolamentati.', - legalLine: 'P.IVA e note legali: da inserire.', - - columnTitles: { - sections: 'Sezioni', - legal: 'Normative', - social: 'Reti sociali', - company: 'Azienda', - } as const, - - /** Colonna 1 — ancore sulla homepage */ - homeNav: [ - { label: 'Prodotti', href: '/#prodotti' }, - { label: 'Servizi', href: '/#servizi' }, - { label: 'Stack', href: '/#stack' }, - { label: 'FAQ', href: '/#faq' }, - ] as const, - - /** Pannello preferenze (CMP): non è un documento legale; tenuto fuori dalla colonna Normative */ - cookiePreferences: { - label: 'Impostazioni cookie', - hint: 'Preferenze di consenso sul tuo browser (non è un testo legale).', - } as const, - - /** Colonna 2 — documenti legali (testi bozza nelle rispettive pagine) */ - legalColumnNav: [ - { label: 'Condizioni d’uso', href: '/terms' }, - { label: 'Informativa cookie', href: '/cookies' }, - { label: 'Privacy', href: '/privacy' }, - { label: 'Diritti privacy (GDPR)', href: '/gdpr' }, - ] as const, - - /** - * Colonna 3 — social (sostituire gli URL con i profili reali). - * Lasciare `href` vuoto per mostrare solo etichetta disabilitata finché non configurato. - */ - socialLinks: [ - { label: 'Facebook', href: '' }, - { label: 'LinkedIn', href: '' }, - { label: 'Twitter / X', href: '' }, - { label: 'GitHub', href: '' }, - ] as const, - - /** Colonna 4 — pagine istituzionali e compliance */ - companyNav: [ - { label: 'Chi siamo', href: '/about' }, - { label: 'Codice etico', href: '/codice-etico' }, - { label: 'Modello organizzativo', href: '/modello-organizzativo' }, - { label: 'Dove siamo', href: '/dove-siamo' }, - ] as const, - - /** - * Newsletter — invio via POST a un endpoint esterno. - * - * Opzione A (consigliata per partire): Formspree - * 1. Crea account su https://formspree.io e un nuovo form. - * 2. Copia l’URL tipo `https://formspree.io/f/abcdefgh` in `actionUrl`. - * 3. Opzionale: `successRedirect` = URL assoluta della pagina di ringraziamento - * (es. `https://tuodominio.com/newsletter/grazie` — vedi `src/pages/newsletter/grazie.astro`). - * 4. In Formspree collega l’invio a email / Slack / Google Sheets. - * - * Opzione B: Brevo, Mailchimp, Buttondown, ConvertKit — usano spesso un URL - * dedicato o un embed; adatta `fieldName` al nome campo richiesto dalla doc. - * - * Opzione C: Worker Cloudflare + lista in KV/D1 (più controllo, più codice). - */ - newsletter: { - title: 'Newsletter', - description: 'Aggiornamenti su prodotti e roadmap.', - placeholder: 'La tua email', - buttonLabel: 'Iscriviti', - /** Formspree: `https://formspree.io/f/xxxx` — vuoto = modulo disabilitato */ - actionUrl: '', - /** Nome campo email richiesto dal provider (Formspree: di solito `email`) */ - fieldName: 'email', - /** - * Formspree: redirect dopo invio (`_next`). Deve essere URL **assoluta** - * (es. produzione). Vuoto = pagina di ringrazio predefinita Formspree. - */ - successRedirect: '', - /** Formspree: oggetto della mail di notifica (`_subject`) */ - notifySubject: 'Nuova iscrizione newsletter — NexStudio', +const footerByLocale = { + it: { + brandName: 'NexStudio', + tagline: 'Ingegneria del software e IA per settori regolamentati.', + legalLine: 'P.IVA e note legali: da inserire.', + columnTitles: { + sections: 'Sezioni', + legal: 'Normative', + social: 'Reti sociali', + company: 'Azienda', + } as const, + homeNav: [ + { label: 'Prodotti', href: '/#prodotti' }, + { label: 'Servizi', href: '/#servizi' }, + { label: 'Stack', href: '/#stack' }, + { label: 'FAQ', href: '/#faq' }, + ] as const, + cookiePreferences: { + label: 'Impostazioni cookie', + hint: 'Preferenze di consenso sul tuo browser (non è un testo legale).', + } as const, + legalColumnNav: [ + { label: 'Condizioni d’uso', href: '/terms' }, + { label: 'Informativa cookie', href: '/cookies' }, + { label: 'Privacy', href: '/privacy' }, + { label: 'Diritti privacy (GDPR)', href: '/gdpr' }, + ] as const, + socialLinks: [ + { label: 'Facebook', href: '' }, + { label: 'LinkedIn', href: '' }, + { label: 'Twitter / X', href: '' }, + { label: 'GitHub', href: '' }, + ] as const, + companyNav: [ + { label: 'Chi siamo', href: '/about' }, + { label: 'Codice etico', href: '/codice-etico' }, + { label: 'Modello organizzativo', href: '/modello-organizzativo' }, + { label: 'Dove siamo', href: '/dove-siamo' }, + ] as const, + newsletter: { + title: 'Newsletter', + description: 'Aggiornamenti su prodotti e roadmap.', + placeholder: 'La tua email', + buttonLabel: 'Iscriviti', + actionUrl: '', + fieldName: 'email', + successRedirect: '', + notifySubject: 'Nuova iscrizione newsletter — NexStudio', + }, + labels: { + cookieTitle: 'Impostazioni cookie', + socialPlaceholderTitle: 'URL da configurare in footer.ts', + companyPlaceholderTitle: 'Collegamento in arrivo', + newsletterComingSoon: + 'Iscrizione in arrivo: configura l’endpoint nel progetto per attivare il modulo.', + }, + }, + en: { + brandName: 'NexStudio', + tagline: 'Software engineering and AI for regulated industries.', + legalLine: 'VAT number and legal notes: to be added.', + columnTitles: { + sections: 'Sections', + legal: 'Legal', + social: 'Social', + company: 'Company', + } as const, + homeNav: [ + { label: 'Products', href: '/#prodotti' }, + { label: 'Services', href: '/#servizi' }, + { label: 'Stack', href: '/#stack' }, + { label: 'FAQ', href: '/#faq' }, + ] as const, + cookiePreferences: { + label: 'Cookie settings', + hint: 'Consent preferences in your browser (this is not a legal document).', + } as const, + legalColumnNav: [ + { label: 'Terms of use', href: '/terms' }, + { label: 'Cookie policy', href: '/cookies' }, + { label: 'Privacy', href: '/privacy' }, + { label: 'Privacy rights (GDPR)', href: '/gdpr' }, + ] as const, + socialLinks: [ + { label: 'Facebook', href: '' }, + { label: 'LinkedIn', href: '' }, + { label: 'Twitter / X', href: '' }, + { label: 'GitHub', href: '' }, + ] as const, + companyNav: [ + { label: 'About us', href: '/about' }, + { label: 'Code of ethics', href: '/codice-etico' }, + { label: 'Organizational model', href: '/modello-organizzativo' }, + { label: 'Where we are', href: '/dove-siamo' }, + ] as const, + newsletter: { + title: 'Newsletter', + description: 'Updates on products and roadmap.', + placeholder: 'Your email', + buttonLabel: 'Subscribe', + actionUrl: '', + fieldName: 'email', + successRedirect: '', + notifySubject: 'New newsletter signup — NexStudio', + }, + labels: { + cookieTitle: 'Cookie settings', + socialPlaceholderTitle: 'URL to configure in footer.ts', + companyPlaceholderTitle: 'Coming soon', + newsletterComingSoon: + 'Newsletter signups coming soon: configure the endpoint in the project to enable this form.', + }, + }, + th: { + brandName: 'NexStudio', + tagline: 'วิศวกรรมซอฟต์แวร์และ AI สำหรับอุตสาหกรรมที่มีข้อกำกับ', + legalLine: 'เลขประจำตัวผู้เสียภาษีและข้อมูลทางกฎหมาย: รอเพิ่มภายหลัง', + columnTitles: { + sections: 'ส่วนต่าง ๆ', + legal: 'กฎหมาย', + social: 'โซเชียล', + company: 'บริษัท', + } as const, + homeNav: [ + { label: 'ผลิตภัณฑ์', href: '/#prodotti' }, + { label: 'บริการ', href: '/#servizi' }, + { label: 'สแตก', href: '/#stack' }, + { label: 'คำถามที่พบบ่อย', href: '/#faq' }, + ] as const, + cookiePreferences: { + label: 'ตั้งค่าคุกกี้', + hint: 'การตั้งค่าความยินยอมในเบราว์เซอร์ของคุณ (ไม่ใช่เอกสารทางกฎหมาย)', + } as const, + legalColumnNav: [ + { label: 'เงื่อนไขการใช้งาน', href: '/terms' }, + { label: 'นโยบายคุกกี้', href: '/cookies' }, + { label: 'ความเป็นส่วนตัว', href: '/privacy' }, + { label: 'สิทธิความเป็นส่วนตัว (GDPR)', href: '/gdpr' }, + ] as const, + socialLinks: [ + { label: 'Facebook', href: '' }, + { label: 'LinkedIn', href: '' }, + { label: 'Twitter / X', href: '' }, + { label: 'GitHub', href: '' }, + ] as const, + companyNav: [ + { label: 'เกี่ยวกับเรา', href: '/about' }, + { label: 'จรรยาบรรณ', href: '/codice-etico' }, + { label: 'โมเดลองค์กร', href: '/modello-organizzativo' }, + { label: 'ที่ตั้ง', href: '/dove-siamo' }, + ] as const, + newsletter: { + title: 'จดหมายข่าว', + description: 'อัปเดตเกี่ยวกับผลิตภัณฑ์และโรดแมป', + placeholder: 'อีเมลของคุณ', + buttonLabel: 'สมัครรับข่าวสาร', + actionUrl: '', + fieldName: 'email', + successRedirect: '', + notifySubject: 'มีผู้สมัครจดหมายข่าวใหม่ — NexStudio', + }, + labels: { + cookieTitle: 'ตั้งค่าคุกกี้', + socialPlaceholderTitle: 'ต้องตั้งค่า URL ใน footer.ts', + companyPlaceholderTitle: 'กำลังจะเปิดใช้งาน', + newsletterComingSoon: + 'ระบบสมัครจดหมายข่าวกำลังจะเปิดใช้งาน: ตั้งค่า endpoint ในโปรเจกต์เพื่อเปิดฟอร์มนี้', + }, }, } as const; + +export const getFooter = (locale: SupportedLocale) => footerByLocale[locale]; + +/** Retro-compatibilità: fallback italiano. */ +export const footer = footerByLocale.it; diff --git a/src/data/home/hero.ts b/src/data/home/hero.ts index 97341e9..4c98b72 100644 --- a/src/data/home/hero.ts +++ b/src/data/home/hero.ts @@ -1,29 +1,85 @@ +import type { SupportedLocale } from './navigation'; + /** Sezione hero */ -export const hero = { - badge: 'Restituiamo valore al tuo tempo', - /** Parte prima dell’evidenziazione nel titolo */ - titleBefore: "Ingegneria del software per l'era dell'", - /** Segmento con gradiente nel titolo */ - titleHighlight: 'Intelligenza Artificiale', - titleAfter: '.', - subtitle: - 'Sviluppiamo soluzioni SaaS ad alta complessità per settori regolamentati.', - /** Paragrafi introduttivi */ - paragraphs: [ - "Ci occupiamo di progettazione di ecosistemi digitali evoluti. La nostra specializzazione risiede nell'integrazione di modelli di Intelligenza Artificiale all'interno di flussi di lavoro professionali dove precisione, sicurezza e affidabilità sono requisiti non negoziabili.", - 'Il nostro approccio si concentra sulla trasformazione di dati complessi in strumenti operativi fluidi, attraverso lo sviluppo di algoritmi proprietari, interfacce vocali e architetture cloud scalabili.', - ] as const, - businessUnitsHeading: 'Le nostre Business Unit:', - businessUnitsIntro: - 'Operiamo attraverso divisioni specializzate per garantire la massima verticalità e competenza di dominio:', - businessUnits: [ - { - name: 'Legal Tech', - description: "Soluzioni per l'automazione e l'analisi normativa.", - }, - { - name: 'Health Tech', - description: 'Sistemi avanzati per la gestione e l’automazione sanitaria.', - }, - ] as const, +const heroByLocale = { + it: { + badge: 'Restituiamo valore al tuo tempo', + titleBefore: "Ingegneria del software per l'era dell'", + titleHighlight: 'Intelligenza Artificiale', + titleAfter: '.', + subtitle: + 'Sviluppiamo soluzioni SaaS ad alta complessità per settori regolamentati.', + paragraphs: [ + "Ci occupiamo di progettazione di ecosistemi digitali evoluti. La nostra specializzazione risiede nell'integrazione di modelli di Intelligenza Artificiale all'interno di flussi di lavoro professionali dove precisione, sicurezza e affidabilità sono requisiti non negoziabili.", + 'Il nostro approccio si concentra sulla trasformazione di dati complessi in strumenti operativi fluidi, attraverso lo sviluppo di algoritmi proprietari, interfacce vocali e architetture cloud scalabili.', + ] as const, + businessUnitsHeading: 'Le nostre Business Unit:', + businessUnitsIntro: + 'Operiamo attraverso divisioni specializzate per garantire la massima verticalità e competenza di dominio:', + businessUnits: [ + { + name: 'Legal Tech', + description: "Soluzioni per l'automazione e l'analisi normativa.", + }, + { + name: 'Health Tech', + description: 'Sistemi avanzati per la gestione e l’automazione sanitaria.', + }, + ] as const, + }, + en: { + badge: 'We give your time back', + titleBefore: "Software engineering for the era of ", + titleHighlight: 'Artificial Intelligence', + titleAfter: '.', + subtitle: + 'We build high-complexity SaaS solutions for regulated industries.', + paragraphs: [ + 'We design advanced digital ecosystems. Our specialization is integrating AI models into professional workflows where accuracy, security, and reliability are non-negotiable requirements.', + 'Our approach turns complex data into smooth operational tools through proprietary algorithms, voice interfaces, and scalable cloud-native architectures.', + ] as const, + businessUnitsHeading: 'Our Business Units:', + businessUnitsIntro: + 'We operate through specialized divisions to ensure deep domain expertise and vertical focus:', + businessUnits: [ + { + name: 'Legal Tech', + description: 'Solutions for legal automation and regulatory analysis.', + }, + { + name: 'Health Tech', + description: + 'Advanced systems for healthcare workflow management and automation.', + }, + ] as const, + }, + th: { + badge: 'คืนคุณค่าให้กับเวลาของคุณ', + titleBefore: 'วิศวกรรมซอฟต์แวร์สำหรับยุคของ', + titleHighlight: 'ปัญญาประดิษฐ์', + titleAfter: '.', + subtitle: 'เราพัฒนาโซลูชัน SaaS ที่ซับซ้อนสูงสำหรับอุตสาหกรรมที่มีข้อกำกับ', + paragraphs: [ + 'เราออกแบบระบบนิเวศดิจิทัลขั้นสูง โดยเชี่ยวชาญในการผสานโมเดล AI เข้ากับเวิร์กโฟลว์ระดับมืออาชีพที่ต้องการความแม่นยำ ความปลอดภัย และความน่าเชื่อถือ', + 'แนวทางของเราคือเปลี่ยนข้อมูลที่ซับซ้อนให้เป็นเครื่องมือการทำงานที่ลื่นไหล ผ่านอัลกอริทึมเฉพาะทาง อินเทอร์เฟซเสียง และสถาปัตยกรรมคลาวด์ที่ขยายได้', + ] as const, + businessUnitsHeading: 'หน่วยธุรกิจของเรา:', + businessUnitsIntro: + 'เราดำเนินงานผ่านทีมเฉพาะทางเพื่อให้ได้ความเชี่ยวชาญเชิงลึกในแต่ละโดเมน:', + businessUnits: [ + { + name: 'Legal Tech', + description: 'โซลูชันสำหรับงานกฎหมายอัตโนมัติและการวิเคราะห์ข้อกำกับ', + }, + { + name: 'Health Tech', + description: 'ระบบขั้นสูงสำหรับการจัดการและทำงานอัตโนมัติในภาคสุขภาพ', + }, + ] as const, + }, } as const; + +export const getHero = (locale: SupportedLocale) => heroByLocale[locale]; + +/** Retro-compatibilità: fallback italiano. */ +export const hero = heroByLocale.it; diff --git a/src/data/home/index.ts b/src/data/home/index.ts index 62a6c57..778375f 100644 --- a/src/data/home/index.ts +++ b/src/data/home/index.ts @@ -3,13 +3,21 @@ * Modifica i file in questa cartella per aggiornare testi senza toccare il markup. */ export { siteMeta } from './site-meta'; +export { getSiteMeta } from './site-meta'; export { chat } from './chat'; export { navigation } from './navigation'; +export { getNavigation } from './navigation'; export { hero } from './hero'; +export { getHero } from './hero'; export { stats } from './stats'; export { services } from './services'; +export { getServices } from './services'; export { stackSection } from './stack'; +export { getStackSection } from './stack'; export { productsSection } from './products'; export { faq } from './faq'; +export { getFaq } from './faq'; export { cta } from './cta'; +export { getCta } from './cta'; export { footer } from './footer'; +export { getFooter } from './footer'; diff --git a/src/data/home/navigation.ts b/src/data/home/navigation.ts index 4d7510c..115d110 100644 --- a/src/data/home/navigation.ts +++ b/src/data/home/navigation.ts @@ -1,19 +1,77 @@ import { chat } from './chat'; -/** Header — CTA unico: ingresso chat live (config in `chat.ts`) */ -export const navigation = { - brandName: 'NexStudio', - items: [ - { label: 'Prodotti', href: '/#prodotti' }, - { label: 'Servizi', href: '/#servizi' }, - { label: 'Stack', href: '/#stack' }, - { label: 'FAQ', href: '/#faq' }, - { label: 'Contattaci', href: '/#contatti' }, - ] as const, - cta: { - label: 'Chattiamo', - linkTitle: chat.linkTitle, - ariaLabel: - 'Richiedi accesso alla chat NexStudio: stato operatore e chatbot, identificazione con email (link o codice) prima della sessione.', +export type SupportedLocale = 'it' | 'en' | 'th'; + +const navigationByLocale = { + it: { + brandName: 'NexStudio', + items: [ + { label: 'Prodotti', href: '/#prodotti' }, + { label: 'Servizi', href: '/#servizi' }, + { label: 'Stack', href: '/#stack' }, + { label: 'FAQ', href: '/#faq' }, + { label: 'Contattaci', href: '/#contatti' }, + ] as const, + cta: { + label: 'Chattiamo', + linkTitle: chat.linkTitle, + ariaLabel: + 'Richiedi accesso alla chat NexStudio: stato operatore e chatbot, identificazione con email (link o codice) prima della sessione.', + }, + labels: { + mainNavAria: 'Principale', + mobileNavAria: 'Navigazione mobile', + languageSelectorAria: 'Seleziona lingua', + openMenuAria: 'Apri menu', + }, + }, + en: { + brandName: 'NexStudio', + items: [ + { label: 'Products', href: '/#prodotti' }, + { label: 'Services', href: '/#servizi' }, + { label: 'Stack', href: '/#stack' }, + { label: 'FAQ', href: '/#faq' }, + { label: 'Contact', href: '/#contatti' }, + ] as const, + cta: { + label: 'Let’s chat', + linkTitle: 'Open NexStudio chat access request.', + ariaLabel: + 'Request access to NexStudio chat: operator and chatbot availability, email verification link or code before session start.', + }, + labels: { + mainNavAria: 'Main navigation', + mobileNavAria: 'Mobile navigation', + languageSelectorAria: 'Select language', + openMenuAria: 'Open menu', + }, + }, + th: { + brandName: 'NexStudio', + items: [ + { label: 'ผลิตภัณฑ์', href: '/#prodotti' }, + { label: 'บริการ', href: '/#servizi' }, + { label: 'สแตก', href: '/#stack' }, + { label: 'คำถามที่พบบ่อย', href: '/#faq' }, + { label: 'ติดต่อเรา', href: '/#contatti' }, + ] as const, + cta: { + label: 'เริ่มแชท', + linkTitle: 'เปิดคำขอเข้าใช้งานแชทของ NexStudio', + ariaLabel: + 'ขอเข้าใช้งานแชท NexStudio: ตรวจสอบสถานะผู้ดูแลและแชทบอต พร้อมยืนยันตัวตนด้วยอีเมลก่อนเริ่มใช้งาน', + }, + labels: { + mainNavAria: 'เมนูหลัก', + mobileNavAria: 'เมนูบนมือถือ', + languageSelectorAria: 'เลือกภาษา', + openMenuAria: 'เปิดเมนู', + }, }, } as const; + +export const getNavigation = (locale: SupportedLocale) => navigationByLocale[locale]; + +/** Retro-compatibilità: fallback italiano. */ +export const navigation = navigationByLocale.it; diff --git a/src/data/home/services.ts b/src/data/home/services.ts index e86d14c..ea8ee6a 100644 --- a/src/data/home/services.ts +++ b/src/data/home/services.ts @@ -2,51 +2,153 @@ * Servizi (griglia bento). * layout: wide = 2 colonne, tall = 2 righe + elenco puntato */ -export const services = { - eyebrow: 'I nostri servizi', - title: 'Implementazione, evoluzione e supporto', - lead: - 'In NexStudio, il nostro impegno non si esaurisce con la fornitura della licenza software. Il nostro modello di servizio è progettato per garantire che ogni professionista e struttura possa estrarre il massimo valore dalle potenzialità dell’Intelligenza Artificiale integrata in LexAura e MediAura.', - cards: [ - { - layout: 'tall' as const, - /** Sfera geodetica vettoriale (SVG) in basso a destra */ - decoration: 'wireframe-globe' as const, - title: 'Onboarding e formazione specialistica', - body: - 'L’adozione di un sistema basato su IA richiede un passaggio metodologico, non solo tecnico. Offriamo programmi di formazione dedicati per team legali e medici, finalizzati a:', - bullets: [ - 'Ottimizzare l’interazione con gli algoritmi di ricerca e sintesi.', - 'Padroneggiare i comandi vocali e l’automazione dei flussi documentali.', - 'Ridurre drasticamente la curva di apprendimento tecnologico.', - ], - }, - { - layout: 'wide' as const, - title: 'Supporto Tecnico e Consulenza Operativa', - body: - 'Forniamo un’assistenza continua e di alto profilo per garantire la costante continuità operativa dei vostri sistemi. NexStudio non agisce come un semplice fornitore di supporto tecnico, ma come un partner strategico che affianca lo studio o la struttura sanitaria nell’ottimizzazione dei processi interni attraverso l’uso dei nostri SaaS.', - callout: { - title: 'Intervento «Breaking Glass»', +import type { SupportedLocale } from './navigation'; + +const servicesByLocale = { + it: { + eyebrow: 'I nostri servizi', + title: 'Implementazione, evoluzione e supporto', + lead: + 'In NexStudio, il nostro impegno non si esaurisce con la fornitura della licenza software. Il nostro modello di servizio è progettato per garantire che ogni professionista e struttura possa estrarre il massimo valore dalle potenzialità dell’Intelligenza Artificiale integrata in LexAura e MediAura.', + cards: [ + { + layout: 'tall' as const, + decoration: 'wireframe-globe' as const, + title: 'Onboarding e formazione specialistica', body: - 'Per le situazioni di estrema urgenza o criticità sistemica, garantiamo protocolli di accesso rapido e intervento prioritario. Questa procedura di emergenza permette di superare i normali flussi di assistenza per risolvere istantaneamente anomalie che potrebbero impattare sulla continuità del servizio, assicurando che il professionista non resti mai isolato dai propri dati o strumenti decisionali.', + 'L’adozione di un sistema basato su IA richiede un passaggio metodologico, non solo tecnico. Offriamo programmi di formazione dedicati per team legali e medici, finalizzati a:', + bullets: [ + 'Ottimizzare l’interazione con gli algoritmi di ricerca e sintesi.', + 'Padroneggiare i comandi vocali e l’automazione dei flussi documentali.', + 'Ridurre drasticamente la curva di apprendimento tecnologico.', + ], }, - }, - { - layout: 'default' as const, - title: 'Estensioni e integrazioni personalizzate', - body: - 'Sebbene LexAura e MediAura siano prodotti finiti e pronti all’uso, comprendiamo che strutture complesse possano avere esigenze di interconnessione specifiche.', - bullets: [ - 'API integration: supportiamo l’integrazione dei nostri SaaS con sistemi gestionali preesistenti.', - 'Custom modules: progettiamo estensioni su misura che aggiungono funzionalità specifiche all’interno del perimetro dei nostri prodotti, per rispondere a flussi di lavoro unici.', - ], - }, - { - layout: 'default' as const, - title: 'Aggiornamento e manutenzione evolutiva', - body: - 'Il mondo dell’IA e delle normative (legali e sanitarie) è in costante mutamento. Il nostro servizio include l’aggiornamento continuo dei motori di analisi, garantendo che il software sia sempre allineato con le ultime tecnologie e le evoluzioni del mercato di riferimento.', - }, - ], + { + layout: 'wide' as const, + title: 'Supporto Tecnico e Consulenza Operativa', + body: + 'Forniamo un’assistenza continua e di alto profilo per garantire la costante continuità operativa dei vostri sistemi. NexStudio non agisce come un semplice fornitore di supporto tecnico, ma come un partner strategico che affianca lo studio o la struttura sanitaria nell’ottimizzazione dei processi interni attraverso l’uso dei nostri SaaS.', + callout: { + title: 'Intervento «Breaking Glass»', + body: + 'Per le situazioni di estrema urgenza o criticità sistemica, garantiamo protocolli di accesso rapido e intervento prioritario. Questa procedura di emergenza permette di superare i normali flussi di assistenza per risolvere istantaneamente anomalie che potrebbero impattare sulla continuità del servizio, assicurando che il professionista non resti mai isolato dai propri dati o strumenti decisionali.', + }, + }, + { + layout: 'default' as const, + title: 'Estensioni e integrazioni personalizzate', + body: + 'Sebbene LexAura e MediAura siano prodotti finiti e pronti all’uso, comprendiamo che strutture complesse possano avere esigenze di interconnessione specifiche.', + bullets: [ + 'API integration: supportiamo l’integrazione dei nostri SaaS con sistemi gestionali preesistenti.', + 'Custom modules: progettiamo estensioni su misura che aggiungono funzionalità specifiche all’interno del perimetro dei nostri prodotti, per rispondere a flussi di lavoro unici.', + ], + }, + { + layout: 'default' as const, + title: 'Aggiornamento e manutenzione evolutiva', + body: + 'Il mondo dell’IA e delle normative (legali e sanitarie) è in costante mutamento. Il nostro servizio include l’aggiornamento continuo dei motori di analisi, garantendo che il software sia sempre allineato con le ultime tecnologie e le evoluzioni del mercato di riferimento.', + }, + ], + }, + en: { + eyebrow: 'Our services', + title: 'Implementation, evolution, and support', + lead: + 'At NexStudio, our commitment goes beyond software licensing. Our service model helps each professional and organization unlock the full value of AI integrated into LexAura and MediAura.', + cards: [ + { + layout: 'tall' as const, + decoration: 'wireframe-globe' as const, + title: 'Onboarding and specialist training', + body: + 'Adopting AI-powered systems is a methodological shift, not only a technical one. We provide dedicated programs for legal and medical teams to:', + bullets: [ + 'Improve interaction with search and summarization algorithms.', + 'Master voice commands and document workflow automation.', + 'Significantly reduce the technology learning curve.', + ], + }, + { + layout: 'wide' as const, + title: 'Technical support and operational consulting', + body: + 'We provide continuous, high-level assistance to ensure operational continuity. NexStudio is not just a support vendor, but a strategic partner for legal firms and healthcare organizations.', + callout: { + title: '“Breaking Glass” intervention', + body: + 'For critical urgency or systemic incidents, we offer rapid-access and priority intervention protocols. This emergency procedure bypasses standard support flows to restore continuity as fast as possible.', + }, + }, + { + layout: 'default' as const, + title: 'Custom extensions and integrations', + body: + 'Although LexAura and MediAura are complete, ready-to-use products, complex organizations may still require specific interoperability needs.', + bullets: [ + 'API integration: we integrate our SaaS with your existing management systems.', + 'Custom modules: we build tailored extensions inside our product perimeter to support unique workflows.', + ], + }, + { + layout: 'default' as const, + title: 'Evolutionary updates and maintenance', + body: + 'AI and regulated frameworks evolve continuously. Our service includes ongoing analysis-engine updates to keep software aligned with new technologies and market requirements.', + }, + ], + }, + th: { + eyebrow: 'บริการของเรา', + title: 'การติดตั้ง การพัฒนา และการสนับสนุน', + lead: + 'ที่ NexStudio ความมุ่งมั่นของเราไม่ได้จบแค่การให้สิทธิ์ใช้งานซอฟต์แวร์ โมเดลบริการของเราช่วยให้ทีมงานดึงศักยภาพสูงสุดจาก AI ที่ผสานใน LexAura และ MediAura', + cards: [ + { + layout: 'tall' as const, + decoration: 'wireframe-globe' as const, + title: 'การเริ่มใช้งานและการอบรมเฉพาะทาง', + body: + 'การนำระบบ AI มาใช้ต้องอาศัยการเปลี่ยนผ่านเชิงวิธีการ ไม่ใช่แค่เทคนิค เรามีโปรแกรมอบรมสำหรับทีมกฎหมายและการแพทย์เพื่อ:', + bullets: [ + 'เพิ่มประสิทธิภาพการใช้งานอัลกอริทึมค้นหาและสรุปผล', + 'ใช้งานคำสั่งเสียงและระบบงานเอกสารอัตโนมัติได้อย่างคล่องตัว', + 'ลดช่วงเวลาเรียนรู้เทคโนโลยีอย่างมีนัยสำคัญ', + ], + }, + { + layout: 'wide' as const, + title: 'สนับสนุนทางเทคนิคและที่ปรึกษาการปฏิบัติงาน', + body: + 'เราให้การสนับสนุนอย่างต่อเนื่องเพื่อคงความต่อเนื่องในการดำเนินงาน NexStudio ไม่ได้เป็นเพียงผู้ให้บริการซัพพอร์ต แต่เป็นพาร์ตเนอร์เชิงกลยุทธ์สำหรับองค์กร', + callout: { + title: 'การแทรกแซงแบบ “Breaking Glass”', + body: + 'เมื่อเกิดเหตุเร่งด่วนหรือความผิดปกติระดับวิกฤต เรามีโปรโตคอลเข้าถึงด่วนและจัดลำดับความสำคัญสูงสุด เพื่อแก้ปัญหาได้ทันทีและรักษาความต่อเนื่องของบริการ', + }, + }, + { + layout: 'default' as const, + title: 'ส่วนขยายและการเชื่อมต่อแบบกำหนดเอง', + body: + 'แม้ LexAura และ MediAura จะพร้อมใช้งานทันที แต่บางองค์กรอาจต้องการการเชื่อมต่อเฉพาะทางกับระบบเดิม', + bullets: [ + 'API integration: เชื่อม SaaS ของเราเข้ากับระบบจัดการที่ใช้อยู่แล้ว', + 'Custom modules: ออกแบบส่วนขยายเฉพาะงานภายในขอบเขตผลิตภัณฑ์ของเรา', + ], + }, + { + layout: 'default' as const, + title: 'อัปเดตและบำรุงรักษาเชิงพัฒนา', + body: + 'โลกของ AI และข้อกำกับเปลี่ยนแปลงตลอดเวลา บริการของเรารวมถึงการอัปเดตเอนจินวิเคราะห์อย่างต่อเนื่องเพื่อให้ซอฟต์แวร์ทันสมัยและสอดคล้องบริบทตลาด', + }, + ], + }, } as const; + +export const getServices = (locale: SupportedLocale) => servicesByLocale[locale]; + +/** Retro-compatibilità: fallback italiano. */ +export const services = servicesByLocale.it; diff --git a/src/data/home/site-meta.ts b/src/data/home/site-meta.ts index 0f8ca16..d6370ce 100644 --- a/src/data/home/site-meta.ts +++ b/src/data/home/site-meta.ts @@ -1,6 +1,25 @@ +import type { SupportedLocale } from './navigation'; + /** Meta pagina principale — usato da BaseLayout */ -export const siteMeta = { - title: 'NexStudio — Ingegneria del software e IA per settori regolamentati', - description: - 'NexStudio: software company con sede a Bangkok. SaaS ad alta complessità, integrazione di IA in flussi professionali, Legal Tech e Health Tech.', +const siteMetaByLocale = { + it: { + title: 'NexStudio — Ingegneria del software e IA per settori regolamentati', + description: + 'NexStudio: software company con sede a Bangkok. SaaS ad alta complessità, integrazione di IA in flussi professionali, Legal Tech e Health Tech.', + }, + en: { + title: 'NexStudio — Software engineering and AI for regulated industries', + description: + 'NexStudio is a software company based in Bangkok. We build high-complexity SaaS products and integrate AI into professional workflows across Legal Tech and Health Tech.', + }, + th: { + title: 'NexStudio — วิศวกรรมซอฟต์แวร์และ AI สำหรับอุตสาหกรรมที่มีข้อกำกับ', + description: + 'NexStudio คือบริษัทซอฟต์แวร์ในกรุงเทพฯ พัฒนา SaaS ความซับซ้อนสูง และผสาน AI เข้ากับเวิร์กโฟลว์ระดับมืออาชีพในสาย Legal Tech และ Health Tech', + }, } as const; + +export const getSiteMeta = (locale: SupportedLocale) => siteMetaByLocale[locale]; + +/** Retro-compatibilità: fallback italiano. */ +export const siteMeta = siteMetaByLocale.it; diff --git a/src/data/home/stack.ts b/src/data/home/stack.ts index 04e3e3b..cb1bbcd 100644 --- a/src/data/home/stack.ts +++ b/src/data/home/stack.ts @@ -1,9 +1,12 @@ +import type { SupportedLocale } from './navigation'; + /** Sezione stack — infrastruttura Cloudflare e sicurezza */ -export const stackSection = { +const stackIt = { eyebrow: 'Lo stack tecnologico', title: 'Infrastruttura e sicurezza', lead: 'In NexStudio, la qualità dell’esperienza utente è inscindibile dalla solidità dell’infrastruttura. Per questo motivo ci affidiamo a partner globali ad alta efficienza che garantiscono i più elevati standard di disponibilità e protezione dei dati.', + infrastructureHeading: 'Infrastruttura', cloudflare: { title: 'Ecosistema Cloudflare', intro: @@ -145,3 +148,168 @@ export const stackSection = { ] as const, }, } as const; + +const stackByLocale = { + it: stackIt, + en: { + ...stackIt, + eyebrow: 'Technology stack', + title: 'Infrastructure and security', + lead: + 'At NexStudio, user experience quality is inseparable from infrastructure resilience. That is why we rely on high-efficiency global partners that provide strong availability and data protection standards.', + infrastructureHeading: 'Infrastructure', + cloudflare: { + ...stackIt.cloudflare, + title: 'Cloudflare ecosystem', + intro: + '"Cloudflare helps accelerate performance, secure app availability, and optimize web experiences globally."', + points: [ + { + title: 'Performance without compromise', + body: + 'Access to our services remains low-latency worldwide, ensuring fluid usage even during complex data-processing operations.', + }, + { + title: 'Advanced security', + body: + 'We apply modern protection layers including end-to-end encryption, DDoS mitigation, and Web Application Firewall controls.', + }, + { + title: 'Compliance and data integrity', + body: + 'We use geographic data-control capabilities to align legal and medical data processing with local and international privacy requirements.', + }, + ] as const, + }, + continuity: { + title: 'Continuity and scalability', + body: + 'We provide professional-grade SLA uptime. Our cloud-native architecture scales instantly for workload peaks, large offices, and multi-site organizations.', + }, + whyThisChoice: { + title: 'Why NexStudio', + points: [ + 'Regulated vertical focus: we design for Legal Tech and Health Tech, where traceability, privacy, and service continuity are core product requirements.', + 'AI in real professional workflows: we embed models and automation with attention to accuracy, auditability, and human oversight.', + 'End-to-end responsibility: architecture, development, and evolution stay under one ownership model for clearer priorities and delivery.', + ] as const, + }, + cloudflareBadge: { + ...stackIt.cloudflareBadge, + label: 'Cloudflare ecosystem', + slogan: '"Helping build a better Internet."', + }, + awsBadge: { + ...stackIt.awsBadge, + label: 'AWS ecosystem', + slogan: '"The world’s most comprehensive and broadly adopted cloud platform."', + }, + infrastructureCarousel: { + ...stackIt.infrastructureCarousel, + ariaLabel: 'NexStudio infrastructure and technology partners', + items: [ + { + ...stackIt.infrastructureCarousel.items[0], + label: 'Cloudflare ecosystem', + slogan: '"Helping build a better Internet."', + }, + { + ...stackIt.infrastructureCarousel.items[1], + label: 'AWS ecosystem', + slogan: '"The world’s most comprehensive and broadly adopted cloud platform."', + }, + { + ...stackIt.infrastructureCarousel.items[2], + label: 'GitHub ecosystem', + }, + { + ...stackIt.infrastructureCarousel.items[3], + label: 'OpenAI ecosystem', + }, + ] as const, + }, + }, + th: { + ...stackIt, + eyebrow: 'เทคโนโลยีสแตก', + title: 'โครงสร้างพื้นฐานและความปลอดภัย', + lead: + 'ที่ NexStudio คุณภาพประสบการณ์ผู้ใช้แยกไม่ออกจากความมั่นคงของโครงสร้างพื้นฐาน เราจึงเลือกพาร์ตเนอร์ระดับโลกที่มีประสิทธิภาพสูงเพื่อให้ได้มาตรฐานด้านความพร้อมใช้งานและความปลอดภัยของข้อมูล', + infrastructureHeading: 'โครงสร้างพื้นฐาน', + cloudflare: { + ...stackIt.cloudflare, + title: 'ระบบนิเวศ Cloudflare', + intro: + '"Cloudflare ช่วยเร่งประสิทธิภาพ รับประกันความพร้อมใช้งานของแอป และยกระดับประสบการณ์เว็บทั่วโลก"', + points: [ + { + title: 'ประสิทธิภาพที่ไม่ประนีประนอม', + body: + 'เข้าถึงบริการของเราได้อย่างหน่วงต่ำจากทุกที่ทั่วโลก แม้ในงานประมวลผลข้อมูลที่ซับซ้อน', + }, + { + title: 'ความปลอดภัยขั้นสูง', + body: + 'เราใช้กลไกป้องกันสมัยใหม่ เช่น การเข้ารหัส end-to-end การป้องกัน DDoS และ Web Application Firewall', + }, + { + title: 'การปฏิบัติตามข้อกำกับและความถูกต้องของข้อมูล', + body: + 'เราใช้ความสามารถในการกำกับตำแหน่งข้อมูลเพื่อให้การจัดการข้อมูลอ่อนไหวด้านกฎหมายและการแพทย์สอดคล้องกับข้อกำกับความเป็นส่วนตัว', + }, + ] as const, + }, + continuity: { + title: 'ความต่อเนื่องและการขยายตัว', + body: + 'เรารับประกัน uptime ระดับมืออาชีพตาม SLA และสถาปัตยกรรม cloud-native ที่ขยายได้ทันทีเมื่อมีโหลดสูง', + }, + whyThisChoice: { + title: 'ทำไมต้อง NexStudio', + points: [ + 'เชี่ยวชาญอุตสาหกรรมที่มีข้อกำกับ: Legal Tech และ Health Tech', + 'ผสาน AI เข้ากับงานจริง โดยคำนึงถึงความแม่นยำ การตรวจสอบย้อนหลัง และการกำกับโดยมนุษย์', + 'รับผิดชอบแบบ end-to-end: สถาปัตยกรรม การพัฒนา และการต่อยอดอยู่ภายใต้ทีมเดียว', + ] as const, + }, + cloudflareBadge: { + ...stackIt.cloudflareBadge, + label: 'ระบบนิเวศ Cloudflare', + slogan: '"ช่วยกันสร้างอินเทอร์เน็ตที่ดีกว่า"', + }, + awsBadge: { + ...stackIt.awsBadge, + label: 'ระบบนิเวศ AWS', + slogan: '"แพลตฟอร์มคลาวด์ที่ครอบคลุมและได้รับการใช้งานอย่างกว้างขวางที่สุดในโลก"', + }, + infrastructureCarousel: { + ...stackIt.infrastructureCarousel, + ariaLabel: 'พาร์ตเนอร์โครงสร้างพื้นฐานและเทคโนโลยีของ NexStudio', + items: [ + { + ...stackIt.infrastructureCarousel.items[0], + label: 'ระบบนิเวศ Cloudflare', + slogan: '"ช่วยกันสร้างอินเทอร์เน็ตที่ดีกว่า"', + }, + { + ...stackIt.infrastructureCarousel.items[1], + label: 'ระบบนิเวศ AWS', + slogan: '"แพลตฟอร์มคลาวด์ที่ครอบคลุมและได้รับการใช้งานอย่างกว้างขวางที่สุดในโลก"', + }, + { + ...stackIt.infrastructureCarousel.items[2], + label: 'ระบบนิเวศ GitHub', + }, + { + ...stackIt.infrastructureCarousel.items[3], + label: 'ระบบนิเวศ OpenAI', + }, + ] as const, + }, + }, +} as const; + +export const getStackSection = (locale: SupportedLocale) => stackByLocale[locale]; + +/** Retro-compatibilità: fallback italiano. */ +export const stackSection = stackByLocale.it; diff --git a/src/layouts/SubpageLayout.astro b/src/layouts/SubpageLayout.astro index ff4f9cf..3156d34 100644 --- a/src/layouts/SubpageLayout.astro +++ b/src/layouts/SubpageLayout.astro @@ -1,6 +1,7 @@ --- import BaseLayout from './BaseLayout.astro'; import SiteFooter from '../components/SiteFooter.astro'; +import { getNavigation } from '../data/home'; interface Props { title: string; @@ -29,7 +30,8 @@ const printDate = new Intl.DateTimeFormat('it-IT', { const printSource = Astro.url.href; const path = Astro.url.pathname; const localeMatch = path.match(/^\/(en|th)(\/|$)/); -const currentLocale = localeMatch?.[1] ?? 'it'; +const currentLocale = (localeMatch?.[1] ?? 'it') as 'it' | 'en' | 'th'; +const navigation = getNavigation(currentLocale); const strippedPath = path.replace(/^\/(en|th)(?=\/|$)/, '') || '/'; const localeHref = (locale: 'it' | 'en' | 'th') => { if (locale === 'it') return strippedPath; @@ -71,7 +73,7 @@ const langMeta = {
{langMeta[currentLocale].code} @@ -129,7 +131,7 @@ const langMeta = {
Contattaci{navigation.items[4]?.label ?? 'Contattaci'} diff --git a/src/pages/index.astro b/src/pages/index.astro index d83fa82..31603cc 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -6,21 +6,33 @@ import ContactFormInline from '../components/ContactFormInline.astro'; import CardBottomRightTexture from '../components/CardBottomRightTexture.astro'; import SiteFooter from '../components/SiteFooter.astro'; import { - siteMeta, - navigation, - hero, + getSiteMeta, + getNavigation, + getHero, stats, - services, - stackSection, + getServices, + getStackSection, productsSection, - faq, - cta, + getFaq, + getCta, } from '../data/home'; const infrastructureCarouselItems = stackSection.infrastructureCarousel.items; const path = Astro.url.pathname; const localeMatch = path.match(/^\/(en|th)(\/|$)/); -const currentLocale = localeMatch?.[1] ?? 'it'; +const currentLocale = (localeMatch?.[1] ?? 'it') as 'it' | 'en' | 'th'; +const navigation = getNavigation(currentLocale); +const siteMeta = getSiteMeta(currentLocale); +const hero = getHero(currentLocale); +const services = getServices(currentLocale); +const stackSection = getStackSection(currentLocale); +const faq = getFaq(currentLocale); +const cta = getCta(currentLocale); +const pageLabels = { + it: { focus: 'Focus' }, + en: { focus: 'Focus' }, + th: { focus: 'จุดเน้น' }, +}[currentLocale]; const localize = (href: string) => { if (currentLocale === 'it') return href; if (href.startsWith(`/${currentLocale}`)) return href; @@ -64,7 +76,7 @@ const langMeta = {