);
}
// ── Mini mockups SVG pour les 3 projets fictifs ─────────────────────────────
// Chaque mockup = un faux écran de site web simplifié, dans un cadre type
// browser. Tout en vectoriel, pas de vraie image, pas de marque.
// ── Mockups : vrais sites lisibles, pas de barres floues ────────────────────
// Chaque mockup est un mini-site complet, avec textes, prix, navigation,
// images stylisées en CSS pur. Affichés à ~360px → tout reste lisible.
function BrowserFrame({ children, bg = '#fafaf7', url = 'cafe-aurelia.fr' }) {
return (
);
}
function Marquee({ t }) {
// double the items so the loop is seamless
const items = [...t.marquee, ...t.marquee, ...t.marquee, ...t.marquee];
return (
{lang === 'fr' ? 'Sous 24\u00a0heures ouvrées · Avec une première proposition concrète' : 'Within 24 business hours · With a first concrete proposal'}
);
}
function Footer({ t, lang }) {
return (
);
}
// ── Legal Modal ───────────────────────────────────────────────────────────
const LEGAL_COPY = {
fr: {
legal: {
title: 'Mentions légales',
blocks: [
['Éditeurs du site', 'TRADE — atelier web indépendant. Le site portfolio est édité conjointement par Samuel Sartip et son associé YMZ.'],
['Contact', `Email général : ${MAIL}\nEmail Samuel : ${MAIL_SAM}`],
['Hébergement', 'Le site est hébergé sur une infrastructure sécurisée. Coordonnées de l’hébergeur communiquées sur demande.'],
['Propriété intellectuelle', 'Tous les contenus présents sur ce site (textes, images, code, design) sont la propriété de leurs auteurs respectifs. Toute reproduction sans accord préalable écrit est interdite.'],
['Responsabilité', 'Les exemples de réalisations présentés sont à but démonstratif. Les vrais projets clients sont confidentiels et publiés uniquement avec leur accord.'],
],
},
privacy: {
title: 'Politique de confidentialité',
blocks: [
['Données collectées', 'Lorsque vous nous écrivez via le formulaire de contact ou par email, nous collectons uniquement les informations que vous nous transmettez : nom, email, activité, contenu du message.'],
['Utilisation', 'Ces données servent uniquement à vous répondre et à étudier votre projet. Elles ne sont jamais revendues, partagées ou utilisées à des fins marketing.'],
['Conservation', 'Les emails sont conservés pendant la durée de la relation commerciale, puis archivés ou supprimés sur demande.'],
['Vos droits', `Vous pouvez demander à tout moment l’accès, la modification ou la suppression de vos données. Écrivez-nous à ${MAIL}.`],
['Cookies', 'Ce site n’utilise aucun cookie de tracking ni d’analytics tiers.'],
],
},
contact: {
title: 'Nous contacter',
blocks: [
['Email principal', `${MAIL}\nPremière réponse sous 24 heures ouvrées avec une proposition concrète.`],
['Email Samuel', `${MAIL_SAM}\nPour les questions techniques ou liées au design.`],
['Délais de réponse', 'Du lundi au vendredi, 9h–19h (heure de Paris). Le week-end, on prend le temps de réfléchir avant de répondre.'],
['Format préféré', 'Un email court avec votre activité, ce que vous cherchez, et un délai si vous en avez un. C’est souvent suffisant pour démarrer.'],
],
},
},
en: {
legal: {
title: 'Legal notice',
blocks: [
['Site editors', 'TRADE — independent web studio. The portfolio site is jointly edited by Samuel Sartip and his partner YMZ.'],
['Contact', `General email: ${MAIL}\nSamuel’s email: ${MAIL_SAM}`],
['Hosting', 'The site is hosted on secure infrastructure. Hosting provider details available on request.'],
['Intellectual property', 'All content on this site (text, images, code, design) is the property of its respective authors. Reproduction without prior written consent is prohibited.'],
['Liability', 'Sample work shown is for demonstration purposes. Real client projects are confidential and only published with their consent.'],
],
},
privacy: {
title: 'Privacy policy',
blocks: [
['Data collected', 'When you write to us via the contact form or by email, we only collect the information you give us: name, email, business, message content.'],
['Usage', 'This data is used only to reply to you and study your project. It is never sold, shared, or used for marketing.'],
['Retention', 'Emails are kept for the duration of the commercial relationship, then archived or deleted on request.'],
['Your rights', `You may request access, modification, or deletion of your data at any time. Write to ${MAIL}.`],
['Cookies', 'This site uses no tracking cookies or third-party analytics.'],
],
},
contact: {
title: 'Contact us',
blocks: [
['Main email', `${MAIL}\nFirst reply within 24 business hours with a concrete proposal.`],
['Samuel’s email', `${MAIL_SAM}\nFor technical or design-related questions.`],
['Response times', 'Monday to Friday, 9am–7pm (Paris time). On weekends, we take time to think before replying.'],
['Preferred format', 'A short email with your business, what you’re looking for, and a deadline if you have one. Usually enough to start.'],
],
},
},
};
function LegalModal({ lang }) {
const [open, setOpen] = React.useState(null);
React.useEffect(() => {
const h = (e) => setOpen(e.detail);
window.addEventListener('open-legal', h);
const esc = (e) => { if (e.key === 'Escape') setOpen(null); };
window.addEventListener('keydown', esc);
return () => { window.removeEventListener('open-legal', h); window.removeEventListener('keydown', esc); };
}, []);
React.useEffect(() => {
document.body.style.overflow = open ? 'hidden' : '';
}, [open]);
if (!open) return null;
const c = LEGAL_COPY[lang][open];
if (!c) return null;
return (