// bilingual.jsx — Bilingual section + CTA/Form + Footer const { useState, useRef, useEffect } = React; const BILI_COPY = { fr: { label: 'BILINGUE PAR NATURE', h2: 'Vos agents parlent les deux langues. Sans accent, sans hésitation.', sub: 'Deux agents distincts, élevés dans chaque langue. Pas une traduction. Une présence naturelle pour chaque client.', oqlfLabel: 'LOI 96 · CONFORMITÉ OQLF', oqlf: "Allô vous protège des plaintes à l'OQLF avec un service bilingue impeccable, français et anglais, 24h/24, 7j/7. Aucun client perdu à cause d'une barrière linguistique. Jamais.", listen: 'Essayez vous-même →', frLabel: 'FR', enLabel: 'EN', agentFR: 'Agent Allô — Studio Lumière', agentEN: 'Allô Agent — Studio Lumière', frConvo: [ { from: 'agent', text: 'Bonjour, ici l\'agent Allô pour le Studio Lumière. J\'appelle pour confirmer votre rendez-vous de demain à 14h pour votre soin au laser.', time: '14:02' }, { from: 'patient', text: 'Bonjour. En fait, je voulais le reporter si c\'est possible.', time: '14:02' }, { from: 'agent', text: 'Bien sûr. Je vous propose le jeudi 24 à 10h30 ou le vendredi 25 à 15h00. Laquelle vous convient ?', time: '14:03' }, { from: 'patient', text: 'Le vendredi, ce serait mieux pour moi.', time: '14:03' }, { from: 'agent', text: 'Noté. Vous recevrez une confirmation par texto dans quelques instants. Bonne journée.', time: '14:03' }, ], enConvo: [ { from: 'agent', text: 'Good afternoon, this is the Allô agent for Studio Lumière. I\'m calling to confirm your appointment tomorrow at 2 PM for your laser treatment.', time: '2:02 PM' }, { from: 'patient', text: 'Hi, I actually need to reschedule if that\'s possible.', time: '2:02 PM' }, { from: 'agent', text: 'Of course. I have Thursday April 24th at 10:30 AM or Friday the 25th at 3:00 PM. Which works best?', time: '2:03 PM' }, { from: 'patient', text: 'Friday works better for me.', time: '2:03 PM' }, { from: 'agent', text: 'Perfect, all set. Text confirmation coming shortly. Have a great day.', time: '2:03 PM' }, ], }, en: { label: 'BILINGUAL BY NATURE', h2: 'Your agents speak both languages. Without accent, without hesitation.', sub: 'Two distinct agents, raised in each language. Not a translation. A natural presence for every client.', oqlfLabel: 'BILL 96 · OQLF COMPLIANCE', oqlf: 'Allô protects your business from OQLF complaints with guaranteed bilingual service, French and English, 24/7. Never lose a client to a language barrier.', listen: 'Try it yourself →', frLabel: 'FR', enLabel: 'EN', agentFR: 'Agent Allô — Studio Lumière', agentEN: 'Allô Agent — Studio Lumière', frConvo: [ { from: 'agent', text: 'Bonjour, ici l\'agent Allô pour le Studio Lumière. J\'appelle pour confirmer votre rendez-vous de demain à 14h pour votre soin au laser.', time: '14:02' }, { from: 'patient', text: 'Bonjour. En fait, je voulais le reporter si c\'est possible.', time: '14:02' }, { from: 'agent', text: 'Bien sûr. Je vous propose le jeudi 24 à 10h30 ou le vendredi 25 à 15h00. Laquelle vous convient ?', time: '14:03' }, { from: 'patient', text: 'Le vendredi, ce serait mieux pour moi.', time: '14:03' }, { from: 'agent', text: 'Noté. Vous recevrez une confirmation par texto dans quelques instants. Bonne journée.', time: '14:03' }, ], enConvo: [ { from: 'agent', text: 'Good afternoon, this is the Allô agent for Studio Lumière. I\'m calling to confirm your appointment tomorrow at 2 PM for your laser treatment.', time: '2:02 PM' }, { from: 'patient', text: 'Hi, I actually need to reschedule if that\'s possible.', time: '2:02 PM' }, { from: 'agent', text: 'Of course. I have Thursday April 24th at 10:30 AM or Friday the 25th at 3:00 PM. Which works best?', time: '2:03 PM' }, { from: 'patient', text: 'Friday works better for me.', time: '2:03 PM' }, { from: 'agent', text: 'Perfect, all set. Text confirmation coming shortly. Have a great day.', time: '2:03 PM' }, ], }, }; const CTA_COPY = { fr: { h2: 'On va regarder votre entreprise ensemble.', sub: '15 minutes. Pas de pitch, pas de pression — juste un regard honnête sur ce qui vous échappe.', fields: { name: 'Votre nom', clinic: 'Nom de votre entreprise', phone: 'Téléphone', software: 'Logiciel de réservation', time: 'Disponibilité préférée' }, softwareOpts: ['Dentitek', 'Jane App', 'Mangomint', 'Mindbody', 'Jobber', 'Housecall Pro', 'Google Calendar', 'Autre'], timeOpts: ['Matin (9h–12h)', 'Midi (12h–14h)', 'Après-midi (14h–17h)'], submit: 'Réserver mon audit gratuit', trust1: 'Basé à Montréal · Québec · Canada', trust2: 'Vos informations restent confidentielles et ne sont jamais partagées.', thanks: 'Merci. On vous contacte dans les 24 heures.', }, en: { h2: "We'll look at your business together.", sub: "15 minutes. No pitch, no pressure — just an honest look at what's slipping through the cracks.", fields: { name: 'Your name', clinic: 'Your business name', phone: 'Phone', software: 'Booking software', time: 'Preferred availability' }, softwareOpts: ['Dentitek', 'Jane App', 'Mangomint', 'Mindbody', 'Jobber', 'Housecall Pro', 'Google Calendar', 'Other'], timeOpts: ['Morning (9AM–12PM)', 'Midday (12PM–2PM)', 'Afternoon (2PM–5PM)'], submit: 'Book my free audit', trust1: 'Based in Montreal · Quebec · Canada', trust2: 'Your information stays confidential and is never shared.', thanks: "Thank you. We'll reach out within 24 hours.", }, }; const FOOTER_COPY = { fr: { tagline: 'Automatisation pour les entreprises de service · Montréal', navLinks: ['Services', 'Comment ça marche', 'Calculateur'], verticals: ['Cliniques dentaires', 'Med Spas', 'Entreprises HVAC'], contact: ['Montréal, QC'], legal: ['Politique de confidentialité', "Conditions d'utilisation"], copyright: '© 2025 Allô · Montréal, QC', }, en: { tagline: 'Automation for service businesses · Montreal', navLinks: ['Services', 'How it works', 'Calculator'], verticals: ['Dental Clinics', 'Med Spas', 'HVAC Companies'], contact: ['Montreal, QC'], legal: ['Privacy Policy', 'Terms of Use'], copyright: '© 2025 Allô · Montreal, QC', }, }; const Bubble = ({ msg }) => { const isAgent = msg.from === 'agent'; return (
{msg.text}
{msg.time}
); }; const PhoneCard = ({ label, agentName, convo }) => (
{/* Header */}
{label} {agentName}
{/* Messages */}
{convo.map((msg, i) => )}
); const BilingualSection = ({ lang }) => { const t = BILI_COPY[lang]; useScrollReveal(lang); return (
{t.label}

{t.h2}

{t.sub}

{t.listen}
{/* Bill 96 / OQLF compliance callout */}
{t.oqlfLabel}

{t.oqlf}

); }; const CAL_HEADING = { fr: { h2: 'Prendre un rendez-vous', sub: '30 minutes. Pas de pitch, pas de pression.' }, en: { h2: 'Book a Call', sub: '30 minutes. No pitch, no pressure.' }, }; const CTASection = ({ lang }) => { const t = CAL_HEADING[lang]; useScrollReveal(lang); useEffect(() => { if (typeof Cal === 'undefined') return; const el = document.getElementById('cal-booking'); if (el) el.innerHTML = ''; const calLink = lang === 'fr' ? 'fabianherrera/appel-decouverte-allo' : 'fabianherrera/discoverycall'; Cal('inline', { elementOrSelector: '#cal-booking', calLink }); Cal('ui', { theme: 'light', styles: { branding: { brandColor: '#0D0D0D' } }, hideEventTypeDetails: false, }); }, [lang]); return (

{t.h2}

{t.sub}

); }; const FooterSection = ({ lang, setLang }) => { const t = FOOTER_COPY[lang]; const linkStyle = { fontSize: 14, color: 'var(--charcoal)', textDecoration: 'none', transition: 'opacity 0.2s', display: 'block', marginBottom: 10 }; return ( ); }; Object.assign(window, { BilingualSection, CTASection, FooterSection });