export default function CyberLokWebsiteWireframe() {
const nav = [
"Home",
"CMMC Services",
"Managed Security",
"OT/ICS + Physical Security",
"Infrastructure Engineering",
"About",
"Contact",
];
const serviceCards = [
{
title: "CMMC & Federal Compliance",
desc: "Readiness, gap analysis, SSP/POA&M development, control implementation, and advisory support aligned to NIST SP 800-171, 800-53, DFARS, and CMMC.",
cta: "Explore Compliance Services",
},
{
title: "Managed Security Services",
desc: "Continuous monitoring, Microsoft Sentinel, vulnerability management, incident response readiness, endpoint visibility, and monthly executive reporting.",
cta: "Explore Managed Security",
},
{
title: "OT / ICS & Physical Security",
desc: "Converged protection for industrial control systems, SCADA, access control, surveillance, intrusion detection, and facility network segmentation.",
cta: "Explore OT + Physical Security",
},
{
title: "Network & Infrastructure Engineering",
desc: "Secure network refreshes, firewall modernization, wireless design, segmentation, hardening, documentation, training, and operational turnover.",
cta: "Explore Engineering Services",
},
];
const audiences = [
"Defense Industrial Base (DIB) Contractors",
"Department of Energy & Nuclear Environments",
"Federal, State, and Local Government",
"Critical Infrastructure & Utility Operators",
];
const compliance = [
"CMMC 2.0",
"NIST SP 800-171",
"NIST SP 800-53",
"NIST CSF 2.0",
"DFARS 252.204-7012 / 7019 / 7020",
"RMF-Aligned Security Practices",
];
const landingPages = [
{
slug: "Landing Page 1",
title: "CMMC & Federal Compliance Services",
subtitle:
"A conversion-focused page for DIB contractors needing readiness assessments, implementation, documentation, and executive guidance.",
sections: [
"Hero with compliance-forward value proposition",
"Problems we solve for contractors handling CUI",
"Service scope: Gap analysis, SSP, POA&M, remediation roadmap",
"Framework alignment strip",
"Engagement timeline visual",
"Why CyberLok / experience block",
"Lead capture CTA",
],
},
{
slug: "Landing Page 2",
title: "Managed Security Services",
subtitle:
"A recurring-revenue page for ongoing monitoring, vulnerability management, reporting, and support for regulated organizations.",
sections: [
"Hero with MSSP positioning",
"Coverage overview: endpoints, identities, cloud, logs, alerts",
"Monitoring workflow diagram",
"Deliverables and reporting section",
"Optional add-ons / tiers",
"Response and escalation path",
"Contact CTA",
],
},
{
slug: "Landing Page 3",
title: "OT / ICS & Physical Security Integration",
subtitle:
"A sector-specific page for nuclear, industrial, utility, and government environments where facility systems and cyber risk intersect.",
sections: [
"Hero focused on converged security",
"OT/ICS + physical security challenges",
"Architecture diagram",
"Systems supported: access control, IDS, CCTV, segmented networks",
"Use cases for high-consequence environments",
"Methodology and documentation",
"Schedule consultation CTA",
],
},
{
slug: "Landing Page 4",
title: "Network & Infrastructure Engineering",
subtitle:
"A project-delivery page for firewall refreshes, wireless upgrades, courthouse/facility networks, design, implementation, testing, and staff training.",
sections: [
"Hero for secure modernization projects",
"Capabilities matrix",
"Project lifecycle from design through turnover",
"Sample deliverables section",
"Training and documentation value proposition",
"Past-environment credibility panel",
"Request scope review CTA",
],
},
];
return (
);
}
CyberLok Security Solutions
Wireframe + Landing Page System
Homepage Wireframe
Cybersecurity & Physical Security Solutions for Defense, Energy, and Critical Infrastructure
A cleaner, more authoritative homepage structure built to speak directly to DIB contractors, government buyers, nuclear environments, and facility security stakeholders.
{[
["HUBZone", "Small business credibility for federal buyers"],
["Cyber + Physical", "Converged security positioning"],
["Regulated Environments", "DIB, DOE, nuclear, and critical infrastructure"],
].map(([title, desc]) => (
))}
{title}
{desc}
Recommended Homepage Sections
-
{[
"Hero with strong federal/regulated-environment positioning",
"Who We Serve",
"Core Capabilities grid",
"Compliance & Framework Alignment",
"Integrated Cyber + Physical Security",
"Relevant Experience / Proof of Capability",
"Architecture & engagement visuals",
"CTA + capability statement download",
].map((item, index) => (
- {index + 1} {item} ))}
Who We Serve
{audiences.map((item) => (
{item}
))}
Framework Alignment Banner
{compliance.map((item) => (
{item}
))}
Core Capabilities
Service Pillars for the Main Site
Each pillar should link to a dedicated landing page with compliance-forward messaging, visual architecture,
service scope, sample deliverables, and a strong CTA.
{serviceCards.map((card) => (
))}
{card.title}
{card.desc}
{card.cta}
Graphic / Diagram 1
Converged OT + Cyber Architecture
This visual shows how CyberLok can present a high-level secure architecture connecting enterprise IT, SOC monitoring, OT zones, and physical security systems inside a regulated environment.
Graphic / Diagram 2
Managed Security Workflow
This diagram can be used on the MSSP landing page to communicate recurring value, response workflow, and reporting cadence without getting overly technical.
{[
["1. Collect", "Endpoints, firewalls, cloud, identities, facility systems, and logs feed into centralized visibility."],
["2. Detect", "Correlation rules, alerting thresholds, and vulnerability analysis identify anomalies and high-risk issues."],
["3. Triage", "CyberLok reviews alerts, validates severity, and determines containment / remediation priorities."],
["4. Respond", "Escalation, containment, hardening, ticketing, and incident support are coordinated with the client."],
["5. Report", "Monthly executive summaries, metrics, trends, and remediation roadmaps support leadership and audits."],
].map(([title, desc]) => (
))}
{title}
{desc}
Service-Specific Landing Pages
Designed Page Outlines
{landingPages.map((page) => (
))}
{page.slug}
{page.title}
{page.subtitle}
{page.sections.map((section) => (
{section}
))}
Homepage CTA Section
Secure the Mission. Strengthen Compliance. Modernize with Confidence.
The final production site should drive users toward specific conversion paths: compliance assessments, network modernization scoping, OT / physical security consultations, and managed security engagements.
Recommended Next Build Steps
Replace placeholder logo area with official CyberLok brand assets.
Convert each landing-page outline into full production copy and final page design.
Add case-study proof points, capability statement download, and contact form integrations.
Create icons, diagrams, and page-specific CTAs tailored to government and regulated buyers.