// Shared navigation with mega-menu for ContractControl const LogoWordmark = ({ height = 20, color = "currentColor" }) => ( ); const Icon = ({ name, size = 16, stroke = 1.6 }) => { const props = { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: stroke, strokeLinecap: "round", strokeLinejoin: "round" }; const paths = { chevron: , arrow: <>, intake: <>, drafting: <>, review: <>, negotiation: <>, sign: <>, repository: <>, analytics: <>, obligations: <>, dataroom: <>, docs: <>, legal: <>, permission: <>, workspace: <>, clickwrap: <>, "complaint-hub": <>, bulk: <>, dealroom: <>, play: }; return {paths[name]}; }; const solutionsItems = { "By team": [ { icon: "legal", title: "Legal", desc: "Stop being the bottleneck", href: "/solutions/team/legal" }, { icon: "negotiation", title: "Sales", desc: "Close on your timeline", href: "/solutions/team/sales" }, { icon: "obligations", title: "Procurement", desc: "Negotiate from leverage", href: "/solutions/team/procurement" }, { icon: "workspace", title: "HR & People", desc: "Hire faster, onboard cleaner", href: "/solutions/team/hr" }, { icon: "analytics", title: "Finance", desc: "Lock in revenue, plug leakage", href: "/solutions/team/finance" }], "By industry": [ { icon: "repository", title: "SaaS & Software", desc: "MSAs, DPAs, order forms", href: "/solutions/industry/saas-software" }, { icon: "dataroom", title: "Financial Services", desc: "DORA, MiFID, compliance-ready", href: "/solutions/industry/financial-services" }, { icon: "drafting", title: "Real Estate", desc: "Leases, deeds, and property contracts", href: "/solutions/industry/real-estate" }] }; const useCasesItems = [ { icon: "analytics", title: "Contract monitoring", desc: "Centralize your contracts on a secure platform with automatic reminders.", href: "/solutions/use-cases/contract-monitoring" }, { icon: "permission", title: "Autonomy and control", desc: "Simplify contract management with automated workflows and approvals.", href: "/solutions/use-cases/autonomy-control" }, { icon: "negotiation", title: "Collaborative negotiation", desc: "Save time by reducing the number of e-mails and round-trips, and gain greater flexibility.", href: "/solutions/use-cases/collaborative-negotiation" } ]; const resourcesItems = { "Learn": [ { icon: "docs", title: "Blog", desc: "Playbooks, opinion, product news", href: "/blog" }, { icon: "review", title: "Guides", desc: "Deep dives on CLM done right", href: "/guides" }, { icon: "analytics", title: "Webinars", desc: "Live sessions & on-demand replays", href: "/webinars" }, { icon: "workspace", title: "Customer stories", desc: "How teams put us to work", href: "/customers" }], "Tools": [ { icon: "obligations", title: "Contract templates", desc: "Free MSAs, NDAs, DPAs, SOWs", href: "/templates" }, { icon: "negotiation", title: "Glossary", desc: "CLM terms in plain language", href: "/glossary" }] }; const companyItems = { "About us": [ { icon: "workspace", title: "About ContractControl", desc: "Mission, principles, team", href: "/company" }, { icon: "legal", title: "Careers", desc: "Come build the future of contracts with us", href: "https://jobs.simplesign.io/" }, { icon: "docs", title: "Press & brand", desc: "Logos, screenshots, press kit", href: "/press" }, { icon: "negotiation", title: "Contact", desc: "Sales, support, partnerships", href: "/contact" }], "Trust & policy": [ { icon: "permission", title: "Security", desc: "SOC 2, ISO 27001, EU-only", href: "/security" }, { icon: "obligations", title: "Trust Center", desc: "Live status, audits, DPA", href: "/security" }] }; const platformItems = { "The lifecycle": [ { icon: "intake", title: "Intake", desc: "Self-serve request portal", href: "/platform/intake" }, { icon: "drafting", title: "Drafting", desc: "First drafts in 60 seconds", href: "/platform/drafting" }, { icon: "review", title: "Review", desc: "Redlines on third-party paper", href: "/platform/review" }, { icon: "negotiation", title: "Negotiation", desc: "Counterparty collaboration", href: "/platform/negotiation" }], " ": [ { icon: "sign", title: "eSignature", desc: "eIDAS AES & QES", href: "/platform/esignature" }, { icon: "repository", title: "Repository", desc: "Search every contract", href: "/platform/repository" }, { icon: "obligations", title: "Obligations", desc: "Renewals & alerts", href: "/platform/obligations" }, { icon: "analytics", title: "Analytics", desc: "Cycle time & bottlenecks", href: "/platform/analytics" }], "Power modules": [ { icon: "dataroom", title: "Dataroom", desc: "Secure deal & due diligence rooms", href: "/platform/power-modules/dataroom", badge: "Coming soon" }, { icon: "legal", title: "Legal Hub", desc: "Contract risk & playbooks", href: "/platform/power-modules/legal-hub", badge: "Coming soon" }, { icon: "review", title: "Unlimited Viewer", desc: "Free read-only seats for everyone", href: "/platform/power-modules/unlimited-viewer" }, { icon: "docs", title: "Document Hub", desc: "One home for every file", href: "/platform/power-modules/document-hub" }, { icon: "permission", title: "Advanced Permissions", desc: "Granular access control", href: "/platform/power-modules/permissions" }, { icon: "workspace", title: "Workspaces", desc: "Team & entity workspaces", href: "/platform/power-modules/workspaces" }] }; function MegaTrigger({ id, label, href, current, items, feature, useCases, open, enter, leave, cols = 2 }) { return (
enter(id)} onMouseLeave={leave}> {href ? ( {label} ) : ( {label} )}
{Object.entries(items).map(([col, list]) =>
{col}
{list.map((it) => it.disabled ? (
{it.title} {it.badge && {it.badge}}
{it.desc}
) : (
{it.title} {it.badge && {it.badge}}
{it.desc}
 ) )} {col === "Power modules" && ( All Power Modules )}
)} {feature &&
{feature.eyebrow}
{feature.title}
{feature.desc}
{feature.cta}
} {useCases &&
Use cases
{useCases.map((uc) => (
{uc.title}
{uc.desc}
))}
}
); } function Nav({ current = "home", darkHero = false }) { const [open, setOpen] = React.useState(null); // 'platform' | null const [mobileOpen, setMobileOpen] = React.useState(false); const closeTimer = React.useRef(null); const [isDark, setIsDark] = React.useState(darkHero); const enter = (key) => {clearTimeout(closeTimer.current);setOpen(key);}; const leave = () => {closeTimer.current = setTimeout(() => setOpen(null), 120);}; // Scroll-aware dark/light switch: dark while nav overlaps any [data-dark] section React.useEffect(() => { const check = () => { const navEl = document.querySelector(".nav"); if (!navEl) return; const navRect = navEl.getBoundingClientRect(); const navMid = navRect.top + navRect.height / 2; // Check all sections marked with data-dark or that have dark hero backgrounds const darkSections = document.querySelectorAll("[data-dark]"); let overDark = false; darkSections.forEach((sec) => { const r = sec.getBoundingClientRect(); if (navMid >= r.top && navMid <= r.bottom) overDark = true; }); // Also check darkHero: first section on pages with dark heroes if (darkHero && !overDark) { const hero = document.querySelector("#root > main > section:first-of-type"); if (hero) { const heroBottom = hero.getBoundingClientRect().bottom; if (heroBottom > navMid) overDark = true; } } setIsDark(overDark); }; check(); window.addEventListener("scroll", check, { passive: true }); return () => window.removeEventListener("scroll", check); }, [darkHero]); const orgSchema = { "@context": "https://schema.org", "@type": "Organization", "name": "ContractControl", "url": "https://www.contractcontrol.co", "logo": "https://www.contractcontrol.co/logo.svg", "description": "A modern Contract Lifecycle Management (CLM) platform that helps legal, procurement, finance, IT, and sales teams manage requests, drafting, review, negotiation, signing, and obligations.", "sameAs": [ "https://twitter.com/contractcontrol", "https://www.linkedin.com/company/simple-sign/", "https://github.com/contractcontrol" ] }; const productSchema = { "@context": "https://schema.org", "@type": "Product", "name": "ContractControl CLM Platform", "description": "Stop managing contracts in email and Word. ContractControl gives your team one place to intake, sign, renew and track obligations, from chaos to control.", "brand": { "@type": "Brand", "name": "ContractControl" }, "offers": { "@type": "AggregateOffer", "priceCurrency": "EUR", "lowPrice": "49", "offerCount": "3", "url": "https://www.contractcontrol.co/pricing" } }; // --- Page-level schema (auto-detected from URL) --- const path = window.location.pathname.replace(/\/index\.html$/, "").replace(/\.html$/, "").replace(/\/$/, "") || "/"; const fullUrl = "https://www.contractcontrol.co" + path; // Inject/update canonical tag in React.useEffect(() => { let link = document.querySelector('link[rel="canonical"]'); if (!link) { link = document.createElement("link"); link.setAttribute("rel", "canonical"); document.head.appendChild(link); } link.setAttribute("href", fullUrl); }, [fullUrl]); const pageSchemas = []; // WebSite schema (homepage only) if (path === "/" || path === "") { pageSchemas.push({ "@context": "https://schema.org", "@type": "WebSite", "name": "ContractControl", "url": "https://www.contractcontrol.co", "description": "A modern Contract Lifecycle Management (CLM) platform for legal, procurement, finance, and sales teams.", "publisher": { "@type": "Organization", "name": "ContractControl" }, "potentialAction": { "@type": "SearchAction", "target": "https://www.contractcontrol.co/glossary?q={search_term_string}", "query-input": "required name=search_term_string" } }); } // Article schema (blog posts) if (path.startsWith("/blog/") && path !== "/blog") { pageSchemas.push({ "@context": "https://schema.org", "@type": "Article", "headline": document.title.split(" | ")[0] || document.title, "url": fullUrl, "datePublished": "2026-05-01", "dateModified": "2026-06-11", "author": { "@type": "Person", "name": "Johan Montelius Hedberg" }, "publisher": { "@type": "Organization", "name": "ContractControl", "logo": { "@type": "ImageObject", "url": "https://www.contractcontrol.co/logo.svg" } }, "mainEntityOfPage": { "@type": "WebPage", "@id": fullUrl } }); } // Event schema (webinar detail pages) if (path.startsWith("/webinars/") && path !== "/webinars") { pageSchemas.push({ "@context": "https://schema.org", "@type": "Event", "name": document.title.split(" | ")[0] || "ContractControl Webinar", "url": fullUrl, "startDate": "2026-08-28T15:00:00+02:00", "endDate": "2026-08-28T15:50:00+02:00", "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode", "eventStatus": "https://schema.org/EventScheduled", "location": { "@type": "VirtualLocation", "url": fullUrl }, "organizer": { "@type": "Organization", "name": "ContractControl", "url": "https://www.contractcontrol.co" }, "offers": { "@type": "Offer", "price": "0", "priceCurrency": "EUR", "availability": "https://schema.org/InStock" } }); } // SoftwareApplication for platform module pages const platformModules = { "/platform/intake": "Contract Intake", "/platform/drafting": "Contract Drafting", "/platform/negotiation": "Contract Negotiation", "/platform/review": "Contract Review", "/platform/esignature": "Electronic Signatures", "/platform/repository": "Contract Repository", "/platform/obligations": "Obligation Tracking", "/platform/analytics": "Contract Analytics", "/platform/workspaces": "Workspaces", "/platform/permissions": "Permissions", "/platform/dataroom": "Data Room", "/platform/document-hub": "Document Hub", "/platform/unlimited-viewer": "Unlimited Viewer", }; if (platformModules[path]) { pageSchemas.push({ "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "ContractControl " + platformModules[path], "url": fullUrl, "applicationCategory": "BusinessApplication", "operatingSystem": "Web", "offers": { "@type": "AggregateOffer", "priceCurrency": "EUR", "lowPrice": "49", "url": "https://www.contractcontrol.co/pricing" }, "publisher": { "@type": "Organization", "name": "ContractControl" } }); } // BreadcrumbList for nested pages const segments = path.split("/").filter(Boolean); if (segments.length >= 1 && path !== "/" && path !== "") { const breadcrumbs = [{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.contractcontrol.co/" }]; let built = ""; segments.forEach((seg, i) => { built += "/" + seg; breadcrumbs.push({ "@type": "ListItem", "position": i + 2, "name": seg.replace(/-/g, " ").replace(/\b\w/g, c => c.toUpperCase()), "item": "https://www.contractcontrol.co" + built }); }); pageSchemas.push({ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": breadcrumbs }); } // Generic WebPage for all non-homepage, non-article, non-event pages if (!path.startsWith("/blog/") && !(path.startsWith("/webinars/") && path !== "/webinars") && path !== "/" && path !== "") { pageSchemas.push({ "@context": "https://schema.org", "@type": "WebPage", "name": document.title.split(" | ")[0] || document.title, "url": fullUrl, "isPartOf": { "@type": "WebSite", "name": "ContractControl", "url": "https://www.contractcontrol.co" }, "publisher": { "@type": "Organization", "name": "ContractControl" } }); } return (