/* global React */ const { useEffect: useEffectB, useState: useStateB, useRef: useRefB } = React; /* ============================================================ Slide — Background / Timeline ============================================================ */ const SlideBackground = ({ c, cover }) => (

{c.title}

{c.items.map((it, i) => (

{it.year}

{it.title}

{it.desc}

))}

); /* ============================================================ Slide — Testimonials ============================================================ */ const SlideTestimonials = ({ c, cover }) => (

{c.title}

{c.items.map((t, i) => (

{t.q}

— {t.a}

))}

); /* ============================================================ Slide — Pricing ============================================================ */ const SlidePricing = ({ c, cover }) => (

{c.title}

{c.sub}

{c.tiers.map((t, i) => (

TIER · {String(i + 1).padStart(2, '0')}

{t.name}

{t.price}

{t.time}

{t.body}

))}

); /* ============================================================ Slide — Why Me ============================================================ */ const SlideWhy = ({ c, cover }) => (

{c.title}

{c.items.map((it, i) => (

{it.n}

{it.t}

{it.b}

))}

); /* ============================================================ Slide — Languages ============================================================ */ const SlideLanguages = ({ c, cover }) => (

{c.title}

{c.sub}

{c.items.map((l, i) => (

{l.name}

{l.level}

{l.iso}

))}

); /* ============================================================ QR — real, scannable code via api.qrserver.com Gold modules on dark to match the deck. ============================================================ */ const QRBlock = ({ url = "https://webcraftdev.com/contact", size = 280 }) => { const qrSrc = `https://api.qrserver.com/v1/create-qr-code/?size=${size}x${size}&format=png&qzone=1&color=C9A84C&bgcolor=0A0A0A&ecc=M&data=${encodeURIComponent(url)}`; return ( {`QR

); }; /* ============================================================ Slide — Contact ============================================================ */ /* Auto-detect link type from a contact-item value: - contains "@" -> mailto: - starts with "+" -> tel: (spaces stripped) - looks like a TLD -> https:// (external) - otherwise -> no link (e.g. "Lauterbourg, France") */ const buildContactHref = (value) => { const v = String(value).trim(); if (v.includes('@')) return { href: 'mailto:' + v, external: false }; if (v.startsWith('+')) return { href: telHref(v), external: false }; if (/\.[a-z]{2,}/i.test(v)) return { href: 'https://' + v.replace(/^https?:\/\//, ''), external: true }; return null; }; /* WhatsApp SVG glyph (matches gold theme via currentColor) */ const WhatsAppIcon = () => ( ); const SlideContact = ({ c, cover }) => (

{c.sub}

{c.title.split('\n').map((line, i) => (
{line}
))}

{it.k} {link ? ( {it.v} ) : ( {it.v} )}

{(c.cta || c.whatsapp) ? (

{c.cta ? ( {c.cta.text} → ) : null} {c.whatsapp ? ( {c.whatsapp.text} ) : null}

) : null}

{c.qrLabel}

{c.footer}

); Object.assign(window, { SlideBackground, SlideTestimonials, SlidePricing, SlideWhy, SlideLanguages, SlideContact, QRBlock, });

{c.title}

{c.title}

{c.title}

{c.title}

{c.title}

{c.title.split('\n').map((line, i) => ( {line} ))}

{c.title.split('\n').map((line, i) => (
{line}
))}