Avvia i18n reale della home su IT EN TH.
Introduco contenuti localizzati per menu, footer e principali sezioni della homepage, includendo il form contatti e i messaggi client per mantenere coerenza UX tra le tre lingue. Made-with: Cursor
This commit is contained in:
Javaxman
@ -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"
|
||||
></div>
|
||||
<p class="mt-1.5 text-xs leading-relaxed text-nx-muted">
|
||||
Verifica anti-spam: completa il controllo prima di inviare il messaggio.
|
||||
{cf.turnstileHint}
|
||||
</p>
|
||||
</div>
|
||||
) : null
|
||||
|
||||
@ -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) => {
|
||||
) : (
|
||||
<span
|
||||
class="cursor-not-allowed text-nx-muted opacity-50"
|
||||
title="URL da configurare in footer.ts"
|
||||
title={footer.labels.socialPlaceholderTitle}
|
||||
>
|
||||
{item.label}
|
||||
</span>
|
||||
@ -115,7 +117,7 @@ const withLocale = (href: string) => {
|
||||
{link.label}
|
||||
</a>
|
||||
) : (
|
||||
<span class="text-sm text-nx-muted" title="Collegamento in arrivo">
|
||||
<span class="text-sm text-nx-muted" title={footer.labels.companyPlaceholderTitle}>
|
||||
{link.label}
|
||||
</span>
|
||||
)}
|
||||
@ -131,7 +133,7 @@ const withLocale = (href: string) => {
|
||||
>
|
||||
<div class="min-w-0">
|
||||
<p class="text-xs font-semibold uppercase tracking-wider text-nx-fg">
|
||||
Impostazioni cookie
|
||||
{footer.labels.cookieTitle}
|
||||
</p>
|
||||
<p class="mt-1.5 max-w-xl text-xs leading-relaxed text-nx-muted">
|
||||
{footer.cookiePreferences.hint}
|
||||
@ -204,7 +206,7 @@ const withLocale = (href: string) => {
|
||||
{nl.buttonLabel}
|
||||
</button>
|
||||
<p id="nx-newsletter-hint" class="text-xs leading-relaxed text-nx-muted">
|
||||
Iscrizione in arrivo: configura l’endpoint nel progetto per attivare il modulo.
|
||||
{footer.labels.newsletterComingSoon}
|
||||
</p>
|
||||
</div>
|
||||
)
|
||||
|
||||
@ -5,25 +5,16 @@ 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) */
|
||||
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.',
|
||||
|
||||
/**
|
||||
* 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.',
|
||||
@ -34,19 +25,28 @@ export const cta = {
|
||||
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 */
|
||||
turnstileLanguage: 'it',
|
||||
turnstileHint:
|
||||
'Verifica anti-spam: completa il controllo prima di inviare il messaggio.',
|
||||
notifySubject: 'Richiesta contatto — sito NexStudio',
|
||||
/** Fallback se `actionUrl` e' vuoto (`PUBLIC_CONTACT_FORM_MAILTO`) */
|
||||
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',
|
||||
@ -59,4 +59,111 @@ export const cta = {
|
||||
{ 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;
|
||||
|
||||
@ -1,5 +1,8 @@
|
||||
import type { SupportedLocale } from './navigation';
|
||||
|
||||
/** FAQ — domande/risposte allineate a hero, prodotti, servizi e stack */
|
||||
export const faq = {
|
||||
const faqByLocale = {
|
||||
it: {
|
||||
eyebrow: 'FAQ',
|
||||
title: 'Domande frequenti',
|
||||
items: [
|
||||
@ -44,4 +47,102 @@ export const faq = {
|
||||
'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;
|
||||
|
||||
@ -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 = {
|
||||
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,
|
||||
|
||||
/** 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',
|
||||
},
|
||||
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;
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
import type { SupportedLocale } from './navigation';
|
||||
|
||||
/** Sezione hero */
|
||||
export const hero = {
|
||||
const heroByLocale = {
|
||||
it: {
|
||||
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.',
|
||||
@ -26,4 +26,60 @@ export const hero = {
|
||||
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;
|
||||
|
||||
@ -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';
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
import { chat } from './chat';
|
||||
|
||||
/** Header — CTA unico: ingresso chat live (config in `chat.ts`) */
|
||||
export const navigation = {
|
||||
export type SupportedLocale = 'it' | 'en' | 'th';
|
||||
|
||||
const navigationByLocale = {
|
||||
it: {
|
||||
brandName: 'NexStudio',
|
||||
items: [
|
||||
{ label: 'Prodotti', href: '/#prodotti' },
|
||||
@ -16,4 +18,60 @@ export const navigation = {
|
||||
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;
|
||||
|
||||
@ -2,7 +2,10 @@
|
||||
* Servizi (griglia bento).
|
||||
* layout: wide = 2 colonne, tall = 2 righe + elenco puntato
|
||||
*/
|
||||
export const services = {
|
||||
import type { SupportedLocale } from './navigation';
|
||||
|
||||
const servicesByLocale = {
|
||||
it: {
|
||||
eyebrow: 'I nostri servizi',
|
||||
title: 'Implementazione, evoluzione e supporto',
|
||||
lead:
|
||||
@ -10,7 +13,6 @@ export const services = {
|
||||
cards: [
|
||||
{
|
||||
layout: 'tall' as const,
|
||||
/** Sfera geodetica vettoriale (SVG) in basso a destra */
|
||||
decoration: 'wireframe-globe' as const,
|
||||
title: 'Onboarding e formazione specialistica',
|
||||
body:
|
||||
@ -49,4 +51,104 @@ export const services = {
|
||||
'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;
|
||||
|
||||
@ -1,6 +1,25 @@
|
||||
import type { SupportedLocale } from './navigation';
|
||||
|
||||
/** Meta pagina principale — usato da BaseLayout */
|
||||
export const siteMeta = {
|
||||
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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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 = {
|
||||
<details class="relative" data-lang-dropdown>
|
||||
<summary
|
||||
class="inline-flex h-10 cursor-pointer list-none items-center gap-2 rounded-lg border border-nx-border/80 bg-nx-bg/50 px-3 text-xs font-medium text-nx-fg transition-colors hover:border-sky-500/35 hover:text-white"
|
||||
aria-label="Seleziona lingua"
|
||||
aria-label={navigation.labels.languageSelectorAria}
|
||||
>
|
||||
<img src={langMeta[currentLocale].flagSrc} alt="" class="h-3.5 w-5 rounded-[2px] object-cover" loading="lazy" decoding="async" />
|
||||
<span>{langMeta[currentLocale].code}</span>
|
||||
@ -129,7 +131,7 @@ const langMeta = {
|
||||
</details>
|
||||
<a
|
||||
class="text-sm font-medium text-sky-400/90 hover:text-sky-300"
|
||||
href={localize('/#contatti')}>Contattaci</a
|
||||
href={localize('/#contatti')}>{navigation.items[4]?.label ?? 'Contattaci'}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -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 = {
|
||||
|
||||
<nav
|
||||
class="hidden items-center gap-8 text-sm md:flex"
|
||||
aria-label="Principale"
|
||||
aria-label={navigation.labels.mainNavAria}
|
||||
>
|
||||
{navigation.items.map((item) => {
|
||||
const sectionId = item.href.includes('#')
|
||||
@ -87,7 +99,7 @@ const langMeta = {
|
||||
<details class="relative hidden sm:block" data-lang-dropdown>
|
||||
<summary
|
||||
class="inline-flex h-10 cursor-pointer list-none items-center gap-2 rounded-lg border border-nx-border/80 bg-nx-bg/50 px-3 text-xs font-medium text-nx-fg transition-colors hover:border-sky-500/35 hover:text-white"
|
||||
aria-label="Seleziona lingua"
|
||||
aria-label={navigation.labels.languageSelectorAria}
|
||||
>
|
||||
<img src={langMeta[currentLocale].flagSrc} alt="" class="h-3.5 w-5 rounded-[2px] object-cover" loading="lazy" decoding="async" />
|
||||
<span>{langMeta[currentLocale].code}</span>
|
||||
@ -157,7 +169,7 @@ const langMeta = {
|
||||
@click="mobile = !mobile"
|
||||
:aria-expanded="mobile"
|
||||
aria-controls="mobile-nav"
|
||||
aria-label="Apri menu"
|
||||
aria-label={navigation.labels.openMenuAria}
|
||||
>
|
||||
<svg
|
||||
x-show="!mobile"
|
||||
@ -191,7 +203,7 @@ const langMeta = {
|
||||
x-cloak
|
||||
class="border-b border-nx-border bg-black px-4 py-4 md:hidden"
|
||||
>
|
||||
<nav class="flex flex-col gap-3 text-sm" aria-label="Mobile">
|
||||
<nav class="flex flex-col gap-3 text-sm" aria-label={navigation.labels.mobileNavAria}>
|
||||
{navigation.items.map((item) => {
|
||||
const sectionId = item.href.includes('#')
|
||||
? item.href.split('#').pop()!
|
||||
@ -356,7 +368,7 @@ const langMeta = {
|
||||
pi === 0 ? 'text-sky-200/85' : 'text-emerald-200/85',
|
||||
]}
|
||||
>
|
||||
<span class="text-nx-muted font-normal">Focus — </span>
|
||||
<span class="text-nx-muted font-normal">{pageLabels.focus} — </span>
|
||||
{product.focus}
|
||||
</p>
|
||||
<p class="mt-5 text-sm leading-relaxed text-nx-muted sm:text-base">
|
||||
@ -497,7 +509,7 @@ const langMeta = {
|
||||
class="relative z-[1] mt-12 rounded-2xl border border-orange-500/20 bg-gradient-to-br from-orange-950/20 to-nx-elevated/40 p-6 sm:p-8"
|
||||
>
|
||||
<p class="text-xs font-medium uppercase tracking-wider text-orange-200/90">
|
||||
Infrastruttura
|
||||
{stackSection.infrastructureHeading}
|
||||
</p>
|
||||
<div
|
||||
class="nx-infra-carousel mt-5"
|
||||
|
||||
@ -11,6 +11,15 @@ interface ContactFormCfg {
|
||||
fieldDepartment: string;
|
||||
fieldEmail: string;
|
||||
fieldMessage: string;
|
||||
turnstileError: string;
|
||||
configError: string;
|
||||
mailtoFallbackSubject: string;
|
||||
mailtoLabelName: string;
|
||||
mailtoLabelCompany: string;
|
||||
mailtoLabelEmail: string;
|
||||
mailtoLabelCountry: string;
|
||||
mailtoLabelDepartment: string;
|
||||
mailtoDefaultDepartment: string;
|
||||
}
|
||||
|
||||
function readCfg(): ContactFormCfg {
|
||||
@ -29,6 +38,15 @@ function readCfg(): ContactFormCfg {
|
||||
fieldDepartment: 'department',
|
||||
fieldEmail: 'email',
|
||||
fieldMessage: 'message',
|
||||
turnstileError: 'Complete anti-spam verification before sending.',
|
||||
configError: 'Contact form endpoint is not configured.',
|
||||
mailtoFallbackSubject: 'Website contact',
|
||||
mailtoLabelName: 'Name',
|
||||
mailtoLabelCompany: 'Company',
|
||||
mailtoLabelEmail: 'Email',
|
||||
mailtoLabelCountry: 'Country',
|
||||
mailtoLabelDepartment: 'Department',
|
||||
mailtoDefaultDepartment: 'general',
|
||||
};
|
||||
}
|
||||
return JSON.parse(raw) as ContactFormCfg;
|
||||
@ -52,8 +70,7 @@ function bind(): void {
|
||||
if (!token) {
|
||||
e.preventDefault();
|
||||
if (err) {
|
||||
err.textContent =
|
||||
'Completa il controllo anti-spam prima di inviare il messaggio.';
|
||||
err.textContent = cfg.turnstileError;
|
||||
err.classList.remove('hidden');
|
||||
}
|
||||
return;
|
||||
@ -72,17 +89,20 @@ function bind(): void {
|
||||
const department = String(fd.get(cfg.fieldDepartment) ?? '').trim();
|
||||
const message = String(fd.get(cfg.fieldMessage) ?? '').trim();
|
||||
if (cfg.mailto) {
|
||||
const subject = encodeURIComponent(cfg.notifySubject || 'Contatto sito');
|
||||
const companyLine = company ? `\nAzienda: ${company}` : '';
|
||||
const subject = encodeURIComponent(
|
||||
cfg.notifySubject || cfg.mailtoFallbackSubject || 'Website contact',
|
||||
);
|
||||
const companyLine = company
|
||||
? `\n${cfg.mailtoLabelCompany}: ${company}`
|
||||
: '';
|
||||
const body = encodeURIComponent(
|
||||
`Nome: ${name}${companyLine}\nEmail: ${email}\nPaese: ${country}\nReparto: ${department || 'general'}\n\n${message}`,
|
||||
`${cfg.mailtoLabelName}: ${name}${companyLine}\n${cfg.mailtoLabelEmail}: ${email}\n${cfg.mailtoLabelCountry}: ${country}\n${cfg.mailtoLabelDepartment}: ${department || cfg.mailtoDefaultDepartment}\n\n${message}`,
|
||||
);
|
||||
window.location.href = `mailto:${cfg.mailto}?subject=${subject}&body=${body}`;
|
||||
return;
|
||||
}
|
||||
if (err) {
|
||||
err.textContent =
|
||||
'Configura `contactForm.actionUrl` (Formspree) o `contactForm.mailto` in `src/data/home/cta.ts`.';
|
||||
err.textContent = cfg.configError;
|
||||
err.classList.remove('hidden');
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user