// b2b-app.jsx
// Main app: nav, hero, final CTA, footer.
const { useState, useEffect } = React;
const HERO_HEADLINES = {
"intelligence-layer": ["The workforce intelligence layer", "for the AI era."],
"rewrite-decade": ["AI is rewriting your workforce.", "Build the one that wins the next decade."],
"rewrite-data": ["AI is rewriting your workforce.", "Lead the change with data."],
"generation": ["The biggest workforce shift in a generation.", "Lead it with data."],
"winning": ["Build the workforce", "that wins the next decade."]
};
const HERO_SUBS = {
concise:
"Measure AI readiness across every team, connect AI usage to real business impact, and know exactly where to invest to stay ahead.",
short:
"Stack turns AI tool usage into measurable proficiency, employee growth, and business value - the data behind workforce transformation."
};
// ─────────────────────────────────────────────────────────────────────
// NAV
// ─────────────────────────────────────────────────────────────────────
function Nav({ onCta, ctaLabel }) {
const [menuOpen, setMenuOpen] = useState(false);
const links = [];
return (
);
}
// ─────────────────────────────────────────────────────────────────────
// HERO
// ─────────────────────────────────────────────────────────────────────
function Hero({ onCta, headline, subtext, ctaLabel }) {
const h = HERO_HEADLINES[headline] || HERO_HEADLINES["ai-native"];
const s = HERO_SUBS[subtext] || HERO_SUBS.concise;
return (
{/* Subtle accent glow */}
{/* Dotted grid wash */}
{h[0]}{h[1]}
{s}
);
}
// ─────────────────────────────────────────────────────────────────────
// FINAL CTA
// ─────────────────────────────────────────────────────────────────────
function FinalCTA({ onCta, ctaLabel }) {
return (
Get started
Find out exactly where your workforce stands on AI.
We'll connect your tools, benchmark every employee, and hand you the first set of action plans - in under two weeks.
);
}
// Removed: PilotRequestForm (simplified Final CTA to a single button)
// ─────────────────────────────────────────────────────────────────────
// FOOTER
// ─────────────────────────────────────────────────────────────────────
function Footer() {
const columns = [
{
label: "Product",
links: ["Overview", "AIQ Benchmark", "Integrations", "Security", "Pricing"]
},
{
label: "Resources",
links: ["Customer stories", "Workforce AI report", "Blog", "Help center"]
},
{
label: "Company",
links: ["About", "Careers", "Investors", "Press", "Contact"]
},
{
label: "Legal",
links: ["Privacy", "Terms", "DPA", "Subprocessors", "Status"]
}];
const investors = ["Fiverr", "Wix", "Anthropic", "Cursor", "Monday.com", "Udemy", "Calendly"];
return (
);
}
// ─────────────────────────────────────────────────────────────────────
// APP
// ─────────────────────────────────────────────────────────────────────
function App() {
// Production copy (the prototype's Tweaks panel has been dropped).
const t = { heroHeadline: "intelligence-layer", heroSubtext: "concise", ctaLabel: "Request a demo" };
// Opens the Tally demo-request popup. If embed.js hasn't finished loading yet
// (a click that beats the async script), retry briefly instead of silently
// no-opping; if it never loads (e.g. blocked), fall back to the standalone form.
const openTallyPopup = () => {
var w = (window.innerWidth && window.innerWidth < 600) ? window.innerWidth : 600;
var opts = { layout: 'modal', width: w, hideTitle: true, autoClose: 1000 };
var tries = 0;
(function attempt() {
if (window.Tally && window.Tally.openPopup) {
try { Tally.openPopup('5BMOXM', opts); } catch (e) {}
return;
}
if (tries++ < 50) { setTimeout(attempt, 100); return; } // ~5s of retries
try { window.open('https://tally.so/r/5BMOXM', '_blank', 'noopener'); } catch (e) {}
})();
};
// Fires the conversion events immediately (so it's logged even if the form is
// slow), then opens the popup. `source` = nav / hero / pricing_* / final_cta.
const onCta = (source) => {
try { if (window.lpTrack) lpTrack('lp_demo_requested', { cta_location: source || 'unknown' }); } catch (e) {}
try { if (window.fbq) fbq('track', 'Lead', { content_name: 'request_demo' }); } catch (e) {}
openTallyPopup();
};
return (