{"id":33,"date":"2026-06-10T15:30:09","date_gmt":"2026-06-10T15:30:09","guid":{"rendered":"https:\/\/cybertechit.org\/?page_id=33"},"modified":"2026-06-10T15:43:59","modified_gmt":"2026-06-10T15:43:59","slug":"cybertech-2026","status":"publish","type":"page","link":"https:\/\/cybertechit.org\/","title":{"rendered":"Cybertech IT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"33\" class=\"elementor elementor-33\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9e1065 e-flex e-con-boxed e-con e-parent\" data-id=\"b9e1065\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-838e73d elementor-widget elementor-widget-html\" data-id=\"838e73d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Cybertech IT \u2014 homepage prototype. Self-contained: paste-ready for WordPress (see notes). -->\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Cybertech IT Pty Ltd \u2014 IT Infrastructure Specialists<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  :root{\n    --ink:#0B1F3A;            \/* deep navy *\/\n    --hero-1:#0E2440;\n    --hero-2:#091627;\n    --cyan:#1FC8DB;           \/* live link accent *\/\n    --cyan-deep:#0FA9BC;\n    --online:#34D399;         \/* status \/ uptime *\/\n    --bg:#F5F7FA;             \/* cool off-white *\/\n    --card:#FFFFFF;\n    --text:#334155;\n    --muted:#64748B;\n    --line:#E3E9F0;\n    --shadow:0 18px 40px -24px rgba(11,31,58,.45);\n    --radius:16px;\n    --maxw:1140px;\n  }\n  *{box-sizing:border-box}\n  html{scroll-behavior:smooth}\n  body{\n    margin:0;background:var(--bg);color:var(--text);\n    font-family:\"Inter\",system-ui,sans-serif;font-size:17px;line-height:1.6;\n    -webkit-font-smoothing:antialiased;\n  }\n  h1,h2,h3,h4{font-family:\"Space Grotesk\",sans-serif;color:var(--ink);line-height:1.12;margin:0}\n  a{color:inherit;text-decoration:none}\n  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}\n  .eyebrow{\n    font-family:\"JetBrains Mono\",monospace;font-size:12.5px;letter-spacing:.16em;\n    text-transform:uppercase;color:var(--cyan-deep);font-weight:500;\n  }\n  .section{padding:96px 0}\n  .btn{\n    display:inline-flex;align-items:center;gap:9px;font-family:\"Space Grotesk\",sans-serif;\n    font-weight:600;font-size:15.5px;padding:13px 22px;border-radius:11px;cursor:pointer;\n    border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;\n  }\n  .btn-primary{background:var(--cyan);color:#062a31;box-shadow:0 10px 24px -10px rgba(31,200,219,.7)}\n  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px rgba(31,200,219,.85)}\n  .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}\n  .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}\n  .btn-dark{background:var(--ink);color:#fff}\n  .btn-dark:hover{transform:translateY(-2px);box-shadow:var(--shadow)}\n\n  \/* ---------- header ---------- *\/\n  header.nav{\n    position:sticky;top:0;z-index:50;background:rgba(245,247,250,.85);\n    backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid transparent;transition:.25s;\n  }\n  header.nav.scrolled{border-bottom-color:var(--line);background:rgba(245,247,250,.95)}\n  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}\n  .brand{display:flex;align-items:center;gap:11px;font-family:\"Space Grotesk\";font-weight:700;font-size:19px;color:var(--ink)}\n  .brand .glyph{width:30px;height:30px}\n  .nav-links{display:flex;align-items:center;gap:30px}\n  .nav-links a{font-size:15px;font-weight:500;color:var(--ink);opacity:.82;transition:.18s}\n  .nav-links a:hover{opacity:1;color:var(--cyan-deep)}\n  .nav-cta{display:flex;align-items:center;gap:16px}\n  .nav-phone{font-family:\"JetBrains Mono\";font-size:13.5px;color:var(--ink);font-weight:500;white-space:nowrap}\n  .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}\n  .burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}\n\n  \/* ---------- hero ---------- *\/\n  .hero{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 80% 0%,var(--hero-1),var(--hero-2));color:#fff}\n  .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:84px;padding-bottom:92px}\n  .hero h1{color:#fff;font-size:clamp(34px,5vw,58px);font-weight:700;letter-spacing:-.02em;margin:18px 0 0}\n  .hero h1 .hl{color:var(--cyan)}\n  .hero p.sub{font-size:18.5px;color:#C3D0E0;margin:22px 0 30px;max-width:34em}\n  .hero-cta{display:flex;flex-wrap:wrap;gap:14px}\n  .status{display:inline-flex;align-items:center;gap:9px;margin-top:30px;font-family:\"JetBrains Mono\";font-size:13px;color:#9fb3c8}\n  .status .dot{width:9px;height:9px;border-radius:50%;background:var(--online);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:pulse 2.4s infinite}\n  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 12px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}\n\n  \/* network signature *\/\n  .net{width:100%;height:auto;display:block}\n  .net .link{stroke:var(--cyan);stroke-width:1.2;opacity:.35;stroke-dasharray:5 7;animation:flow 4s linear infinite}\n  .net .node{fill:#0E2440;stroke:var(--cyan);stroke-width:1.6}\n  .net .node.live{fill:var(--cyan)}\n  .net .ping{fill:none;stroke:var(--cyan);stroke-width:1.4;opacity:0;animation:ping 3.2s ease-out infinite}\n  @keyframes flow{to{stroke-dashoffset:-48}}\n  @keyframes ping{0%{r:6;opacity:.7}80%{r:26;opacity:0}100%{opacity:0}}\n\n  .certbar{border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.16)}\n  .certbar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 36px;padding:20px 24px}\n  .certbar .lab{font-family:\"JetBrains Mono\";font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7d93ab}\n  .certbar .item{display:flex;align-items:center;gap:9px;color:#dfe8f2;font-weight:500;font-size:15px}\n  .certbar .item svg{width:18px;height:18px;color:var(--cyan)}\n\n  \/* ---------- services ---------- *\/\n  .head{max-width:640px;margin-bottom:46px}\n  .head h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.01em;margin-top:12px}\n  .head p{color:var(--muted);margin:14px 0 0;font-size:17.5px}\n  .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n  .card{\n    background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;\n    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;\n  }\n  .card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cfe6ec}\n  .card .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#E6FAFD,#D2F1F5);margin-bottom:16px}\n  .card .ico svg{width:24px;height:24px;color:var(--cyan-deep)}\n  .card h3{font-size:18px;font-weight:600;margin-bottom:8px}\n  .card p{font-size:15px;color:var(--muted);margin:0;line-height:1.55}\n\n  \/* ---------- why (dark band) ---------- *\/\n  .why{background:var(--ink);color:#fff}\n  .why .head h2{color:#fff}.why .head p{color:#aebfd2}\n  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}\n  .why-item{padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:rgba(255,255,255,.03)}\n  .why-item .n{font-family:\"JetBrains Mono\";font-size:13px;color:var(--cyan);margin-bottom:14px}\n  .why-item h3{color:#fff;font-size:18px;margin-bottom:8px}\n  .why-item p{color:#aebfd2;font-size:14.5px;margin:0}\n\n  \/* ---------- about + process ---------- *\/\n  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}\n  .about p{font-size:17px;margin:0 0 16px}\n  .steps{display:flex;flex-direction:column;gap:14px}\n  .step{display:flex;gap:18px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}\n  .step .num{font-family:\"Space Grotesk\";font-weight:700;font-size:15px;color:#fff;background:var(--cyan-deep);min-width:34px;height:34px;border-radius:9px;display:grid;place-items:center}\n  .step h4{font-size:16px;margin-bottom:3px}\n  .step p{font-size:14.5px;color:var(--muted);margin:0}\n\n  \/* ---------- faq ---------- *\/\n  .faq{max-width:780px;margin:0 auto}\n  .qa{border:1px solid var(--line);border-radius:13px;background:var(--card);margin-bottom:12px;overflow:hidden}\n  .qa button{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:18px 22px;font-family:\"Space Grotesk\";font-weight:600;font-size:16.5px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px}\n  .qa .plus{color:var(--cyan-deep);font-size:22px;transition:transform .25s;flex:none}\n  .qa.open .plus{transform:rotate(45deg)}\n  .qa .ans{max-height:0;overflow:hidden;transition:max-height .3s ease}\n  .qa .ans p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:15.5px}\n\n  \/* ---------- contact ---------- *\/\n  .contact{background:var(--ink);color:#fff}\n  .contact .head h2{color:#fff}.contact .head p{color:#aebfd2}\n  .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}\n  .field{margin-bottom:16px}\n  .field label{display:block;font-size:13px;font-family:\"JetBrains Mono\";letter-spacing:.06em;color:#9fb3c8;margin-bottom:7px}\n  .field input,.field textarea{\n    width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-radius:11px;\n    padding:13px 15px;color:#fff;font-family:\"Inter\";font-size:15.5px;transition:.18s;\n  }\n  .field input:focus,.field textarea:focus{outline:none;border-color:var(--cyan);background:rgba(31,200,219,.06)}\n  .field textarea{min-height:120px;resize:vertical}\n  .form-note{font-size:13px;color:#8aa0b8;margin-top:6px}\n  .cinfo{display:flex;flex-direction:column;gap:18px}\n  .cline{display:flex;gap:15px;align-items:flex-start}\n  .cline .ci{width:42px;height:42px;border-radius:11px;background:rgba(31,200,219,.12);display:grid;place-items:center;flex:none}\n  .cline .ci svg{width:20px;height:20px;color:var(--cyan)}\n  .cline .lab{font-family:\"JetBrains Mono\";font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8aa0b8}\n  .cline a,.cline span{display:block;color:#fff;font-size:16px;font-weight:500}\n  .cline a:hover{color:var(--cyan)}\n  .toast{margin-top:14px;padding:13px 16px;border-radius:11px;background:rgba(52,211,153,.14);border:1px solid rgba(52,211,153,.4);color:#bff4dd;font-size:14.5px;display:none}\n  .toast.show{display:block}\n\n  \/* ---------- footer ---------- *\/\n  footer{background:#071424;color:#9fb3c8;padding:54px 0 30px}\n  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}\n  footer .brand{color:#fff}\n  footer h5{font-family:\"JetBrains Mono\";font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6f87a0;margin:0 0 14px}\n  footer a{display:block;color:#9fb3c8;font-size:15px;margin-bottom:9px;transition:.18s}\n  footer a:hover{color:var(--cyan)}\n  .foot-bottom{padding-top:22px;font-size:13.5px;color:#5f7790}\n\n  .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}\n  .reveal.in{opacity:1;transform:none}\n\n  \/* ---------- responsive ---------- *\/\n  @media(max-width:980px){\n    .hero .wrap{grid-template-columns:1fr;padding-top:56px;padding-bottom:64px}\n    .hero-art{order:-1;max-width:440px}\n    .grid{grid-template-columns:repeat(2,1fr)}\n    .why-grid{grid-template-columns:repeat(2,1fr)}\n    .about-grid,.contact-grid{grid-template-columns:1fr;gap:36px}\n    .foot-grid{grid-template-columns:1fr 1fr}\n  }\n  @media(max-width:680px){\n    .section{padding:68px 0}\n    .nav-links,.nav-phone{display:none}\n    .burger{display:flex}\n    .nav-links.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}\n    .nav-links.open a{padding:12px 0;width:100%;border-bottom:1px solid var(--line)}\n    .grid{grid-template-columns:1fr}\n    .why-grid{grid-template-columns:1fr}\n    .foot-grid{grid-template-columns:1fr}\n  }\n  @media(prefers-reduced-motion:reduce){\n    *{animation:none!important;transition:none!important;scroll-behavior:auto!important}\n    .reveal{opacity:1;transform:none}\n  }\n<\/style>\n\n<!-- ===================== HEADER ===================== -->\n<header class=\"nav\" id=\"nav\">\n  <div class=\"wrap nav-inner\">\n    <a class=\"brand\" href=\"#top\">\n      <svg class=\"glyph\" viewBox=\"0 0 32 32\" fill=\"none\">\n        <circle cx=\"6\" cy=\"16\" r=\"3.2\" fill=\"#1FC8DB\"\/>\n        <circle cx=\"26\" cy=\"7\" r=\"3.2\" fill=\"#0B1F3A\"\/>\n        <circle cx=\"26\" cy=\"25\" r=\"3.2\" fill=\"#0B1F3A\"\/>\n        <path d=\"M8.6 14.6 23.4 8.4M8.6 17.4 23.4 23.6\" stroke=\"#1FC8DB\" stroke-width=\"1.6\"\/>\n      <\/svg>\n      Cybertech IT\n    <\/a>\n    <nav class=\"nav-links\" id=\"links\">\n      <a href=\"#services\">Services<\/a>\n      <a href=\"#why\">Why us<\/a>\n      <a href=\"#about\">About<\/a>\n      <a href=\"#faq\">FAQ<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/nav>\n    <div class=\"nav-cta\">\n      <a class=\"nav-phone\" href=\"tel:0238800202\">023 880 0202<\/a>\n      <a class=\"btn btn-dark\" href=\"#contact\">Free assessment<\/a>\n      <button class=\"burger\" id=\"burger\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- ===================== HERO ===================== -->\n<section class=\"hero\" id=\"top\">\n  <div class=\"wrap\">\n    <div class=\"hero-copy\">\n      <span class=\"eyebrow\" style=\"color:var(--cyan)\">IT Infrastructure Specialists \u00b7 Western Cape<\/span>\n      <h1>Your complete <span class=\"hl\">IT infrastructure<\/span> partner.<\/h1>\n      <p class=\"sub\">Cybertech IT plans, deploys, monitors and manages the technology your business runs on \u2014 servers, networks, VoIP and CCTV \u2014 backed by certified specialists and clear service-level agreements.<\/p>\n      <div class=\"hero-cta\">\n        <a class=\"btn btn-primary\" href=\"#contact\">Get a free assessment \u2192<\/a>\n        <a class=\"btn btn-ghost\" href=\"tel:0761090568\">Call 076 1090 568<\/a>\n      <\/div>\n      <div class=\"status\"><span class=\"dot\"><\/span> Client networks monitored 24\/7<\/div>\n    <\/div>\n    <div class=\"hero-art\">\n      <svg class=\"net\" viewBox=\"0 0 420 360\" fill=\"none\" aria-hidden=\"true\">\n        <g>\n          <path class=\"link\" d=\"M70 90 L210 60\"\/><path class=\"link\" d=\"M210 60 L350 110\"\/>\n          <path class=\"link\" d=\"M70 90 L130 200\"\/><path class=\"link\" d=\"M210 60 L210 180\"\/>\n          <path class=\"link\" d=\"M350 110 L320 230\"\/><path class=\"link\" d=\"M130 200 L210 180\"\/>\n          <path class=\"link\" d=\"M210 180 L320 230\"\/><path class=\"link\" d=\"M130 200 L180 300\"\/>\n          <path class=\"link\" d=\"M320 230 L260 310\"\/><path class=\"link\" d=\"M210 180 L260 310\"\/>\n          <path class=\"link\" d=\"M180 300 L260 310\"\/>\n        <\/g>\n        <circle class=\"ping\" cx=\"210\" cy=\"180\" r=\"6\"\/>\n        <circle class=\"ping\" cx=\"350\" cy=\"110\" r=\"6\" style=\"animation-delay:1.4s\"\/>\n        <circle class=\"ping\" cx=\"180\" cy=\"300\" r=\"6\" style=\"animation-delay:.7s\"\/>\n        <g>\n          <circle class=\"node live\" cx=\"70\" cy=\"90\" r=\"7\"\/>\n          <circle class=\"node\" cx=\"210\" cy=\"60\" r=\"7\"\/>\n          <circle class=\"node live\" cx=\"350\" cy=\"110\" r=\"7\"\/>\n          <circle class=\"node\" cx=\"130\" cy=\"200\" r=\"7\"\/>\n          <circle class=\"node live\" cx=\"210\" cy=\"180\" r=\"9\"\/>\n          <circle class=\"node\" cx=\"320\" cy=\"230\" r=\"7\"\/>\n          <circle class=\"node\" cx=\"180\" cy=\"300\" r=\"7\"\/>\n          <circle class=\"node live\" cx=\"260\" cy=\"310\" r=\"7\"\/>\n        <\/g>\n      <\/svg>\n    <\/div>\n  <\/div>\n  <!-- certifications strip -->\n  <div class=\"certbar\">\n    <div class=\"wrap\">\n      <span class=\"lab\">Certified across<\/span>\n      <span class=\"item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"6\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"18\" height=\"6\" rx=\"1\"\/><path d=\"M7 7h.01M7 17h.01\"\/><\/svg> Servers<\/span>\n      <span class=\"item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"4\" cy=\"6\" r=\"1.6\"\/><circle cx=\"20\" cy=\"6\" r=\"1.6\"\/><circle cx=\"4\" cy=\"18\" r=\"1.6\"\/><circle cx=\"20\" cy=\"18\" r=\"1.6\"\/><path d=\"M10.5 10.5 5 6.8M13.5 10.5 19 6.8M10.5 13.5 5 17.2M13.5 13.5 19 17.2\"\/><\/svg> Networks<\/span>\n      <span class=\"item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 4h4l2 5-3 2a12 12 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z\"\/><\/svg> VoIP<\/span>\n      <span class=\"item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 7l13-3 1 4-13 3z\"\/><circle cx=\"8\" cy=\"11\" r=\"2.5\"\/><path d=\"M16 8l5-1v6M6 14v5h3\"\/><\/svg> CCTV<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== SERVICES ===================== -->\n<section class=\"section\" id=\"services\">\n  <div class=\"wrap\">\n    <div class=\"head reveal\">\n      <span class=\"eyebrow\">What we do<\/span>\n      <h2>One team for every part of your infrastructure<\/h2>\n      <p>From the cabling in your cabinets to the cameras on your walls \u2014 planned, secured, and supported under one accountable partner.<\/p>\n    <\/div>\n    <div class=\"grid\">\n      <div class=\"card reveal\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"5\" cy=\"5\" r=\"1.4\"\/><circle cx=\"19\" cy=\"5\" r=\"1.4\"\/><circle cx=\"5\" cy=\"19\" r=\"1.4\"\/><circle cx=\"19\" cy=\"19\" r=\"1.4\"\/><path d=\"M10.4 10.4 6 6M13.6 10.4 18 6M10.4 13.6 6 18M13.6 13.6 18 18\"\/><\/svg><\/div>\n        <h3>Network Infrastructure & SLA<\/h3>\n        <p>We trace, document and manage your entire network, then keep it stable under a defined service-level agreement.<\/p>\n      <\/div>\n      <div class=\"card reveal\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 12h4l2 6 4-14 2 8h6\"\/><\/svg><\/div>\n        <h3>Proactive Support & Monitoring<\/h3>\n        <p>We watch your systems in real time and resolve issues before they cause downtime or data loss.<\/p>\n      <\/div>\n      <div class=\"card reveal\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"5\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"18\" height=\"5\" rx=\"1\"\/><path d=\"M7 6.5h.01M7 16.5h.01\"\/><\/svg><\/div>\n        <h3>Servers & Management<\/h3>\n        <p>Design, deployment and day-to-day management of the servers and systems your business depends on.<\/p>\n      <\/div>\n      <div class=\"card reveal\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v4M12 17v4M3 12h4M17 12h4\"\/><circle cx=\"12\" cy=\"12\" r=\"3.5\"\/><\/svg><\/div>\n        <h3>IT Planning<\/h3>\n        <p>Cost-effective infrastructure planning that aligns your IT with where your business is headed.<\/p>\n      <\/div>\n      <div class=\"card reveal\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3 4 7v5c0 5 3.5 8 8 9 4.5-1 8-4 8-9V7z\"\/><path d=\"M9.5 12.5 11.5 14.5 15 10.5\"\/><\/svg><\/div>\n        <h3>Deployment<\/h3>\n        <p>Scalable, future-ready rollouts with automation and centralised management built in from day one.<\/p>\n      <\/div>\n      <div class=\"card reveal\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3 4 7v5c0 5 3.5 8 8 9 4.5-1 8-4 8-9V7z\"\/><path d=\"M12 8v4M12 15h.01\"\/><\/svg><\/div>\n        <h3>Penetration Testing<\/h3>\n        <p>We test your defences the way an attacker would, so you find the gaps before they do.<\/p>\n      <\/div>\n      <div class=\"card reveal\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 4h4l2 5-3 2a12 12 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z\"\/><\/svg><\/div>\n        <h3>3CX VoIP Solutions<\/h3>\n        <p>Modern, flexible business phone systems that cut telephony costs and let your team work anywhere.<\/p>\n      <\/div>\n      <div class=\"card reveal\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 7l13-3 1 4-13 3z\"\/><circle cx=\"8\" cy=\"11\" r=\"2.5\"\/><path d=\"M16 8l5-1v6M6 14v5h3\"\/><\/svg><\/div>\n        <h3>CCTV & Surveillance<\/h3>\n        <p>Professionally installed and configured CCTV that keeps your premises, stock and people protected.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== WHY US ===================== -->\n<section class=\"section why\" id=\"why\">\n  <div class=\"wrap\">\n    <div class=\"head reveal\">\n      <span class=\"eyebrow\" style=\"color:var(--cyan)\">Why Cybertech IT<\/span>\n      <h2>Reasons businesses choose us<\/h2>\n      <p>Not just another IT company \u2014 a certified, proactive partner that takes responsibility for keeping you running.<\/p>\n    <\/div>\n    <div class=\"why-grid\">\n      <div class=\"why-item reveal\"><div class=\"n\">01<\/div><h3>Certified specialists<\/h3><p>Our staff are certified across servers, networks, VoIP and CCTV \u2014 real expertise, not guesswork.<\/p><\/div>\n      <div class=\"why-item reveal\"><div class=\"n\">02<\/div><h3>One partner, end to end<\/h3><p>Plan, deploy, secure and support \u2014 all handled by a single, accountable team.<\/p><\/div>\n      <div class=\"why-item reveal\"><div class=\"n\">03<\/div><h3>Proactive, not reactive<\/h3><p>Real-time monitoring and SLAs mean problems are caught early and fixed fast.<\/p><\/div>\n      <div class=\"why-item reveal\"><div class=\"n\">04<\/div><h3>Local & responsive<\/h3><p>Based in the Western Cape \u2014 we answer the phone and show up when you need us.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== ABOUT + PROCESS ===================== -->\n<section class=\"section\" id=\"about\">\n  <div class=\"wrap about-grid\">\n    <div class=\"about reveal\">\n      <span class=\"eyebrow\">About us<\/span>\n      <h2 style=\"font-size:34px;margin:12px 0 18px\">A passion for IT, built for your business<\/h2>\n      <p>Cybertech IT is an IT infrastructure specialist serving small to commercial businesses across the Western Cape. Technology is no longer just support for your business \u2014 it <em>is<\/em> your business. We make sure it's planned well, runs reliably, and grows with you.<\/p>\n      <p>Our team is certified across the four pillars of modern infrastructure \u2014 <strong>servers, networks, VoIP and CCTV<\/strong> \u2014 so whether you need a new phone system, a tidy and stable network, secure surveillance, or someone to simply keep it all working, you're dealing with people who do this every day.<\/p>\n      <a class=\"btn btn-dark\" href=\"#contact\" style=\"margin-top:8px\">Talk to our team<\/a>\n    <\/div>\n    <div class=\"reveal\">\n      <span class=\"eyebrow\">How we work<\/span>\n      <h2 style=\"font-size:34px;margin:12px 0 22px\">A clear path, every time<\/h2>\n      <div class=\"steps\">\n        <div class=\"step\"><div class=\"num\">1<\/div><div><h4>Assess<\/h4><p>We map and review your current setup to understand exactly what you have and where the risks are.<\/p><\/div><\/div>\n        <div class=\"step\"><div class=\"num\">2<\/div><div><h4>Plan<\/h4><p>We recommend a cost-effective, future-ready plan tailored to your business goals.<\/p><\/div><\/div>\n        <div class=\"step\"><div class=\"num\">3<\/div><div><h4>Deploy<\/h4><p>We implement cleanly and document everything, with minimal disruption to your operations.<\/p><\/div><\/div>\n        <div class=\"step\"><div class=\"num\">4<\/div><div><h4>Manage<\/h4><p>We monitor, support and maintain it under an SLA \u2014 so it stays fast, secure and reliable.<\/p><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== FAQ ===================== -->\n<section class=\"section\" id=\"faq\" style=\"background:#EEF2F7\">\n  <div class=\"wrap\">\n    <div class=\"head reveal\" style=\"margin:0 auto 40px;text-align:center\">\n      <span class=\"eyebrow\">Common questions<\/span>\n      <h2>Good to know<\/h2>\n    <\/div>\n    <div class=\"faq\">\n      <div class=\"qa reveal\"><button>Do you work with small businesses, or only large ones?<span class=\"plus\">+<\/span><\/button><div class=\"ans\"><p>Both. Our services scale from small offices to commercial operations \u2014 you get the same certified team and proactive support either way.<\/p><\/div><\/div>\n      <div class=\"qa reveal\"><button>Can you handle servers, networks, VoIP and CCTV together?<span class=\"plus\">+<\/span><\/button><div class=\"ans\"><p>Yes \u2014 that's our strength. One partner covering all four means no finger-pointing between vendors and a setup that actually works as a whole.<\/p><\/div><\/div>\n      <div class=\"qa reveal\"><button>Do you offer ongoing support contracts and SLAs?<span class=\"plus\">+<\/span><\/button><div class=\"ans\"><p>We do. Our managed service includes 24\/7 monitoring and a service-level agreement with defined response and resolution times, so you always know what to expect.<\/p><\/div><\/div>\n      <div class=\"qa reveal\"><button>What areas do you cover?<span class=\"plus\">+<\/span><\/button><div class=\"ans\"><p>We're based in the Western Cape and support businesses across the region, both on-site and remotely. Get in touch and we'll confirm coverage for your location.<\/p><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== CONTACT ===================== -->\n<section class=\"section contact\" id=\"contact\">\n  <div class=\"wrap\">\n    <div class=\"head reveal\" style=\"margin-bottom:40px\">\n      <span class=\"eyebrow\" style=\"color:var(--cyan)\">Get in touch<\/span>\n      <h2>Book your free IT assessment<\/h2>\n      <p>Tell us a little about your setup and we'll get back to you with honest, practical next steps.<\/p>\n    <\/div>\n    <div class=\"contact-grid\">\n      <form class=\"reveal\" id=\"cform\" novalidate>\n        <div class=\"field\"><label for=\"n\">Your name<\/label><input id=\"n\" type=\"text\" required><\/div>\n        <div class=\"field\"><label for=\"e\">Email<\/label><input id=\"e\" type=\"email\" required><\/div>\n        <div class=\"field\"><label for=\"p\">Phone<\/label><input id=\"p\" type=\"tel\"><\/div>\n        <div class=\"field\"><label for=\"m\">How can we help?<\/label><textarea id=\"m\" required><\/textarea><\/div>\n        <button type=\"submit\" class=\"btn btn-primary\">Send message \u2192<\/button>\n        <p class=\"form-note\">In WordPress this connects to a form plugin (see the setup notes). On this preview it just shows a confirmation.<\/p>\n        <div class=\"toast\" id=\"toast\">Thanks \u2014 your message is ready. We'll be in touch shortly.<\/div>\n      <\/form>\n      <div class=\"cinfo reveal\">\n        <div class=\"cline\"><div class=\"ci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg><\/div><div><span class=\"lab\">Email<\/span><a href=\"mailto:admin@cybertechit.org\">admin@cybertechit.org<\/a><\/div><\/div>\n        <div class=\"cline\"><div class=\"ci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 4h4l2 5-3 2a12 12 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z\"\/><\/svg><\/div><div><span class=\"lab\">Office<\/span><a href=\"tel:0238800202\">023 880 0202<\/a><\/div><\/div>\n        <div class=\"cline\"><div class=\"ci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"6\" y=\"2.5\" width=\"12\" height=\"19\" rx=\"2.5\"\/><path d=\"M11 18h2\"\/><\/svg><\/div><div><span class=\"lab\">Mobile<\/span><a href=\"tel:0761090568\">076 1090 568<\/a><\/div><\/div>\n        <div class=\"cline\"><div class=\"ci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-5.6-7-11a7 7 0 0 1 14 0c0 5.4-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/div><div><span class=\"lab\">Location<\/span><span>Western Cape, South Africa<\/span><\/div><\/div>\n        <div class=\"cline\"><div class=\"ci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg><\/div><div><span class=\"lab\">Monitoring<\/span><span>24\/7 network monitoring<\/span><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== FOOTER ===================== -->\n<footer>\n  <div class=\"wrap\">\n    <div class=\"foot-grid\">\n      <div>\n        <div class=\"brand\" style=\"margin-bottom:14px\">\n          <svg class=\"glyph\" viewBox=\"0 0 32 32\" fill=\"none\" style=\"width:28px;height:28px\"><circle cx=\"6\" cy=\"16\" r=\"3.2\" fill=\"#1FC8DB\"\/><circle cx=\"26\" cy=\"7\" r=\"3.2\" fill=\"#fff\"\/><circle cx=\"26\" cy=\"25\" r=\"3.2\" fill=\"#fff\"\/><path d=\"M8.6 14.6 23.4 8.4M8.6 17.4 23.4 23.6\" stroke=\"#1FC8DB\" stroke-width=\"1.6\"\/><\/svg>\n          Cybertech IT\n        <\/div>\n        <p style=\"font-size:15px;max-width:30ch;margin:0\">IT infrastructure specialists keeping Western Cape businesses connected, secure and running.<\/p>\n      <\/div>\n      <div><h5>Explore<\/h5><a href=\"#services\">Services<\/a><a href=\"#why\">Why us<\/a><a href=\"#about\">About<\/a><a href=\"#faq\">FAQ<\/a><\/div>\n      <div><h5>Contact<\/h5><a href=\"mailto:admin@cybertechit.org\">admin@cybertechit.org<\/a><a href=\"tel:0238800202\">023 880 0202 (office)<\/a><a href=\"tel:0761090568\">076 1090 568 (mobile)<\/a><a href=\"#contact\">Free assessment<\/a><\/div>\n    <\/div>\n    <div class=\"foot-bottom\">\u00a9 <span id=\"yr\"><\/span> Cybertech IT Pty Ltd. All rights reserved.<\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  \/\/ year\n  document.getElementById('yr').textContent = new Date().getFullYear();\n  \/\/ sticky nav state\n  const nav = document.getElementById('nav');\n  addEventListener('scroll',()=>nav.classList.toggle('scrolled',scrollY>10));\n  \/\/ mobile menu\n  const burger=document.getElementById('burger'),links=document.getElementById('links');\n  burger.addEventListener('click',()=>links.classList.toggle('open'));\n  links.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>links.classList.remove('open')));\n  \/\/ faq accordion\n  document.querySelectorAll('.qa button').forEach(b=>{\n    b.addEventListener('click',()=>{\n      const qa=b.parentElement, ans=qa.querySelector('.ans'), open=qa.classList.contains('open');\n      document.querySelectorAll('.qa').forEach(x=>{x.classList.remove('open');x.querySelector('.ans').style.maxHeight=null;});\n      if(!open){qa.classList.add('open');ans.style.maxHeight=ans.scrollHeight+'px';}\n    });\n  });\n  \/\/ scroll reveal\n  const io=new IntersectionObserver((es)=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}}),{threshold:.12});\n  document.querySelectorAll('.reveal').forEach((el,i)=>{el.style.transitionDelay=(i%4*0.06)+'s';io.observe(el);});\n  \/\/ demo form\n  document.getElementById('cform').addEventListener('submit',e=>{\n    e.preventDefault();\n    const t=document.getElementById('toast');t.classList.add('show');\n    e.target.querySelectorAll('input,textarea').forEach(f=>f.value='');\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cybertech IT Pty Ltd \u2014 IT Infrastructure Specialists Cybertech IT Services Why us About FAQ Contact 023 880 0202 Free assessment IT Infrastructure Specialists \u00b7 Western Cape Your complete IT infrastructure partner. Cybertech IT plans, deploys, monitors and manages the technology your business runs on \u2014 servers, networks, VoIP and CCTV \u2014 backed by certified [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cybertechit.org\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cybertechit.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cybertechit.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cybertechit.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cybertechit.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":5,"href":"https:\/\/cybertechit.org\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/cybertechit.org\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/cybertechit.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}