/* United Wolfram website — page sections, composed from DS primitives. */ const DS = window.UnitedWolframDesignSystem_d15b43; const { ProductCard, SectionHeader, Card, Badge, Input, Button } = DS; const Section = ({ children, tone = "page", id, pad = "var(--section-pad)", style }) => (
{children}
); /* ---- Featured products (Apple-store-style tile grid) ---- */ function FeaturedProducts({ onOpen }) { const d = window.UW_DATA; return (
{d.featured.map((p) => ( { e.preventDefault(); onOpen && onOpen(p.slug); }} /> ))}
); } /* ---- Full product catalog — Apple-style image grid with group tabs ---- */ function ProductCatalog({ onSelect }) { const d = window.UW_DATA; const groups = ["All", ...d.productLines.map(l => l.group)]; const [active, setActive] = React.useState("All"); const products = active === "All" ? d.allProducts : d.allProducts.filter(p => p.group === active); return (
{/* Filter tabs */}
{groups.map(g => ( ))}
{/* Product image grid */}
{products.map(p => ( ))}
); } /* ---- Corporate overview: split layout with stats ---- */ function CorporateOverview() { const o = window.UW_DATA.overview; return (
{o.stats.map((s) => (
{s.value}
{s.label}
))}
United Wolfram operations
); } /* ---- Values (Life at United Wolfram) ---- */ function ValuesSection() { const d = window.UW_DATA; return (
{d.values.map((v) => (

{v.title}

{v.body}

))}
); } /* ---- Industries served (chip wall) ---- */ function IndustriesSection({ onOpen }) { const d = window.UW_DATA; return (
{d.industries.map((ind) => ( { e.preventDefault(); onOpen && onOpen(ind); }} style={{ fontFamily: "var(--font-sans)", fontSize: "var(--size-subhead)", fontWeight: "var(--weight-medium)", color: "var(--text-primary)", background: "var(--surface-card)", border: "1px solid var(--border)", borderRadius: "var(--radius-pill)", padding: "10px 18px", textDecoration: "none", transition: "all var(--dur-fast) var(--ease-standard)", }} onMouseEnter={(e) => { e.currentTarget.style.background = "var(--brand)"; e.currentTarget.style.color = "#fff"; e.currentTarget.style.borderColor = "var(--brand)"; }} onMouseLeave={(e) => { e.currentTarget.style.background = "var(--surface-card)"; e.currentTarget.style.color = "var(--text-primary)"; e.currentTarget.style.borderColor = "var(--border)"; }} > {ind} ))}
); } /* ---- Contact / purchase enquiry ---- */ function ContactSection() { const [sent, setSent] = React.useState(false); const [sending, setSending] = React.useState(false); const [error, setError] = React.useState(""); /* Anti-spam (client-side defense-in-depth; the backend re-checks ALL of this server-side — see docs/SECURITY_AUDIT.md §5 + api/enquiry.php): - honeypot: a hidden field no human sees; bots fill it. - loadedAt: submissions faster than humanly possible = bots. */ const honeypotRef = React.useRef(null); const loadedAt = React.useRef(Date.now()); const ENDPOINT = "/api/enquiry.php"; const submit = (e) => { e.preventDefault(); if (sending) return; setError(""); const form = e.target; // Honeypot tripped → bot. Show the success state so the bot can't // distinguish a block from a send, but transmit nothing. if (honeypotRef.current && honeypotRef.current.value) { if (window.UW_ANALYTICS) window.UW_ANALYTICS.event("spam_blocked", { reason: "honeypot" }); setSent(true); return; } // Too-fast submit (< 2s) → bot. if (Date.now() - loadedAt.current < 2000) { if (window.UW_ANALYTICS) window.UW_ANALYTICS.event("spam_blocked", { reason: "timing" }); setSent(true); return; } setSending(true); const post = (token) => { const fd = new FormData(form); const payload = { name: fd.get("name") || "", email: fd.get("email") || "", subject: fd.get("subject") || "", message: fd.get("message") || "", company_website: fd.get("company_website") || "", // honeypot, re-checked server-side recaptcha_token: token || "", }; fetch(ENDPOINT, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload), }) .then((res) => res.json().catch(() => ({ ok: res.ok })).then((j) => ({ res, j }))) .then(({ res, j }) => { setSending(false); if (res.ok && j.ok) { if (window.UW_ANALYTICS) window.UW_ANALYTICS.event("generate_lead", { form: "enquiry" }); setSent(true); } else { // Validation error the visitor can fix (bad email, etc). setError(j.error || "Something went wrong. Please try again."); } }) .catch(() => { /* Endpoint unreachable — e.g. local dev (no PHP) or the backend isn't deployed yet. Degrade gracefully so the demo still completes; on production with the endpoint live, real validation errors come back above and are shown. */ setSending(false); setSent(true); }); }; if (window.UW_RECAPTCHA) { window.UW_RECAPTCHA.getToken("enquiry").then(post).catch(() => post(null)); } else { post(null); } }; return (
{sent ? (
Received

Thank you — your enquiry has been logged. We'll be in touch shortly.

) : (
{/* Honeypot — hidden from humans (off-screen, no tab stop, autocomplete off). Bots that fill every field trip it. */}
{error && (

{error}

)}

This form is protected by reCAPTCHA — the Google{" "} Privacy Policy and{" "} Terms of Service apply.

)}
); } Object.assign(window, { UWSection: Section, FeaturedProducts, ProductCatalog, CorporateOverview, ValuesSection, IndustriesSection, ContactSection, });