);
}
// HeroNodeGraph — node network with a coral "upward trend" path threading
// left→right and bottom→top through a field of muted teal background nodes.
// Mirrors the reference: bold highlighted route, quieter surrounding network.
// Five layers: (1) faint teal network edges, (2) coral path glow + crisp line,
// (3) background nodes, (4) coral path nodes with outer glow rings,
// (5) second-pass path that draws after a pause and a fade-to-teal reset.
function HeroNodeGraph() {
const [phase, setPhase] = React.useState('anim1');
React.useEffect(() => {
if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
const timers = [];
function at(delay, phase) {
timers.push(setTimeout(() => setPhase(phase), delay));
}
// Each cycle schedules all phase transitions then recurses at the moment
// loop1 begins, so subsequent anim1 plays without the three pulses.
function cycle(isFirst) {
// anim1 hold: 17.3s first play (5.4s pulse + 8s draw + 0.9s last-node + 3s)
// 12.4s loop (0.5s delay + 8s draw + 0.9s last-node + 3s)
const h1 = isFirst ? 17300 : 12400;
let t = h1;
at(t, 'fading'); t += 1500; // 1.5s fade
at(t, 'anim2'); t += 10900; // 7s draw + 0.9s + 3s hold
at(t, 'fading2'); t += 1800; // 1.8s rest
at(t, 'anim3'); t += 9900; // 6s draw + 0.9s + 3s hold
at(t, 'fading3'); t += 1800; // 1.8s rest
at(t, 'anim4'); t += 10900; // 7s draw + 0.9s + 3s hold
at(t, 'fading4'); t += 1800; // 1.8s rest
at(t, 'loop1'); // anim1 repeats (no pulse)
// recurse exactly when loop1 begins
timers.push(setTimeout(() => cycle(false), t));
}
cycle(true);
return () => timers.forEach(clearTimeout);
}, []);
return (
);
}
// OfferDetail powered the expandable multi-offer cards. The site now shows a
// single static offer, so this is preserved (disabled) for when offers return.
/*
function OfferDetail({ offering, onClose, detailRef }) {
const d = offering.details;
return (
{/* HERO — dusk band, full-bleed teal background. Headline left, a
background-removed photo of Diana on the right, on a smooth gradient. */}
Safety-first AI for Business.
AI literacy training & workshops.
Focus: cybersecurity, compliance, critical thinking.
Marbella - Estepona - Gibraltar /
Costa del Sol, Spain /
online.
{/* OPEN RIGHT NOW — the offering leads */}
Services
Practical AI skills with a critical mindset: practise the how and understand the why. Safe & compliant - to save your money. Efficient - to make you money.
{SERVICES.intro[1]}
{SERVICES.intro[2]}
*/}
{/* PRICING — hidden for now. Custom pricing is discussed per format
(consultation, workshop, day training). Restore by uncommenting and
re-enabling PRICING in data.jsx.
