{"id":7173,"date":"2026-03-09T21:24:51","date_gmt":"2026-03-09T21:24:51","guid":{"rendered":"https:\/\/ascsolutions.co.za\/staging\/?page_id=7173"},"modified":"2026-03-09T21:24:52","modified_gmt":"2026-03-09T21:24:52","slug":"about-us","status":"publish","type":"page","link":"https:\/\/ascsolutions.co.za\/staging\/about-us\/","title":{"rendered":"About 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\">\r\n<style>\r\n.asc-about-wrap {\r\n    width: 100%;\r\n    font-family: \"Exo 2\", sans-serif;\r\n    background: #111111;\r\n    color: #f0f0f0;\r\n    box-sizing: border-box;\r\n}\r\n.asc-about-wrap *, .asc-about-wrap *::before, .asc-about-wrap *::after {\r\n    box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n.asc-about-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n}\r\n.asc-a-label {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 11px; letter-spacing: 3px;\r\n    text-transform: uppercase; color: #e1c050;\r\n    margin-bottom: 10px; display: block;\r\n}\r\n.asc-a-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 38px; font-weight: 700;\r\n    color: #ffffff; line-height: 1.1; margin-bottom: 8px;\r\n}\r\n.asc-a-goldbar {\r\n    width: 48px; height: 3px;\r\n    background: #e1c050; border-radius: 2px;\r\n    margin: 12px 0 20px;\r\n}\r\n.asc-a-goldbar.center { margin: 12px auto 20px; }\r\n.asc-a-body {\r\n    font-size: 15px; color: #999;\r\n    line-height: 1.85; margin-bottom: 16px;\r\n}\r\n.asc-btn-gold {\r\n    display: inline-block; background: #e1c050;\r\n    color: #111111 !important;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 15px; font-weight: 700;\r\n    letter-spacing: 1.5px; text-transform: uppercase;\r\n    padding: 14px 32px; border-radius: 6px;\r\n    text-decoration: none !important;\r\n    transition: background .2s, transform .15s, box-shadow .2s;\r\n    box-shadow: 0 4px 20px rgba(225,192,80,0.25);\r\n}\r\n.asc-btn-gold:hover {\r\n    background: #f0d878; transform: translateY(-2px);\r\n    box-shadow: 0 8px 28px rgba(225,192,80,0.4);\r\n    color: #111 !important;\r\n}\r\n.asc-btn-outline {\r\n    display: inline-block; background: transparent;\r\n    color: #e1c050 !important;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 15px; font-weight: 700;\r\n    letter-spacing: 1.5px; text-transform: uppercase;\r\n    padding: 13px 32px; border-radius: 6px;\r\n    border: 1.5px solid #e1c050;\r\n    text-decoration: none !important;\r\n    transition: background .2s, color .2s, transform .15s;\r\n}\r\n.asc-btn-outline:hover {\r\n    background: rgba(225,192,80,0.1);\r\n    transform: translateY(-2px); color: #e1c050 !important;\r\n}\r\n@media (max-width: 768px) {\r\n    .asc-about-inner { padding: 0 20px; }\r\n    .asc-a-title { font-size: 28px; }\r\n}\r\n<\/style><div class=\"asc-about-wrap\">\r\n<section class=\"asc-ahero\">\r\n<style>\r\n.asc-ahero {\r\n    background: #111;\r\n    padding: 80px 0 72px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.asc-ahero::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background-image:\r\n        linear-gradient(rgba(225,192,80,0.04) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(225,192,80,0.04) 1px, transparent 1px);\r\n    background-size: 48px 48px;\r\n    pointer-events: none;\r\n}\r\n.asc-ahero::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -100px; right: -100px;\r\n    width: 500px; height: 500px;\r\n    background: radial-gradient(circle, rgba(225,192,80,0.06) 0%, transparent 65%);\r\n    pointer-events: none;\r\n}\r\n.asc-ahero-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n    position: relative; z-index: 1;\r\n}\r\n.asc-ahero-breadcrumb {\r\n    font-size: 12px; color: #555;\r\n    margin-bottom: 28px;\r\n    display: flex; align-items: center; gap: 8px;\r\n    font-family: \"Rajdhani\", sans-serif; letter-spacing: .5px;\r\n}\r\n.asc-ahero-breadcrumb a {\r\n    color: #777 !important; text-decoration: none !important;\r\n    transition: color .15s;\r\n}\r\n.asc-ahero-breadcrumb a:hover { color: #e1c050 !important; }\r\n.asc-ahero-breadcrumb span { color: #e1c050; }\r\n.asc-ahero-content {\r\n    max-width: 720px;\r\n}\r\n.asc-ahero-label {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 11px; letter-spacing: 3.5px;\r\n    text-transform: uppercase; color: #e1c050;\r\n    display: flex; align-items: center; gap: 10px;\r\n    margin-bottom: 20px;\r\n}\r\n.asc-ahero-label::before {\r\n    content: ''; width: 28px; height: 2px; background: #e1c050;\r\n}\r\n.asc-ahero-h1 {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 56px; font-weight: 700; color: #fff;\r\n    line-height: 1.05; letter-spacing: -.5px; margin-bottom: 20px;\r\n}\r\n.asc-ahero-h1 span { color: #e1c050; }\r\n.asc-ahero-sub {\r\n    font-size: 17px; color: #888;\r\n    line-height: 1.7; max-width: 600px;\r\n}\r\n\/* bottom gold rule *\/\r\n.asc-ahero-rule {\r\n    margin-top: 56px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, rgba(225,192,80,0.4), rgba(225,192,80,0.05), transparent);\r\n}\r\n@media (max-width: 768px) {\r\n    .asc-ahero { padding: 56px 0 48px; }\r\n    .asc-ahero-h1 { font-size: 36px; }\r\n    .asc-ahero-inner { padding: 0 20px; }\r\n}\r\n<\/style>\r\n<div class=\"asc-ahero-inner\">\r\n    <div class=\"asc-ahero-breadcrumb\">\r\n        <a href=\"\/\">Home<\/a><span>\u203a<\/span><span>About Us<\/span>\r\n    <\/div>\r\n    <div class=\"asc-ahero-content\">\r\n        <div class=\"asc-ahero-label\">Our Story<\/div>\r\n        <h1 class=\"asc-ahero-h1\">Built From Necessity.<br>Driven By Passion.<\/h1>\r\n        <p class=\"asc-ahero-sub\">From a Johannesburg home office during lockdown to a full-service tech and security company \u2014 this is ASC Solutions.<\/p>\r\n    <\/div>\r\n    <div class=\"asc-ahero-rule\"><\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div>\r\n    <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 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_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"asc-about-wrap\">\r\n<section class=\"asc-story-section\">\r\n<style>\r\n.asc-story-section {\r\n    background: #141414;\r\n    padding: 88px 0;\r\n    position: relative; overflow: hidden;\r\n}\r\n.asc-story-section::before {\r\n    content: '';\r\n    position: absolute; top: -80px; left: -80px;\r\n    width: 400px; height: 400px;\r\n    background: radial-gradient(circle, rgba(225,192,80,0.05) 0%, transparent 70%);\r\n    pointer-events: none;\r\n}\r\n.asc-story-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 380px;\r\n    gap: 72px;\r\n    align-items: start;\r\n    position: relative; z-index: 1;\r\n}\r\n.asc-story-quote {\r\n    background: rgba(225,192,80,0.06);\r\n    border-left: 3px solid #e1c050;\r\n    border-radius: 0 8px 8px 0;\r\n    padding: 18px 20px;\r\n    margin: 28px 0;\r\n    font-size: 15px;\r\n    font-style: italic;\r\n    color: #ccc;\r\n    line-height: 1.7;\r\n}\r\n.asc-story-quote strong { color: #e1c050; font-style: normal; }\r\n\r\n\/* Timeline *\/\r\n.asc-timeline-panel {\r\n    background: #1a1a1a;\r\n    border: 1px solid rgba(225,192,80,0.18);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    position: sticky;\r\n    top: 24px;\r\n}\r\n.asc-timeline-panel::before {\r\n    content: '';\r\n    position: absolute; top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #e1c050, transparent);\r\n}\r\n.asc-timeline-head {\r\n    padding: 22px 24px 14px;\r\n    border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.asc-timeline-head-label {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 11px; letter-spacing: 3px;\r\n    text-transform: uppercase; color: #e1c050;\r\n    margin-bottom: 4px;\r\n}\r\n.asc-timeline-head-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 20px; font-weight: 700; color: #fff;\r\n}\r\n.asc-timeline-items { padding: 12px 0 8px; }\r\n.asc-timeline-item {\r\n    display: flex;\r\n    gap: 16px;\r\n    padding: 14px 24px;\r\n    position: relative;\r\n    transition: background .2s;\r\n}\r\n.asc-timeline-item:hover { background: rgba(225,192,80,0.04); }\r\n\/* vertical line *\/\r\n.asc-timeline-item:not(:last-child)::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 37px; top: 44px;\r\n    width: 2px;\r\n    height: calc(100% - 14px);\r\n    background: linear-gradient(180deg, rgba(225,192,80,0.3), rgba(225,192,80,0.05));\r\n}\r\n.asc-timeline-dot {\r\n    width: 26px; height: 26px;\r\n    border-radius: 50%;\r\n    background: rgba(225,192,80,0.1);\r\n    border: 2px solid #e1c050;\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n    position: relative; z-index: 1;\r\n    margin-top: 1px;\r\n}\r\n.asc-timeline-dot-inner {\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%; background: #e1c050;\r\n}\r\n.asc-timeline-year {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 16px; font-weight: 700; color: #e1c050;\r\n    margin-bottom: 2px; line-height: 1;\r\n}\r\n.asc-timeline-text {\r\n    font-size: 13px; color: #888; line-height: 1.5;\r\n}\r\n\r\n@media (max-width: 1000px) {\r\n    .asc-story-grid { grid-template-columns: 1fr; gap: 40px; }\r\n    .asc-timeline-panel { position: static; }\r\n    .asc-story-section { padding: 60px 0; }\r\n}\r\n<\/style>\r\n<div class=\"asc-about-inner\">\r\n<div class=\"asc-story-grid\">\r\n\r\n    <!-- Left: Story text -->\r\n    <div>\r\n        <span class=\"asc-a-label\">How We Started<\/span>\r\n        <div class=\"asc-a-title\">Born During Lockdown<\/div>\r\n        <div class=\"asc-a-goldbar\"><\/div>\r\n        <p class=\"asc-a-body\">When COVID-19 brought South Africa to a standstill in 2020, most people were looking for ways to get through the lockdown. We saw something different \u2014 an opportunity. With everyone suddenly working, studying and living entirely from home, the demand for reliable tech support had never been greater, and the traditional repair shop model had never been less accessible.<\/p>\r\n        <div class=\"asc-story-quote\">\r\n            <strong>\"Bring professional tech support directly to the people who need it.\"<\/strong><br>\r\n            \u2014 The idea that started ASC Solutions\r\n        <\/div>\r\n        <p class=\"asc-a-body\">ASC Solutions was founded right here in Johannesburg during that lockdown period, built on a simple idea: bring professional tech support directly to the people who need it. No queues, no dropping off your laptop for a week, no dealing with impersonal service centres. Just expert help at your door, on your schedule.<\/p>\r\n        <p class=\"asc-a-body\">What started as computer repairs quickly grew as our clients' needs did. Today ASC Solutions offers custom PC builds, home security and alarm installations, website design, remote support, and a full online shop for PC parts \u2014 all backed by the same commitment to honest, reliable service that we started with.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Right: Timeline -->\r\n    <div class=\"asc-timeline-panel\">\r\n        <div class=\"asc-timeline-head\">\r\n            <div class=\"asc-timeline-head-label\">Our Journey<\/div>\r\n            <div class=\"asc-timeline-head-title\">ASC Solutions Timeline<\/div>\r\n        <\/div>\r\n        <div class=\"asc-timeline-items\">\r\n                        <div class=\"asc-timeline-item\">\r\n                <div class=\"asc-timeline-dot\"><div class=\"asc-timeline-dot-inner\"><\/div><\/div>\r\n                <div>\r\n                    <div class=\"asc-timeline-year\">2020<\/div>\r\n                    <div class=\"asc-timeline-text\">Founded during COVID lockdown in Johannesburg<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"asc-timeline-item\">\r\n                <div class=\"asc-timeline-dot\"><div class=\"asc-timeline-dot-inner\"><\/div><\/div>\r\n                <div>\r\n                    <div class=\"asc-timeline-year\">2021<\/div>\r\n                    <div class=\"asc-timeline-text\">Expanded into security &amp; alarm installations<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"asc-timeline-item\">\r\n                <div class=\"asc-timeline-dot\"><div class=\"asc-timeline-dot-inner\"><\/div><\/div>\r\n                <div>\r\n                    <div class=\"asc-timeline-year\">2022<\/div>\r\n                    <div class=\"asc-timeline-text\">Launched website design services<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"asc-timeline-item\">\r\n                <div class=\"asc-timeline-dot\"><div class=\"asc-timeline-dot-inner\"><\/div><\/div>\r\n                <div>\r\n                    <div class=\"asc-timeline-year\">2023<\/div>\r\n                    <div class=\"asc-timeline-text\">Opened online PC parts shop<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"asc-timeline-item\">\r\n                <div class=\"asc-timeline-dot\"><div class=\"asc-timeline-dot-inner\"><\/div><\/div>\r\n                <div>\r\n                    <div class=\"asc-timeline-year\">2024<\/div>\r\n                    <div class=\"asc-timeline-text\">Launched interactive PC Builder tool<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div>\r\n    <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 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_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"asc-about-wrap\">\r\n<section class=\"asc-aservices\">\r\n<style>\r\n.asc-aservices {\r\n    background: #111;\r\n    padding: 88px 0;\r\n}\r\n.asc-aservices-header { text-align: center; margin-bottom: 52px; }\r\n.asc-aservices-sub {\r\n    font-size: 15px; color: #888;\r\n    max-width: 560px; margin: 0 auto; line-height: 1.7;\r\n}\r\n.asc-aservices-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n}\r\n.asc-aservice-card {\r\n    background: #1a1a1a;\r\n    border: 1px solid rgba(225,192,80,0.14);\r\n    border-radius: 10px;\r\n    padding: 32px 28px;\r\n    display: flex;\r\n    gap: 20px;\r\n    align-items: flex-start;\r\n    transition: border-color .25s, transform .2s, box-shadow .2s;\r\n    position: relative; overflow: hidden;\r\n}\r\n.asc-aservice-card::before {\r\n    content: '';\r\n    position: absolute; left: 0; top: 0; bottom: 0;\r\n    width: 3px;\r\n    background: linear-gradient(180deg, #e1c050, transparent);\r\n    transform: scaleY(0); transform-origin: top;\r\n    transition: transform .3s ease;\r\n}\r\n.asc-aservice-card:hover {\r\n    border-color: rgba(225,192,80,0.4);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 40px rgba(0,0,0,0.35);\r\n}\r\n.asc-aservice-card:hover::before { transform: scaleY(1); }\r\n.asc-aservice-icon {\r\n    width: 52px; height: 52px;\r\n    background: rgba(225,192,80,0.1);\r\n    border: 1px solid rgba(225,192,80,0.22);\r\n    border-radius: 10px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 22px; flex-shrink: 0;\r\n    transition: background .2s;\r\n}\r\n.asc-aservice-card:hover .asc-aservice-icon { background: rgba(225,192,80,0.18); }\r\n.asc-aservice-body { flex: 1; }\r\n.asc-aservice-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 20px; font-weight: 700; color: #fff;\r\n    margin-bottom: 8px; letter-spacing: .3px;\r\n}\r\n.asc-aservice-desc {\r\n    font-size: 14px; color: #888; line-height: 1.7; margin-bottom: 14px;\r\n}\r\n.asc-aservice-link {\r\n    display: inline-flex; align-items: center; gap: 5px;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 13px; font-weight: 700;\r\n    letter-spacing: 1px; text-transform: uppercase;\r\n    color: #e1c050 !important; text-decoration: none !important;\r\n    transition: gap .2s;\r\n}\r\n.asc-aservice-link::after { content: '\u2192'; transition: transform .2s; }\r\n.asc-aservice-link:hover::after { transform: translateX(4px); }\r\n\r\n@media (max-width: 768px) {\r\n    .asc-aservices-grid { grid-template-columns: 1fr; }\r\n    .asc-aservices { padding: 60px 0; }\r\n}\r\n<\/style>\r\n<div class=\"asc-about-inner\">\r\n    <div class=\"asc-aservices-header\">\r\n        <span class=\"asc-a-label\">What We Offer<\/span>\r\n        <div class=\"asc-a-title\">Our Services<\/div>\r\n        <div class=\"asc-a-goldbar center\"><\/div>\r\n        <p class=\"asc-aservices-sub\">Everything your home or business needs \u2014 from a single tech call-out to a complete custom PC build or a full security installation.<\/p>\r\n    <\/div>\r\n    <div class=\"asc-aservices-grid\">\r\n                <div class=\"asc-aservice-card\">\r\n            <div class=\"asc-aservice-icon\">\u2699\ufe0f<\/div>\r\n            <div class=\"asc-aservice-body\">\r\n                <div class=\"asc-aservice-title\">Custom PC Builds<\/div>\r\n                <p class=\"asc-aservice-desc\">We design and build PCs tailored to your exact needs and budget \u2014 from gaming rigs to professional workstations. Every build is stress-tested before delivery.<\/p>\r\n                <a href=\"\/staging\/computer-services-2\/\" class=\"asc-aservice-link\">Learn More<\/a>\r\n            <\/div>\r\n        <\/div>\r\n                <div class=\"asc-aservice-card\">\r\n            <div class=\"asc-aservice-icon\">\ud83d\udd12<\/div>\r\n            <div class=\"asc-aservice-body\">\r\n                <div class=\"asc-aservice-title\">Security &amp; Alarm Systems<\/div>\r\n                <p class=\"asc-aservice-desc\">Professional installation of wired and wireless alarm systems for homes and businesses. From basic motion sensors to full surveillance solutions.<\/p>\r\n                <a href=\"\/staging\/security\/\" class=\"asc-aservice-link\">Learn More<\/a>\r\n            <\/div>\r\n        <\/div>\r\n                <div class=\"asc-aservice-card\">\r\n            <div class=\"asc-aservice-icon\">\ud83c\udf10<\/div>\r\n            <div class=\"asc-aservice-body\">\r\n                <div class=\"asc-aservice-title\">Website Design<\/div>\r\n                <p class=\"asc-aservice-desc\">Modern, mobile-responsive WordPress websites built for your specific goals. From simple landing pages to full WooCommerce e-commerce stores.<\/p>\r\n                <a href=\"\/staging\/website-design\/\" class=\"asc-aservice-link\">Learn More<\/a>\r\n            <\/div>\r\n        <\/div>\r\n                <div class=\"asc-aservice-card\">\r\n            <div class=\"asc-aservice-icon\">\ud83d\udda5\ufe0f<\/div>\r\n            <div class=\"asc-aservice-body\">\r\n                <div class=\"asc-aservice-title\">Remote Support<\/div>\r\n                <p class=\"asc-aservice-desc\">Quick software fixes, virus removal and troubleshooting without a call-out. We connect securely to your device and resolve issues on the spot.<\/p>\r\n                <a href=\"\/staging\/computer-services-2\/\" class=\"asc-aservice-link\">Learn More<\/a>\r\n            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div>\r\n    <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 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_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"asc-about-wrap\">\r\n<section class=\"asc-avalues\">\r\n<style>\r\n.asc-avalues {\r\n    background: #141414;\r\n    padding: 88px 0;\r\n    position: relative; overflow: hidden;\r\n}\r\n.asc-avalues::after {\r\n    content: '';\r\n    position: absolute; top: 50%; left: 50%;\r\n    transform: translate(-50%,-50%);\r\n    width: 700px; height: 700px;\r\n    background: radial-gradient(circle, rgba(225,192,80,0.04) 0%, transparent 65%);\r\n    pointer-events: none;\r\n}\r\n.asc-avalues-header { text-align: center; margin-bottom: 52px; position: relative; z-index: 1; }\r\n.asc-avalues-sub {\r\n    font-size: 15px; color: #888;\r\n    max-width: 540px; margin: 0 auto; line-height: 1.7;\r\n}\r\n.asc-avalues-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    position: relative; z-index: 1;\r\n}\r\n.asc-avalue-card {\r\n    background: #1a1a1a;\r\n    border: 1px solid rgba(225,192,80,0.14);\r\n    border-radius: 10px;\r\n    padding: 32px 22px;\r\n    text-align: center;\r\n    transition: border-color .25s, transform .2s, box-shadow .2s;\r\n    position: relative; overflow: hidden;\r\n}\r\n.asc-avalue-card::before {\r\n    content: '';\r\n    position: absolute; top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent, #e1c050, transparent);\r\n    transform: scaleX(0);\r\n    transition: transform .3s ease;\r\n}\r\n.asc-avalue-card:hover {\r\n    border-color: rgba(225,192,80,0.4);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 40px rgba(0,0,0,0.3);\r\n}\r\n.asc-avalue-card:hover::before { transform: scaleX(1); }\r\n.asc-avalue-icon {\r\n    font-size: 36px; margin-bottom: 18px; display: block;\r\n}\r\n.asc-avalue-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 20px; font-weight: 700; color: #e1c050;\r\n    margin-bottom: 12px; letter-spacing: .5px;\r\n}\r\n.asc-avalue-desc {\r\n    font-size: 13px; color: #888; line-height: 1.75;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .asc-avalues-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media (max-width: 540px) {\r\n    .asc-avalues-grid { grid-template-columns: 1fr; }\r\n    .asc-avalues { padding: 60px 0; }\r\n}\r\n<\/style>\r\n<div class=\"asc-about-inner\">\r\n    <div class=\"asc-avalues-header\">\r\n        <span class=\"asc-a-label\">What Drives Us<\/span>\r\n        <div class=\"asc-a-title\">Our Values<\/div>\r\n        <div class=\"asc-a-goldbar center\"><\/div>\r\n        <p class=\"asc-avalues-sub\">These aren't just words on a page \u2014 they're the principles we apply to every job, every client, every day.<\/p>\r\n    <\/div>\r\n    <div class=\"asc-avalues-grid\">\r\n                <div class=\"asc-avalue-card\">\r\n            <span class=\"asc-avalue-icon\">\ud83e\udd1d<\/span>\r\n            <div class=\"asc-avalue-title\">Reliability<\/div>\r\n            <p class=\"asc-avalue-desc\">We show up when we say we will, we do what we say we'll do, and we don't leave until the job is done properly. Your time matters.<\/p>\r\n        <\/div>\r\n                <div class=\"asc-avalue-card\">\r\n            <span class=\"asc-avalue-icon\">\ud83d\udcac<\/span>\r\n            <div class=\"asc-avalue-title\">Transparency<\/div>\r\n            <p class=\"asc-avalue-desc\">We explain exactly what the problem is and what it will cost before we start. No surprise bills, no technical jargon used to confuse you.<\/p>\r\n        <\/div>\r\n                <div class=\"asc-avalue-card\">\r\n            <span class=\"asc-avalue-icon\">\u2b50<\/span>\r\n            <div class=\"asc-avalue-title\">Quality<\/div>\r\n            <p class=\"asc-avalue-desc\">We only use quality parts and proven methods. Every repair, build or installation is done to a standard we're proud to put our name on.<\/p>\r\n        <\/div>\r\n                <div class=\"asc-avalue-card\">\r\n            <span class=\"asc-avalue-icon\">\ud83c\udfe0<\/span>\r\n            <div class=\"asc-avalue-title\">Convenience<\/div>\r\n            <p class=\"asc-avalue-desc\">We come to you. Whether it's your home, your office or a remote session \u2014 we work around your schedule, not the other way around.<\/p>\r\n        <\/div>\r\n            <\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div>\r\n    <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 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_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"asc-about-wrap\">\r\n<section class=\"asc-aareas\">\r\n<style>\r\n.asc-aareas {\r\n    background: #111;\r\n    padding: 88px 0;\r\n}\r\n.asc-aareas-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: start;\r\n}\r\n.asc-aareas-list {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 8px;\r\n    margin-top: 8px;\r\n}\r\n.asc-aareas-item {\r\n    background: #1a1a1a;\r\n    border: 1px solid rgba(225,192,80,0.12);\r\n    border-radius: 7px;\r\n    padding: 12px 14px;\r\n    font-size: 13px; color: #ccc;\r\n    transition: border-color .2s, background .2s;\r\n}\r\n.asc-aareas-item:hover {\r\n    border-color: rgba(225,192,80,0.35);\r\n    background: rgba(225,192,80,0.05);\r\n}\r\n\r\n\/* Nationwide panel *\/\r\n.asc-aareas-nationwide {\r\n    background: #1a1a1a;\r\n    border: 1px solid rgba(225,192,80,0.2);\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    position: sticky;\r\n    top: 24px;\r\n}\r\n.asc-aareas-nationwide-top {\r\n    background: rgba(225,192,80,0.08);\r\n    border-bottom: 1px solid rgba(225,192,80,0.2);\r\n    padding: 24px;\r\n    text-align: center;\r\n}\r\n.asc-aareas-nationwide-flag {\r\n    font-size: 52px; display: block; margin-bottom: 10px;\r\n}\r\n.asc-aareas-nationwide-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 22px; font-weight: 700; color: #fff;\r\n    margin-bottom: 4px;\r\n}\r\n.asc-aareas-nationwide-sub {\r\n    font-size: 13px; color: #888;\r\n}\r\n.asc-aareas-nationwide-body {\r\n    padding: 22px 24px;\r\n    font-size: 14px; color: #888; line-height: 1.75;\r\n}\r\n.asc-aareas-nationwide-items {\r\n    margin: 0 24px 24px;\r\n    display: flex; flex-direction: column; gap: 8px;\r\n}\r\n.asc-aareas-nationwide-item {\r\n    display: flex; align-items: center; gap: 10px;\r\n    font-size: 13px; color: #bbb;\r\n    padding: 10px 14px;\r\n    background: rgba(255,255,255,0.03);\r\n    border-radius: 6px;\r\n    border: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.asc-aareas-nationwide-item::before {\r\n    content: '';\r\n    width: 6px; height: 6px;\r\n    border-radius: 50%; background: #e1c050;\r\n    flex-shrink: 0;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .asc-aareas-grid { grid-template-columns: 1fr; gap: 40px; }\r\n    .asc-aareas-nationwide { position: static; }\r\n    .asc-aareas { padding: 60px 0; }\r\n}\r\n@media (max-width: 540px) {\r\n    .asc-aareas-list { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n<div class=\"asc-about-inner\">\r\n<div class=\"asc-aareas-grid\">\r\n\r\n    <!-- Left: on-site areas -->\r\n    <div>\r\n        <span class=\"asc-a-label\">Where We Work<\/span>\r\n        <div class=\"asc-a-title\">Areas We Serve<\/div>\r\n        <div class=\"asc-a-goldbar\"><\/div>\r\n        <p class=\"asc-a-body\">ASC Solutions is based in Johannesburg and provides on-site services across the greater Johannesburg and surrounding areas. PC parts orders are delivered nationwide across South Africa via courier.<\/p>\r\n        <div class=\"asc-aareas-list\">\r\n                        <div class=\"asc-aareas-item\">\ud83d\udccd Johannesburg CBD<\/div>\r\n                        <div class=\"asc-aareas-item\">\ud83d\udccd Sandton &amp; Rosebank<\/div>\r\n                        <div class=\"asc-aareas-item\">\ud83d\udccd Randburg &amp; Roodepoort<\/div>\r\n                        <div class=\"asc-aareas-item\">\ud83d\udccd Soweto &amp; surrounds<\/div>\r\n                        <div class=\"asc-aareas-item\">\ud83d\udccd East Rand (Boksburg, Benoni, Germiston)<\/div>\r\n                        <div class=\"asc-aareas-item\">\ud83d\udccd West Rand (Krugersdorp, Westonaria)<\/div>\r\n                        <div class=\"asc-aareas-item\">\ud83d\udccd Midrand &amp; surrounds<\/div>\r\n                        <div class=\"asc-aareas-item\">\ud83d\udccd Centurion &amp; Pretoria South<\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: nationwide panel -->\r\n    <div class=\"asc-aareas-nationwide\">\r\n        <div class=\"asc-aareas-nationwide-top\">\r\n            <span class=\"asc-aareas-nationwide-flag\">\ud83c\uddff\ud83c\udde6<\/span>\r\n            <div class=\"asc-aareas-nationwide-title\">Nationwide Coverage<\/div>\r\n            <div class=\"asc-aareas-nationwide-sub\">For shop orders &amp; remote services<\/div>\r\n        <\/div>\r\n        <p class=\"asc-aareas-nationwide-body\">PC parts, custom builds and remote support services are available to all provinces via our online shop and remote support platform.<\/p>\r\n        <div class=\"asc-aareas-nationwide-items\">\r\n            <div class=\"asc-aareas-nationwide-item\">PC parts delivered via courier \u2014 all provinces<\/div>\r\n            <div class=\"asc-aareas-nationwide-item\">Custom builds shipped nationwide<\/div>\r\n            <div class=\"asc-aareas-nationwide-item\">Remote support \u2014 anywhere with internet<\/div>\r\n            <div class=\"asc-aareas-nationwide-item\">Website design \u2014 any location, any industry<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div>\r\n    <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 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_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"asc-about-wrap\">\r\n<section class=\"asc-acta\">\r\n<style>\r\n.asc-acta {\r\n    background: #141414;\r\n    padding: 88px 0;\r\n    position: relative; overflow: hidden;\r\n    border-top: 1px solid rgba(225,192,80,0.18);\r\n}\r\n.asc-acta::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background-image:\r\n        linear-gradient(rgba(225,192,80,0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(225,192,80,0.03) 1px, transparent 1px);\r\n    background-size: 48px 48px;\r\n    pointer-events: none;\r\n}\r\n.asc-acta::after {\r\n    content: '';\r\n    position: absolute; top: 50%; left: 50%;\r\n    transform: translate(-50%,-50%);\r\n    width: 700px; height: 700px;\r\n    background: radial-gradient(circle, rgba(225,192,80,0.05) 0%, transparent 65%);\r\n    pointer-events: none;\r\n}\r\n.asc-acta-inner {\r\n    max-width: 680px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n    text-align: center;\r\n    position: relative; z-index: 1;\r\n}\r\n.asc-acta-divider {\r\n    width: 80px; height: 2px;\r\n    background: linear-gradient(90deg, transparent, #e1c050, transparent);\r\n    margin: 0 auto 28px;\r\n}\r\n.asc-acta-heading {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 48px; font-weight: 700; color: #fff;\r\n    line-height: 1.1; margin-bottom: 18px;\r\n}\r\n.asc-acta-sub {\r\n    font-size: 16px; color: #888;\r\n    line-height: 1.75; margin-bottom: 36px;\r\n}\r\n.asc-acta-btns {\r\n    display: flex; gap: 16px;\r\n    justify-content: center; flex-wrap: wrap;\r\n}\r\n@media (max-width: 540px) {\r\n    .asc-acta-heading { font-size: 32px; }\r\n    .asc-acta-btns { flex-direction: column; align-items: center; }\r\n    .asc-acta { padding: 60px 0; }\r\n}\r\n<\/style>\r\n<div class=\"asc-acta-inner\">\r\n    <div class=\"asc-acta-divider\"><\/div>\r\n    <div class=\"asc-acta-heading\">Let's Work Together<\/div>\r\n    <p class=\"asc-acta-sub\">Whether you need a repair, a custom build, a new website or a security system installed \u2014 we'd love to hear from you. Get in touch for a free, no-obligation quote.<\/p>\r\n    <div class=\"asc-acta-btns\">\r\n        <a href=\"\/staging\/contact\/\" class=\"asc-btn-gold\">Get a Free Quote<\/a>\r\n        <a href=\"\/staging\/shop\/\" class=\"asc-btn-outline\">Browse Our Shop<\/a>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div>\r\n    <\/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-7173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7173","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=7173"}],"version-history":[{"count":6,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7173\/revisions"}],"predecessor-version":[{"id":7180,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7173\/revisions\/7180"}],"wp:attachment":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/media?parent=7173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}