{"id":7257,"date":"2026-06-24T19:39:53","date_gmt":"2026-06-24T19:39:53","guid":{"rendered":"https:\/\/ascsolutions.co.za\/staging\/?page_id=7257"},"modified":"2026-06-24T20:45:17","modified_gmt":"2026-06-24T20:45:17","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/ascsolutions.co.za\/staging\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* \u2500\u2500 ASC Contact Page \u2500\u2500 *\/\n.asc-contact-wrap {\n  font-family: inherit;\n  color: #ffffff;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px 60px;\n}\n\n\/* Hero strip *\/\n.asc-contact-hero {\n  text-align: center;\n  padding: 60px 20px 40px;\n}\n.asc-contact-hero .asc-label {\n  display: inline-block;\n  background: #e67e22;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  padding: 5px 14px;\n  border-radius: 3px;\n  margin-bottom: 18px;\n}\n.asc-contact-hero h1 {\n  font-size: clamp(28px, 5vw, 46px);\n  font-weight: 800;\n  margin: 0 0 14px;\n  color: #fff;\n}\n.asc-contact-hero p {\n  font-size: 17px;\n  color: #b0b8c1;\n  max-width: 560px;\n  margin: 0 auto;\n}\n\n\/* Info cards row *\/\n.asc-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 20px;\n  margin: 40px 0;\n}\n.asc-info-card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 10px;\n  padding: 28px 22px;\n  text-align: center;\n  transition: border-color 0.25s, transform 0.25s;\n}\n.asc-info-card:hover {\n  border-color: #e67e22;\n  transform: translateY(-3px);\n}\n.asc-info-card .asc-icon {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: block;\n}\n.asc-info-card h3 {\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: #e67e22;\n  margin: 0 0 10px;\n}\n.asc-info-card a,\n.asc-info-card p {\n  font-size: 15px;\n  color: #d0d8e0;\n  text-decoration: none;\n  margin: 3px 0;\n  display: block;\n  word-break: break-word;\n}\n.asc-info-card a:hover { color: #e67e22; }\n\n\/* Two-col layout: form + sidebar *\/\n.asc-contact-body {\n  display: grid;\n  grid-template-columns: 1fr 380px;\n  gap: 30px;\n  align-items: start;\n}\n@media (max-width: 860px) {\n  .asc-contact-body { grid-template-columns: 1fr; }\n}\n\n\/* Form card *\/\n.asc-form-card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 12px;\n  padding: 36px 32px;\n}\n.asc-form-card h2 {\n  font-size: 22px;\n  font-weight: 800;\n  margin: 0 0 24px;\n  color: #fff;\n}\n.asc-form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n@media (max-width: 540px) {\n  .asc-form-row { grid-template-columns: 1fr; }\n  .asc-form-card { padding: 24px 18px; }\n}\n.asc-field {\n  margin-bottom: 18px;\n}\n.asc-field label {\n  display: block;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  color: #8a9bb0;\n  margin-bottom: 7px;\n}\n.asc-field input,\n.asc-field select,\n.asc-field textarea {\n  width: 100%;\n  background: rgba(0,0,0,0.35);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 7px;\n  color: #fff;\n  font-size: 15px;\n  padding: 12px 14px;\n  outline: none;\n  transition: border-color 0.2s;\n  box-sizing: border-box;\n  font-family: inherit;\n}\n.asc-field input:focus,\n.asc-field select:focus,\n.asc-field textarea:focus {\n  border-color: #e67e22;\n}\n.asc-field select option { background: #1a1a2e; color: #fff; }\n.asc-field textarea { resize: vertical; min-height: 130px; }\n\n.asc-submit-btn {\n  display: block;\n  width: 100%;\n  background: #e67e22;\n  color: #fff;\n  border: none;\n  border-radius: 7px;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.5px;\n  padding: 15px;\n  cursor: pointer;\n  transition: background 0.2s, transform 0.15s;\n  margin-top: 6px;\n}\n.asc-submit-btn:hover { background: #cf6d17; transform: translateY(-1px); }\n\n\/* Sidebar *\/\n.asc-sidebar { display: flex; flex-direction: column; gap: 20px; }\n\n.asc-hours-card,\n.asc-whatsapp-card,\n.asc-service-card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 12px;\n  padding: 26px 22px;\n}\n.asc-hours-card h3,\n.asc-whatsapp-card h3,\n.asc-service-card h3 {\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: #e67e22;\n  margin: 0 0 16px;\n}\n.asc-hours-row {\n  display: flex;\n  justify-content: space-between;\n  font-size: 14px;\n  color: #b0b8c1;\n  padding: 6px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n.asc-hours-row:last-child { border-bottom: none; }\n.asc-hours-row span:last-child { color: #fff; font-weight: 600; }\n\n.asc-whatsapp-card p { font-size: 14px; color: #b0b8c1; margin: 0 0 16px; }\n.asc-wa-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background: #25d366;\n  color: #fff;\n  text-decoration: none;\n  border-radius: 7px;\n  padding: 12px;\n  font-weight: 700;\n  font-size: 14px;\n  transition: background 0.2s;\n}\n.asc-wa-btn:hover { background: #1da851; color: #fff; }\n\n.asc-service-card ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.asc-service-card ul li {\n  font-size: 14px;\n  color: #b0b8c1;\n  padding: 6px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.05);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.asc-service-card ul li:last-child { border-bottom: none; }\n.asc-service-card ul li::before { content: \"\u2713\"; color: #e67e22; font-weight: 700; }\n<\/style>\n\n<div class=\"asc-contact-wrap\">\n\n  <!-- Hero -->\n  <div class=\"asc-contact-hero\">\n    <span class=\"asc-label\">Get In Touch<\/span>\n    <h1>Contact ASC Solutions<\/h1>\n    <p>Have a question or need a quote? We're here to help \u2014 reach out via phone, email or the form below.<\/p>\n  <\/div>\n\n  <!-- Info Cards -->\n  <div class=\"asc-info-grid\">\n    <div class=\"asc-info-card\">\n      <span class=\"asc-icon\">\ud83d\udcde<\/span>\n      <h3>Phone<\/h3>\n      <a href=\"tel:+27798525727\">079 852 5727<\/a>\n      <a href=\"tel:+27618439035\">061 843 9035<\/a>\n    <\/div>\n    <div class=\"asc-info-card\">\n      <span class=\"asc-icon\">\u2709\ufe0f<\/span>\n      <h3>Email<\/h3>\n      <a href=\"mailto:info@ascsolutions.co.za\">info@ascsolutions.co.za<\/a>\n      <\/div>\n    <div class=\"asc-info-card\">\n      <span class=\"asc-icon\">\ud83d\udcac<\/span>\n      <h3>WhatsApp<\/h3>\n      <a href=\"https:\/\/wa.me\/+270798525727\" target=\"_blank\">079 852 5727<\/a>\n      <p style=\"font-size:13px;color:#8a9bb0;margin-top:6px;\">Quick replies available<\/p>\n    <\/div>\n    <div class=\"asc-info-card\">\n      <span class=\"asc-icon\">\u26a1<\/span>\n      <h3>Response Time<\/h3>\n      <p>Same-day response<\/p>\n      <p style=\"font-size:13px;color:#8a9bb0;\">Mon\u2013Fri \u00b7 8am\u20136pm<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Body: Form + Sidebar -->\n  <div class=\"asc-contact-body\">\n\n    <!-- Contact Form -->\n    <div class=\"asc-form-card\">\n      <h2>Send Us a Message<\/h2>\n\n      <form id=\"ascContactForm\" onsubmit=\"ascSendMail(event)\">\n\n        <div class=\"asc-form-row\">\n          <div class=\"asc-field\">\n            <label for=\"asc_name\">Full Name *<\/label>\n            <input type=\"text\" id=\"asc_name\" placeholder=\"John Smith\" required>\n          <\/div>\n          <div class=\"asc-field\">\n            <label for=\"asc_phone\">Phone Number<\/label>\n            <input type=\"tel\" id=\"asc_phone\" placeholder=\"+27 82 000 0000\">\n          <\/div>\n        <\/div>\n\n        <div class=\"asc-field\">\n          <label for=\"asc_email\">Email Address *<\/label>\n          <input type=\"email\" id=\"asc_email\" placeholder=\"you@example.com\" required>\n        <\/div>\n\n        <div class=\"asc-field\">\n          <label for=\"asc_service\">Service Required<\/label>\n          <select id=\"asc_service\">\n            <option value=\"\">\u2014 Select a service \u2014<\/option>\n            <option value=\"Computer Repairs and Upgrades\">\ud83d\udcbb Computer Repairs &amp; Upgrades<\/option>\n            <option value=\"Custom PC Build\">\u2699\ufe0f Custom PC Build<\/option>\n            <option value=\"Security and Alarm Systems\">\ud83d\udd12 Security &amp; Alarm Systems<\/option>\n            <option value=\"Website Design\">\ud83c\udf10 Website Design<\/option>\n            <option value=\"General Enquiry\">\ud83d\udccb General Enquiry<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"asc-field\">\n          <label for=\"asc_message\">Message *<\/label>\n          <textarea id=\"asc_message\" placeholder=\"Tell us what you need and we'll get back to you with a free quote...\" required><\/textarea>\n        <\/div>\n\n        <button type=\"submit\" class=\"asc-submit-btn\">Send Message \u2192<\/button>\n\n      <\/form>\n    <\/div>\n\n    <!-- Sidebar -->\n    <div class=\"asc-sidebar\">\n\n      <div class=\"asc-whatsapp-card\">\n        <h3>\ud83d\udcac WhatsApp Us<\/h3>\n        <p>Prefer a quick chat? Message us directly on WhatsApp for fast responses.<\/p>\n        <a class=\"asc-wa-btn\" href=\"https:\/\/wa.me\/27798525727?text=Hi%20ASC%20Solutions%2C%20I%20need%20some%20help%20with...\" target=\"_blank\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n          Chat on WhatsApp\n        <\/a>\n      <\/div>\n\n      <div class=\"asc-hours-card\">\n        <h3>\ud83d\udd50 Business Hours<\/h3>\n        <div class=\"asc-hours-row\"><span>Monday \u2013 Friday<\/span><span>8:00 \u2013 18:00<\/span><\/div>\n        <div class=\"asc-hours-row\"><span>Saturday<\/span><span>9:00 \u2013 14:00<\/span><\/div>\n        <div class=\"asc-hours-row\"><span>Sunday<\/span><span>Closed<\/span><\/div>\n        <div class=\"asc-hours-row\"><span>Public Holidays<\/span><span>By arrangement<\/span><\/div>\n      <\/div>\n\n      <div class=\"asc-service-card\">\n        <h3>\ud83d\udee0\ufe0f We Help With<\/h3>\n        <ul>\n          <li>Computer Repairs &amp; Upgrades<\/li>\n          <li>Custom PC Builds<\/li>\n          <li>Security &amp; Alarm Systems<\/li>\n          <li>Website Design<\/li>\n          <li>Remote Tech Support<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction ascSendMail(e) {\n  e.preventDefault();\n\n  var name    = document.getElementById('asc_name').value;\n  var phone   = document.getElementById('asc_phone').value;\n  var email   = document.getElementById('asc_email').value;\n  var service = document.getElementById('asc_service').value;\n  var message = document.getElementById('asc_message').value;\n\n  var subject = 'Website Enquiry \u2013 ' + (service || 'General');\n\n  var body =\n    'Name: ' + name + '\\n' +\n    'Phone: ' + (phone || 'Not provided') + '\\n' +\n    'Email: ' + email + '\\n' +\n    'Service: ' + (service || 'Not selected') + '\\n\\n' +\n    'Message:\\n' + message;\n\n  var mailto = 'mailto:info@ascsolutions.co.za' +\n    '?subject=' + encodeURIComponent(subject) +\n    '&body='    + encodeURIComponent(body);\n\n  window.location.href = mailto;\n}\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7257","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/comments?post=7257"}],"version-history":[{"count":7,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7257\/revisions"}],"predecessor-version":[{"id":7270,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7257\/revisions\/7270"}],"wp:attachment":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/media?parent=7257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}