{"id":7162,"date":"2026-03-09T21:24:38","date_gmt":"2026-03-09T21:24:38","guid":{"rendered":"https:\/\/ascsolutions.co.za\/staging\/?page_id=7162"},"modified":"2026-03-09T21:26:00","modified_gmt":"2026-03-09T21:26:00","slug":"home","status":"publish","type":"page","link":"https:\/\/ascsolutions.co.za\/staging\/","title":{"rendered":"Home"},"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\/* \u2500\u2500 ASC HOME SHARED \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.asc-home-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-home-wrap *, .asc-home-wrap *::before, .asc-home-wrap *::after {\r\n    box-sizing: border-box;\r\n}\r\n.asc-home-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n}\r\n\r\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n.asc-btn-gold {\r\n    display: inline-block;\r\n    background: #e1c050;\r\n    color: #111111 !important;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    padding: 14px 32px;\r\n    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    border: none;\r\n    cursor: pointer;\r\n}\r\n.asc-btn-gold:hover {\r\n    background: #f0d878;\r\n    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;\r\n    background: transparent;\r\n    color: #e1c050 !important;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    padding: 13px 32px;\r\n    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    cursor: pointer;\r\n}\r\n.asc-btn-outline:hover {\r\n    background: rgba(225,192,80,0.1);\r\n    transform: translateY(-2px);\r\n    color: #e1c050 !important;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION HEADING \u2500\u2500 *\/\r\n.asc-section-label {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 11px;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #e1c050;\r\n    margin-bottom: 10px;\r\n}\r\n.asc-section-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 38px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n    margin-bottom: 8px;\r\n}\r\n.asc-gold-bar {\r\n    width: 48px;\r\n    height: 3px;\r\n    background: #e1c050;\r\n    border-radius: 2px;\r\n    margin: 12px 0 20px;\r\n}\r\n.asc-gold-bar.center { margin: 12px auto 20px; }\r\n\r\n@media (max-width: 768px) {\r\n    .asc-home-inner { padding: 0 20px; }\r\n    .asc-section-title { font-size: 28px; }\r\n}\r\n<\/style><div class=\"asc-home-wrap\">\r\n<section class=\"asc-hero-section\">\r\n<style>\r\n.asc-hero-section {\r\n    background: #111111;\r\n    padding: 90px 0 80px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\/* decorative grid overlay *\/\r\n.asc-hero-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    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\/* gold glow top-left *\/\r\n.asc-hero-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -120px;\r\n    left: -120px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(225,192,80,0.07) 0%, transparent 65%);\r\n    pointer-events: none;\r\n}\r\n.asc-hero-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 420px;\r\n    gap: 60px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n.asc-hero-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 11px;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #e1c050;\r\n    margin-bottom: 18px;\r\n}\r\n.asc-hero-tag::before {\r\n    content: '';\r\n    width: 24px;\r\n    height: 2px;\r\n    background: #e1c050;\r\n}\r\n.asc-hero-h1 {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 58px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.05;\r\n    letter-spacing: -0.5px;\r\n    margin-bottom: 10px;\r\n}\r\n.asc-hero-h1 span { color: #e1c050; }\r\n.asc-hero-sub {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n    color: #e1c050;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n}\r\n.asc-hero-body {\r\n    font-size: 16px;\r\n    color: #aaaaaa;\r\n    line-height: 1.75;\r\n    max-width: 520px;\r\n    margin-bottom: 32px;\r\n}\r\n.asc-hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }\r\n\r\n\/* right panel *\/\r\n.asc-hero-panel {\r\n    background: #1a1a1a;\r\n    border: 1px solid rgba(225,192,80,0.18);\r\n    border-radius: 12px;\r\n    padding: 32px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.asc-hero-panel::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #e1c050, transparent);\r\n}\r\n.asc-hero-panel-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 13px;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #e1c050;\r\n    margin-bottom: 20px;\r\n}\r\n.asc-hero-service {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.asc-hero-service:last-child { border-bottom: none; }\r\n.asc-hero-svc-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: rgba(225,192,80,0.1);\r\n    border: 1px solid rgba(225,192,80,0.2);\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    flex-shrink: 0;\r\n}\r\n.asc-hero-svc-text {}\r\n.asc-hero-svc-name {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: #f0f0f0;\r\n    letter-spacing: .5px;\r\n}\r\n.asc-hero-svc-sub { font-size: 12px; color: #666; margin-top: 1px; }\r\n\r\n@media (max-width: 900px) {\r\n    .asc-hero-inner { grid-template-columns: 1fr; gap: 40px; }\r\n    .asc-hero-h1 { font-size: 40px; }\r\n    .asc-hero-section { padding: 60px 0; }\r\n}\r\n@media (max-width: 540px) {\r\n    .asc-hero-h1 { font-size: 32px; }\r\n    .asc-hero-btns { flex-direction: column; }\r\n    .asc-hero-inner { padding: 0 20px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"asc-hero-inner\">\r\n    <!-- Left: text -->\r\n    <div class=\"asc-hero-left\">\r\n        <div class=\"asc-hero-tag\">DIGITAL EXCELLENCE<\/div>\r\n        <h1 class=\"asc-hero-h1\">Expert Tech Support<br>Delivered To Your Door<\/h1>\r\n        <div class=\"asc-hero-sub\">Fast. Professional. On-Site.<\/div>\r\n        <p class=\"asc-hero-body\">Don't let a slow PC disrupt your day. ASC Solutions provides fast, professional computer repairs, custom PC builds, website design and home security installations \u2014 brought directly to you.<\/p>\r\n        <div class=\"asc-hero-btns\">\r\n            <a href=\"\/staging\/contact-us\/\" class=\"asc-btn-gold\">Get a Free Quote<\/a>\r\n            <a href=\"\/staging\/computer-services-2\/\" class=\"asc-btn-outline\">Our Services<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: services panel -->\r\n    <div class=\"asc-hero-panel\">\r\n        <div class=\"asc-hero-panel-title\">What We Offer<\/div>\r\n        <div class=\"asc-hero-service\">\r\n            <div class=\"asc-hero-svc-icon\">\ud83d\udcbb<\/div>\r\n            <div class=\"asc-hero-svc-text\">\r\n                <div class=\"asc-hero-svc-name\">Computer Repairs &amp; Upgrades<\/div>\r\n                <div class=\"asc-hero-svc-sub\">On-site \u00b7 Same-day response<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"asc-hero-service\">\r\n            <div class=\"asc-hero-svc-icon\">\u2699\ufe0f<\/div>\r\n            <div class=\"asc-hero-svc-text\">\r\n                <div class=\"asc-hero-svc-name\">Custom PC Builds &amp; Parts<\/div>\r\n                <div class=\"asc-hero-svc-sub\">Builder tool \u00b7 Nationwide delivery<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"asc-hero-service\">\r\n            <div class=\"asc-hero-svc-icon\">\ud83d\udd12<\/div>\r\n            <div class=\"asc-hero-svc-text\">\r\n                <div class=\"asc-hero-svc-name\">Security &amp; Alarm Systems<\/div>\r\n                <div class=\"asc-hero-svc-sub\">Professional installation<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"asc-hero-service\">\r\n            <div class=\"asc-hero-svc-icon\">\ud83c\udf10<\/div>\r\n            <div class=\"asc-hero-svc-text\">\r\n                <div class=\"asc-hero-svc-name\">Website Design<\/div>\r\n                <div class=\"asc-hero-svc-sub\">WordPress \u00b7 Responsive \u00b7 SEO-ready<\/div>\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_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-home-wrap\">\r\n<section class=\"asc-wwd-section\">\r\n<style>\r\n.asc-wwd-section {\r\n    background: #141414;\r\n    padding: 88px 0;\r\n    position: relative;\r\n}\r\n\/* subtle gold glow top-right *\/\r\n.asc-wwd-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -80px; right: -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-wwd-header {\r\n    text-align: center;\r\n    margin-bottom: 56px;\r\n}\r\n.asc-wwd-sub {\r\n    font-size: 15px;\r\n    color: #888;\r\n    max-width: 560px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n.asc-wwd-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n}\r\n.asc-wwd-card {\r\n    background: #1a1a1a;\r\n    border: 1px solid rgba(225,192,80,0.14);\r\n    border-radius: 10px;\r\n    padding: 36px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: border-color .25s, transform .2s, box-shadow .25s;\r\n}\r\n.asc-wwd-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #e1c050, transparent);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform .3s ease;\r\n}\r\n.asc-wwd-card:hover {\r\n    border-color: rgba(225,192,80,0.45);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 48px rgba(0,0,0,0.4);\r\n}\r\n.asc-wwd-card:hover::before { transform: scaleX(1); }\r\n\r\n.asc-wwd-card-icon {\r\n    width: 56px;\r\n    height: 56px;\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;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    margin-bottom: 20px;\r\n    transition: background .2s;\r\n}\r\n.asc-wwd-card:hover .asc-wwd-card-icon {\r\n    background: rgba(225,192,80,0.18);\r\n}\r\n.asc-wwd-card-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    letter-spacing: .5px;\r\n    margin-bottom: 12px;\r\n    line-height: 1.2;\r\n}\r\n.asc-wwd-card-desc {\r\n    font-size: 14px;\r\n    color: #888;\r\n    line-height: 1.75;\r\n    margin-bottom: 20px;\r\n    flex: 1;\r\n}\r\n.asc-wwd-card-list {\r\n    list-style: none;\r\n    margin: 0 0 24px;\r\n    padding: 0;\r\n    border-top: 1px solid rgba(255,255,255,0.05);\r\n    padding-top: 16px;\r\n}\r\n.asc-wwd-card-list li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    color: #999;\r\n    padding: 5px 0;\r\n}\r\n.asc-wwd-card-list li::before {\r\n    content: '';\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: #e1c050;\r\n    flex-shrink: 0;\r\n}\r\n.asc-wwd-card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    color: #e1c050 !important;\r\n    text-decoration: none !important;\r\n    transition: gap .2s;\r\n    margin-top: auto;\r\n}\r\n.asc-wwd-card-link::after { content: '\u2192'; transition: transform .2s; }\r\n.asc-wwd-card-link:hover::after { transform: translateX(4px); }\r\n\r\n@media (max-width: 900px) {\r\n    .asc-wwd-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }\r\n    .asc-wwd-section { padding: 60px 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"asc-home-inner\">\r\n    <div class=\"asc-wwd-header\">\r\n        <div class=\"asc-section-label\">Our Services<\/div>\r\n        <div class=\"asc-section-title\">What We Do<\/div>\r\n        <div class=\"asc-gold-bar center\"><\/div>\r\n        <p class=\"asc-wwd-sub\">Professional services delivered directly to your door \u2014 across South Africa.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"asc-wwd-grid\">\r\n                <div class=\"asc-wwd-card\">\r\n            <div class=\"asc-wwd-card-icon\">\ud83d\udcbb<\/div>\r\n            <div class=\"asc-wwd-card-title\">Computer Repairs &amp; Upgrades<\/div>\r\n            <p class=\"asc-wwd-card-desc\">From slow performance and virus removal to RAM upgrades, SSD installs and custom PC builds \u2014 we fix and upgrade all makes and models at your home or office.<\/p>\r\n            <ul class=\"asc-wwd-card-list\">\r\n                                <li>Laptop &amp; Desktop Repairs<\/li>\r\n                                <li>Virus &amp; Malware Removal<\/li>\r\n                                <li>Hardware Upgrades<\/li>\r\n                                <li>Custom PC Builds<\/li>\r\n                                <li>Remote Support<\/li>\r\n                            <\/ul>\r\n            <a href=\"\/staging\/computer-services-2\/\" class=\"asc-wwd-card-link\">View Services<\/a>\r\n        <\/div>\r\n                <div class=\"asc-wwd-card\">\r\n            <div class=\"asc-wwd-card-icon\">\ud83d\udd12<\/div>\r\n            <div class=\"asc-wwd-card-title\">Security &amp; Alarm Systems<\/div>\r\n            <p class=\"asc-wwd-card-desc\">Sleep better knowing your home is protected. We install and maintain wired and wireless alarm systems, motion sensors and full surveillance solutions.<\/p>\r\n            <ul class=\"asc-wwd-card-list\">\r\n                                <li>New Alarm Installations<\/li>\r\n                                <li>Wired &amp; Wireless Systems<\/li>\r\n                                <li>Fault Finding &amp; Repairs<\/li>\r\n                                <li>System Upgrades &amp; Expansions<\/li>\r\n                            <\/ul>\r\n            <a href=\"\/staging\/security\/\" class=\"asc-wwd-card-link\">View Services<\/a>\r\n        <\/div>\r\n                <div class=\"asc-wwd-card\">\r\n            <div class=\"asc-wwd-card-icon\">\ud83c\udf10<\/div>\r\n            <div class=\"asc-wwd-card-title\">Website Design<\/div>\r\n            <p class=\"asc-wwd-card-desc\">Your online presence is your digital storefront. We build modern, responsive WordPress websites tailored to your goals \u2014 from landing pages to full e-commerce stores.<\/p>\r\n            <ul class=\"asc-wwd-card-list\">\r\n                                <li>WordPress &amp; Divi Builds<\/li>\r\n                                <li>WooCommerce Shops<\/li>\r\n                                <li>Mobile Responsive Design<\/li>\r\n                                <li>SEO &amp; Google-Ready<\/li>\r\n                            <\/ul>\r\n            <a href=\"\/staging\/website-design\/\" class=\"asc-wwd-card-link\">View Services<\/a>\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_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-home-wrap\">\r\n<section class=\"asc-shop-banner-section\">\r\n<style>\r\n.asc-shop-banner-section {\r\n    background: #111;\r\n    padding: 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.asc-shop-banner-bg {\r\n    background: linear-gradient(135deg, #1a1a1a 0%, #111 50%, #161616 100%);\r\n    border-top: 1px solid rgba(225,192,80,0.18);\r\n    border-bottom: 1px solid rgba(225,192,80,0.18);\r\n    padding: 72px 0;\r\n    position: relative;\r\n}\r\n\/* circuit board pattern *\/\r\n.asc-shop-banner-bg::before {\r\n    content: '';\r\n    position: absolute;\r\n    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: 32px 32px;\r\n    pointer-events: none;\r\n}\r\n.asc-shop-banner-bg::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: -100px; bottom: -100px;\r\n    width: 500px; height: 500px;\r\n    background: radial-gradient(circle, rgba(225,192,80,0.06) 0%, transparent 60%);\r\n    pointer-events: none;\r\n}\r\n.asc-shop-banner-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 380px;\r\n    gap: 60px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n.asc-shop-banner-tag {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 11px;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #e1c050;\r\n    margin-bottom: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.asc-shop-banner-tag::before { content: ''; width: 24px; height: 2px; background: #e1c050; }\r\n.asc-shop-banner-h {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 48px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.05;\r\n    margin-bottom: 16px;\r\n}\r\n.asc-shop-banner-p {\r\n    font-size: 15px;\r\n    color: #888;\r\n    line-height: 1.75;\r\n    margin-bottom: 28px;\r\n    max-width: 500px;\r\n}\r\n.asc-shop-banner-btns { display: flex; gap: 14px; flex-wrap: wrap; }\r\n\r\n\/* right feature panel *\/\r\n.asc-shop-feature-panel {\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(225,192,80,0.2);\r\n    border-radius: 10px;\r\n    padding: 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n}\r\n.asc-shop-feature-panel-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 11px;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #e1c050;\r\n    margin-bottom: 16px;\r\n    padding-bottom: 12px;\r\n    border-bottom: 1px solid rgba(225,192,80,0.15);\r\n}\r\n.asc-shop-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 10px 0;\r\n    border-bottom: 1px solid rgba(255,255,255,0.04);\r\n}\r\n.asc-shop-feature:last-child { border-bottom: none; }\r\n.asc-shop-feature-icon {\r\n    font-size: 20px;\r\n    width: 36px;\r\n    flex-shrink: 0;\r\n    text-align: center;\r\n}\r\n.asc-shop-feature-text {\r\n    font-size: 14px;\r\n    color: #cccccc;\r\n    line-height: 1.4;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .asc-shop-banner-inner { grid-template-columns: 1fr; gap: 36px; }\r\n    .asc-shop-banner-h { font-size: 34px; }\r\n    .asc-shop-banner-bg { padding: 52px 0; }\r\n    .asc-shop-banner-inner { padding: 0 20px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"asc-shop-banner-bg\">\r\n<div class=\"asc-shop-banner-inner\">\r\n    <div>\r\n        <div class=\"asc-shop-banner-tag\">PC Parts &amp; Custom Builds<\/div>\r\n        <div class=\"asc-shop-banner-h\">Build Your Dream PC<\/div>\r\n        <p class=\"asc-shop-banner-p\">Browse hundreds of OEM and aftermarket components. Use our interactive PC Builder to select compatible parts, see live pricing, and add your entire build to cart in one click.<\/p>\r\n        <div class=\"asc-shop-banner-btns\">\r\n            <a href=\"\/staging\/pc-builder\/\" class=\"asc-btn-gold\">Open PC Builder<\/a>\r\n            <a href=\"\/staging\/shop\/\" class=\"asc-btn-outline\">Browse Shop<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"asc-shop-feature-panel\">\r\n        <div class=\"asc-shop-feature-panel-title\">Why Shop With Us<\/div>\r\n                <div class=\"asc-shop-feature\">\r\n            <div class=\"asc-shop-feature-icon\">\u26a1<\/div>\r\n            <div class=\"asc-shop-feature-text\">Socket compatibility auto-checked<\/div>\r\n        <\/div>\r\n                <div class=\"asc-shop-feature\">\r\n            <div class=\"asc-shop-feature-icon\">\ud83d\uded2<\/div>\r\n            <div class=\"asc-shop-feature-text\">Add full build to cart instantly<\/div>\r\n        <\/div>\r\n                <div class=\"asc-shop-feature\">\r\n            <div class=\"asc-shop-feature-icon\">\ud83d\ude9a<\/div>\r\n            <div class=\"asc-shop-feature-text\">Nationwide delivery<\/div>\r\n        <\/div>\r\n                <div class=\"asc-shop-feature\">\r\n            <div class=\"asc-shop-feature-icon\">\ud83d\udd27<\/div>\r\n            <div class=\"asc-shop-feature-text\">OEM &amp; aftermarket parts<\/div>\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-home-wrap\">\r\n<section class=\"asc-about-section\">\r\n<style>\r\n.asc-about-section {\r\n    background: #111111;\r\n    padding: 88px 0;\r\n}\r\n.asc-about-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 72px;\r\n    align-items: center;\r\n}\r\n.asc-about-body {\r\n    font-size: 15px;\r\n    color: #999;\r\n    line-height: 1.8;\r\n    margin-bottom: 16px;\r\n}\r\n.asc-about-pillars {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-top: 32px;\r\n}\r\n.asc-about-pillar {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    background: #1a1a1a;\r\n    border: 1px solid rgba(225,192,80,0.12);\r\n    border-radius: 8px;\r\n    padding: 16px 18px;\r\n    transition: border-color .2s;\r\n}\r\n.asc-about-pillar:hover { border-color: rgba(225,192,80,0.35); }\r\n.asc-about-pillar-icon {\r\n    font-size: 22px;\r\n    flex-shrink: 0;\r\n    margin-top: 1px;\r\n}\r\n.asc-about-pillar-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #e1c050;\r\n    margin-bottom: 2px;\r\n}\r\n.asc-about-pillar-sub { font-size: 13px; color: #777; }\r\n\r\n\/* right: decorative stat boxes *\/\r\n\/* \u2500\u2500 How It Works panel \u2500\u2500 *\/\r\n.asc-hiw-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: relative;\r\n}\r\n.asc-hiw-panel::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #e1c050, transparent);\r\n}\r\n.asc-hiw-header {\r\n    padding: 24px 28px 16px;\r\n    border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.asc-hiw-header-label {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 11px;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #e1c050;\r\n    margin-bottom: 4px;\r\n}\r\n.asc-hiw-header-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n}\r\n.asc-hiw-steps {\r\n    padding: 8px 0;\r\n}\r\n.asc-hiw-step {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    padding: 20px 28px;\r\n    position: relative;\r\n    transition: background .2s;\r\n}\r\n.asc-hiw-step:hover { background: rgba(225,192,80,0.04); }\r\n\/* vertical connector line between steps *\/\r\n.asc-hiw-step:not(:last-child)::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 48px;\r\n    top: 62px;\r\n    width: 2px;\r\n    height: calc(100% - 28px);\r\n    background: linear-gradient(180deg, rgba(225,192,80,0.35), rgba(225,192,80,0.05));\r\n}\r\n.asc-hiw-step-num {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    background: rgba(225,192,80,0.1);\r\n    border: 2px solid #e1c050;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #e1c050;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: background .2s;\r\n}\r\n.asc-hiw-step:hover .asc-hiw-step-num {\r\n    background: rgba(225,192,80,0.2);\r\n}\r\n.asc-hiw-step-icon {\r\n    font-size: 22px;\r\n    margin-bottom: 4px;\r\n}\r\n.asc-hiw-step-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    letter-spacing: .3px;\r\n    margin-bottom: 4px;\r\n}\r\n.asc-hiw-step-desc {\r\n    font-size: 13px;\r\n    color: #777;\r\n    line-height: 1.6;\r\n}\r\n.asc-hiw-footer {\r\n    margin: 0 28px 24px;\r\n    background: rgba(225,192,80,0.06);\r\n    border: 1px solid rgba(225,192,80,0.2);\r\n    border-radius: 8px;\r\n    padding: 14px 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 13px;\r\n    color: #aaa;\r\n}\r\n.asc-hiw-footer-icon { font-size: 18px; flex-shrink: 0; }\r\n.asc-hiw-footer strong { color: #e1c050; font-family: \"Rajdhani\", sans-serif; font-size: 14px; letter-spacing: .3px; }\r\n\r\n@media (max-width: 900px) {\r\n    .asc-about-grid { grid-template-columns: 1fr; gap: 40px; }\r\n    .asc-about-section { padding: 60px 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"asc-home-inner\">\r\n<div class=\"asc-about-grid\">\r\n\r\n    <!-- Left: text -->\r\n    <div>\r\n        <div class=\"asc-section-label\">About ASC Solutions<\/div>\r\n        <div class=\"asc-section-title\">Your Local Tech &amp; Security Experts<\/div>\r\n        <div class=\"asc-gold-bar\"><\/div>\r\n        <p class=\"asc-about-body\">At ASC Solutions, we specialise in keeping your home safe and your technology running smoothly. With years of hands-on experience in computer repairs, custom PC builds, security installations and website design \u2014 we bring professional solutions directly to your door.<\/p>\r\n        <p class=\"asc-about-body\">Our mission is simple: reliable, transparent and affordable tech support for every South African household and small business.<\/p>\r\n        <div class=\"asc-about-pillars\">\r\n                        <div class=\"asc-about-pillar\">\r\n                <div class=\"asc-about-pillar-icon\">\ud83e\udd1d<\/div>\r\n                <div>\r\n                    <div class=\"asc-about-pillar-title\">Reliable<\/div>\r\n                    <div class=\"asc-about-pillar-sub\">We show up on time, every time.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"asc-about-pillar\">\r\n                <div class=\"asc-about-pillar-icon\">\ud83d\udcac<\/div>\r\n                <div>\r\n                    <div class=\"asc-about-pillar-title\">Transparent<\/div>\r\n                    <div class=\"asc-about-pillar-sub\">No hidden costs \u2014 ever.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"asc-about-pillar\">\r\n                <div class=\"asc-about-pillar-icon\">\u2b50<\/div>\r\n                <div>\r\n                    <div class=\"asc-about-pillar-title\">Quality<\/div>\r\n                    <div class=\"asc-about-pillar-sub\">OEM parts, certified work.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n        <div style=\"margin-top:28px;\">\r\n            <a href=\"\/staging\/about\/\" class=\"asc-btn-outline\">Learn More About Us<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: How It Works -->\r\n    <div class=\"asc-hiw-panel\">\r\n        <div class=\"asc-hiw-header\">\r\n            <div class=\"asc-hiw-header-label\">Simple Process<\/div>\r\n            <div class=\"asc-hiw-header-title\">How It Works<\/div>\r\n        <\/div>\r\n        <div class=\"asc-hiw-steps\">\r\n            <div class=\"asc-hiw-step\">\r\n                <div class=\"asc-hiw-step-num\">1<\/div>\r\n                <div>\r\n                    <div class=\"asc-hiw-step-icon\">\ud83d\udcde<\/div>\r\n                    <div class=\"asc-hiw-step-title\">Contact Us<\/div>\r\n                    <div class=\"asc-hiw-step-desc\">Call, WhatsApp or fill in our quick contact form. Tell us what you need and we'll get back to you fast.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"asc-hiw-step\">\r\n                <div class=\"asc-hiw-step-num\">2<\/div>\r\n                <div>\r\n                    <div class=\"asc-hiw-step-icon\">\ud83d\ude97<\/div>\r\n                    <div class=\"asc-hiw-step-title\">We Come To You<\/div>\r\n                    <div class=\"asc-hiw-step-desc\">No need to pack up your equipment. Our technician comes directly to your home or office at a time that suits you.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"asc-hiw-step\">\r\n                <div class=\"asc-hiw-step-num\">3<\/div>\r\n                <div>\r\n                    <div class=\"asc-hiw-step-icon\">\u2705<\/div>\r\n                    <div class=\"asc-hiw-step-title\">Problem Solved<\/div>\r\n                    <div class=\"asc-hiw-step-desc\">We diagnose, repair and test on the spot. You're back up and running \u2014 hassle-free, with no hidden costs.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"asc-hiw-footer\">\r\n            <div class=\"asc-hiw-footer-icon\">\u26a1<\/div>\r\n            <div><strong>Same-day response<\/strong> available for most bookings across South Africa.<\/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_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-home-wrap\">\r\n<section class=\"asc-cta-section\">\r\n<style>\r\n.asc-cta-section {\r\n    background: #141414;\r\n    padding: 88px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-top: 1px solid rgba(225,192,80,0.18);\r\n}\r\n.asc-cta-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    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-cta-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    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-cta-inner {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n.asc-cta-heading {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 48px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n    margin-bottom: 18px;\r\n}\r\n.asc-cta-sub {\r\n    font-size: 16px;\r\n    color: #888;\r\n    line-height: 1.75;\r\n    margin-bottom: 36px;\r\n}\r\n.asc-cta-btns {\r\n    display: flex;\r\n    gap: 16px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n}\r\n.asc-cta-divider {\r\n    width: 80px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, #e1c050, transparent);\r\n    margin: 0 auto 28px;\r\n}\r\n\r\n@media (max-width: 540px) {\r\n    .asc-cta-heading { font-size: 32px; }\r\n    .asc-cta-btns { flex-direction: column; align-items: center; }\r\n    .asc-cta-section { padding: 60px 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"asc-cta-inner\">\r\n    <div class=\"asc-cta-divider\"><\/div>\r\n    <div class=\"asc-cta-heading\">Ready to Get Started?<\/div>\r\n    <p class=\"asc-cta-sub\">Whether you need a PC repaired, a custom build, a new website or a home security system \u2014 ASC Solutions is ready to help. Get a personalised, no-obligation quote today.<\/p>\r\n    <div class=\"asc-cta-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 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-7162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7162","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=7162"}],"version-history":[{"count":7,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7162\/revisions"}],"predecessor-version":[{"id":7183,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7162\/revisions\/7183"}],"wp:attachment":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/media?parent=7162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}