/* global React, Icons, GlowOrbs, OrionData, SectionHead, ACCENT, Logo, Wordmark */ const { useState: useSB, useEffect: useEB, useRef: useRB } = React; // ---------- Selected Work ---------- function WorkCard({ item, onOpen, delay }) { const a = ACCENT[item.accent]; return ( ); } function CaseStudyModal({ item, onClose, onCta }) { useEB(() => { const k = (e) => e.key === 'Escape' && onClose(); document.addEventListener('keydown', k); document.body.style.overflow = 'hidden'; return () => { document.removeEventListener('keydown', k); document.body.style.overflow = ''; }; }, []); if (!item) return null; const a = ACCENT[item.accent]; const blocks = [ ['The problem', item.problem, 'Search'], ['What we built', item.built, 'Hammer'], ['The result', item.result, 'TrendUp'], ]; return (
{/* header */}
{item.client}
{item.sector}

{item.title}

{/* stat band */}
{item.stats.map(([v, l]) => (
{v}
{l}
))}
{/* blocks */}
{blocks.map(([h, body, ic]) => (
{React.createElement(Icons[ic], { size: 17, className: a.text })}
{h}

{body}

))}
); } function Work({ onCta }) { const [active, setActive] = useSB(null); return (
{OrionData.WORK.map((w, i) => )}
{active && setActive(null)} onCta={onCta} />}
); } // ---------- Process ---------- function Process() { return (
{OrionData.PROCESS.map((p, i) => (
{React.createElement(Icons[p.icon], { size: 26, className: 'text-violet-300' })} {p.step}
{p.dur}

{p.title}

{p.desc}

))}
); } // ---------- Metrics band ---------- function Metrics() { return (
{OrionData.METRICS.map((m) => (
{m.value}
{m.label}
))}
); } // ---------- About ---------- function About() { return (

Orion Technologies is a US-registered AI engineering studio. We're small on purpose — a senior team that takes a handful of engagements at a time and treats each one like our own product.

We've spent six years shipping AI into production: dashboards people open every morning, SaaS products carrying real load, and agent fleets running operations at 3am. We know the difference between an impressive demo and software that survives contact with users — and we only build the second kind.

{['Senior-only team', 'Weekly demos', 'Production-grade', 'We stay after launch'].map(t => ( {t} ))}
{/* founder card */}
our team
The Orion team
Senior engineers, designers and operators

"We started Orion to do the work we'd want as clients: senior people, honest timelines, and software that ships."

); } // ---------- Testimonials ---------- function Testimonials() { return (
{OrionData.TESTIMONIALS.map((t, i) => { const a = ACCENT[t.accent]; return (
{Array.from({ length: 5 }).map((_, j) => )}
"{t.quote}"
{t.initials}
{t.name}
{t.role}
); })}
); } // ---------- Final CTA + Contact ---------- function Contact({ formRef }) { const [form, setForm] = useSB({ name: '', email: '', company: '', budget: 'Exploring', message: '' }); const [errors, setErrors] = useSB({}); const [status, setStatus] = useSB('idle'); // idle | submitting | success const validate = () => { const e = {}; if (!form.name.trim()) e.name = 'Please tell us your name'; if (!form.email.trim()) e.email = 'We need an email to reply'; else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) e.email = 'That email looks off'; if (!form.message.trim() || form.message.trim().length < 12) e.message = 'A sentence or two about your project helps'; setErrors(e); return Object.keys(e).length === 0; }; const submit = (ev) => { ev.preventDefault(); if (!validate()) return; setStatus('submitting'); setTimeout(() => setStatus('success'), 1800); }; const field = (name, label, props = {}) => (
setForm(f => ({ ...f, [name]: e.target.value }))} className={`w-full rounded-xl bg-white/[0.03] border px-4 py-3 text-[15px] text-heading placeholder:text-body-dim outline-none transition-colors focus:border-violet-400/60 focus:bg-white/[0.05] ${errors[name] ? 'border-rose-400/60' : 'border-white/8'}`} {...props} /> {errors[name] &&

{errors[name]}

}
); return (
{/* CTA band */}

Let's build your AI product.

Tell us what you're trying to ship. We'll reply within 24 hours with a clear next step — no sales theatre.

Book a call
{/* contact grid */}

Prefer email or phone? Reach us directly — our team reads every message.

{[['Mail', 'hello@myoriontechnologies.com', 'mailto:hello@myoriontechnologies.com'], ['Pin', '5203 Juan Tabo Blvd NE, Suite 2b · Albuquerque, NM 87111', null]].map(([ic, t, href]) => ( {React.createElement(Icons[ic], { size: 18 })} {t} ))}
Currently booking projects for Q3 2026
{/* form */}
{status === 'success' ? (

Message received.

Thanks, {form.name.split(' ')[0] || 'there'}. Our team will reply to {form.email} within 24 hours.

) : (
{field('name', 'Your name', { placeholder: 'Jordan Lee', autoComplete: 'name' })} {field('email', 'Work email', { placeholder: 'jordan@company.com', type: 'email', autoComplete: 'email' })}
{field('company', 'Company (optional)', { placeholder: 'Acme Inc.' })}
{['Exploring', '$10–25k', '$25–75k', '$75k+'].map(b => ( ))}