◆{d.label}
{d.title[0]}
{d.title[1]}
{d.items.map((item, i) => {
const tone = T.toneFor(item.tone);
const span = i === 0 ? 7 : i === 1 ? 5 : i === 2 ? 5 : 7;
return (
{item.items.map(it => (
{it}
))}
);
})}
// {C.exploring.label}
{C.exploring.items.map(it => (
{it}
))}
);
}
function SiteContact() {
const T = window.TOKENS;
const C = window.SITE_CONTENT;
const c = C.contact;
const f = c.form;
const [sent, setSent] = React.useState(false);
const [loading, setLoading] = React.useState(false);
const [error, setError] = React.useState(null);
const [name, setName] = React.useState('');
const [email, setEmail] = React.useState('');
const [subject, setSubject] = React.useState('');
const [message, setMessage] = React.useState('');
const inputStyle = {
width: "100%",
padding: "14px 18px",
background: T.card,
border: `1px solid ${T.ruleHi}`,
borderRadius: "12px",
color: T.ink,
fontFamily: "inherit",
fontSize: "15px",
outline: "none",
transition: "border-color .2s, background .2s",
};
const handleSubmit = async (e) => {
e.preventDefault();
setLoading(true);
setError(null);
const token = document.querySelector('[name="cf-turnstile-response"]')?.value;
if (!token) {
setError('Completa la verifica captcha.');
setLoading(false);
return;
}
try {
const response = await fetch('https://contact.filibertocanino.it/send-email', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ name, email, subject, message, captchaToken: token }),
});
if (response.ok) {
setSent(true);
setTimeout(() => setSent(false), 4000);
// Reset form
setName('');
setEmail('');
setSubject('');
setMessage('');
// Reset captcha
if (window.turnstile) window.turnstile.reset();
} else {
const data = await response.json();
setError(data.error || 'Errore nell\'invio.');
}
} catch (err) {
setError('Errore di rete.');
} finally {
setLoading(false);
}
};
return (