{"id":7197,"date":"2026-03-10T20:05:08","date_gmt":"2026-03-10T20:05:08","guid":{"rendered":"https:\/\/ascsolutions.co.za\/staging\/?page_id=7197"},"modified":"2026-03-10T20:05:33","modified_gmt":"2026-03-10T20:05:33","slug":"website-design-5","status":"publish","type":"page","link":"https:\/\/ascsolutions.co.za\/staging\/website-design-5\/","title":{"rendered":"Website Design"},"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-wd-wrap {\r\n    width:100%; font-family:\"Exo 2\",sans-serif;\r\n    background:#111; color:#f0f0f0;\r\n}\r\n.asc-wd-wrap*,.asc-wd-wrap*::before,.asc-wd-wrap*::after{box-sizing:border-box;margin:0;padding:0;}\r\n.asc-wd-inner { max-width:1200px; margin:0 auto; padding:0 32px; }\r\n.asc-wd-label {\r\n    font-family:\"Rajdhani\",sans-serif; font-size:11px;\r\n    letter-spacing:3px; text-transform:uppercase; color:#e1c050;\r\n    display:flex; align-items:center; gap:10px; margin-bottom:12px;\r\n}\r\n.asc-wd-label::before{content:\"\";width:24px;height:2px;background:#e1c050;}\r\n.asc-wd-title {\r\n    font-family:\"Rajdhani\",sans-serif; font-size:38px;\r\n    font-weight:700; color:#fff; line-height:1.1; margin-bottom:8px;\r\n}\r\n.asc-wd-bar { width:48px;height:3px;background:#e1c050;border-radius:2px;margin:12px 0 20px; }\r\n.asc-wd-bar.c { margin:12px auto 20px; }\r\n.asc-wd-body { font-size:15px;color:#999;line-height:1.85;margin-bottom:16px; }\r\n.asc-btn-g {\r\n    display:inline-block;background:#e1c050;color:#111!important;\r\n    font-family:\"Rajdhani\",sans-serif;font-size:15px;font-weight:700;\r\n    letter-spacing:1.5px;text-transform:uppercase;\r\n    padding:14px 32px;border-radius:6px;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,.25);\r\n}\r\n.asc-btn-g:hover{background:#f0d878;transform:translateY(-2px);box-shadow:0 8px 28px rgba(225,192,80,.4);color:#111!important;}\r\n.asc-btn-o {\r\n    display:inline-block;background:transparent;color:#e1c050!important;\r\n    font-family:\"Rajdhani\",sans-serif;font-size:15px;font-weight:700;\r\n    letter-spacing:1.5px;text-transform:uppercase;\r\n    padding:13px 32px;border-radius:6px;border:1.5px solid #e1c050;\r\n    text-decoration:none!important;transition:background .2s,transform .15s;\r\n}\r\n.asc-btn-o:hover{background:rgba(225,192,80,.1);transform:translateY(-2px);color:#e1c050!important;}\r\n@media(max-width:768px){.asc-wd-inner{padding:0 20px;}.asc-wd-title{font-size:28px;}}\r\n<\/style><div class=\"asc-wd-wrap\">\r\n<section class=\"asc-wdh\">\r\n<style>\r\n.asc-wdh{background:#111;padding:80px 0 0;position:relative;overflow:hidden;}\r\n.asc-wdh::before{content:'';position:absolute;inset:0;\r\n  background-image:linear-gradient(rgba(225,192,80,.04) 1px,transparent 1px),\r\n  linear-gradient(90deg,rgba(225,192,80,.04) 1px,transparent 1px);\r\n  background-size:48px 48px;pointer-events:none;}\r\n.asc-wdh::after{content:'';position:absolute;top:-100px;right:-100px;\r\n  width:500px;height:500px;\r\n  background:radial-gradient(circle,rgba(225,192,80,.06) 0%,transparent 65%);\r\n  pointer-events:none;}\r\n.asc-wdh-inner{max-width:1200px;margin:0 auto;padding:0 32px;position:relative;z-index:1;}\r\n.asc-wdh-bc{font-size:12px;color:#555;margin-bottom:32px;\r\n  display:flex;align-items:center;gap:8px;\r\n  font-family:\"Rajdhani\",sans-serif;letter-spacing:.5px;}\r\n.asc-wdh-bc a{color:#777!important;text-decoration:none!important;transition:color .15s;}\r\n.asc-wdh-bc a:hover{color:#e1c050!important;}\r\n.asc-wdh-bc span{color:#e1c050;}\r\n.asc-wdh-h1{font-family:\"Rajdhani\",sans-serif;font-size:58px;font-weight:700;\r\n  color:#fff;line-height:1.05;margin-bottom:20px;}\r\n.asc-wdh-h1 span{color:#e1c050;}\r\n.asc-wdh-sub{font-size:17px;color:#888;line-height:1.75;max-width:640px;margin-bottom:32px;}\r\n.asc-wdh-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px;}\r\n.asc-wdh-badges{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:56px;}\r\n.asc-wdh-badge{\r\n  display:flex;align-items:center;gap:7px;\r\n  background:rgba(225,192,80,.07);border:1px solid rgba(225,192,80,.2);\r\n  border-radius:20px;padding:7px 14px;\r\n  font-family:\"Rajdhani\",sans-serif;font-size:13px;font-weight:600;\r\n  letter-spacing:.5px;color:#e1c050;}\r\n\/* bottom rule *\/\r\n.asc-wdh-rule{height:1px;background:linear-gradient(90deg,rgba(225,192,80,.4),rgba(225,192,80,.05),transparent);}\r\n@media(max-width:768px){\r\n  .asc-wdh-h1{font-size:36px;}\r\n  .asc-wdh{padding:56px 0 0;}\r\n  .asc-wdh-inner{padding:0 20px;}\r\n  .asc-wdh-btns{flex-direction:column;}\r\n}\r\n<\/style>\r\n<div class=\"asc-wdh-inner\">\r\n  <div class=\"asc-wdh-bc\"><a href=\"\/\">Home<\/a><span>\u203a<\/span><span>Website Design<\/span><\/div>\r\n  <div class=\"asc-wd-label\">Website Design<\/div>\r\n  <h1 class=\"asc-wdh-h1\">Professional Websites<br><span>Built For Your Business<\/span><\/h1>\r\n  <p class=\"asc-wdh-sub\">We design and build modern, mobile-responsive WordPress websites that look great, load fast and turn visitors into customers \u2014 tailored to your goals, your brand and your budget.<\/p>\r\n  <div class=\"asc-wdh-btns\">\r\n    <a href=\"\/staging\/contact\/\" class=\"asc-btn-g\">Start Your Project<\/a>\r\n    <a href=\"#asc-wd-pricing\" class=\"asc-btn-o\">View Packages<\/a>\r\n  <\/div>\r\n  <div class=\"asc-wdh-badges\">\r\n        <div class=\"asc-wdh-badge\">\ud83c\udfa8 Custom Design<\/div>\r\n        <div class=\"asc-wdh-badge\">\ud83d\udcf1 Mobile Responsive<\/div>\r\n        <div class=\"asc-wdh-badge\">\ud83d\udd0d SEO Ready<\/div>\r\n        <div class=\"asc-wdh-badge\">\u26a1 Fast Loading<\/div>\r\n        <div class=\"asc-wdh-badge\">\ud83d\udd12 Secure &amp; Reliable<\/div>\r\n      <\/div>\r\n<\/div>\r\n<div class=\"asc-wdh-rule\"><\/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-wd-wrap\">\r\n<section class=\"asc-wdo\">\r\n<style>\r\n.asc-wdo{background:#141414;padding:88px 0;}\r\n.asc-wdo-header{text-align:center;margin-bottom:52px;}\r\n.asc-wdo-sub{font-size:15px;color:#888;max-width:560px;margin:0 auto;line-height:1.7;}\r\n.asc-wdo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}\r\n.asc-wdo-card{\r\n  background:#1a1a1a;border:1px solid rgba(225,192,80,.14);\r\n  border-radius:10px;padding:24px 20px;\r\n  transition:border-color .25s,transform .2s;}\r\n.asc-wdo-card:hover{border-color:rgba(225,192,80,.4);transform:translateY(-3px);}\r\n.asc-wdo-icon{font-size:28px;margin-bottom:12px;display:block;}\r\n.asc-wdo-name{font-family:\"Rajdhani\",sans-serif;font-size:16px;\r\n  font-weight:700;color:#e1c050;margin-bottom:6px;}\r\n.asc-wdo-desc{font-size:13px;color:#888;line-height:1.6;}\r\n@media(max-width:1000px){.asc-wdo-grid{grid-template-columns:1fr 1fr 1fr;}}\r\n@media(max-width:680px){.asc-wdo-grid{grid-template-columns:1fr 1fr;}.asc-wdo{padding:60px 0;}}\r\n@media(max-width:440px){.asc-wdo-grid{grid-template-columns:1fr;}}\r\n<\/style>\r\n<div class=\"asc-wd-inner\">\r\n  <div class=\"asc-wdo-header\">\r\n    <div class=\"asc-wd-label\" style=\"justify-content:center;\">Every Website We Build<\/div>\r\n    <div class=\"asc-wd-title\">What's Always Included<\/div>\r\n    <div class=\"asc-wd-bar c\"><\/div>\r\n    <p class=\"asc-wdo-sub\">No matter which package you choose, every website we deliver comes with these fundamentals as standard \u2014 no extras, no hidden costs.<\/p>\r\n  <\/div>\r\n  <div class=\"asc-wdo-grid\">\r\n        <div class=\"asc-wdo-card\">\r\n      <span class=\"asc-wdo-icon\">\ud83c\udfa8<\/span>\r\n      <div class=\"asc-wdo-name\">Custom Design<\/div>\r\n      <p class=\"asc-wdo-desc\">Designed specifically for your brand \u2014 not a generic template.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdo-card\">\r\n      <span class=\"asc-wdo-icon\">\ud83d\udcf1<\/span>\r\n      <div class=\"asc-wdo-name\">Mobile Responsive<\/div>\r\n      <p class=\"asc-wdo-desc\">Looks and works perfectly on phones, tablets and desktops.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdo-card\">\r\n      <span class=\"asc-wdo-icon\">\ud83d\udd0d<\/span>\r\n      <div class=\"asc-wdo-name\">SEO Foundation<\/div>\r\n      <p class=\"asc-wdo-desc\">Built with proper headings, meta tags and Google-friendly structure.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdo-card\">\r\n      <span class=\"asc-wdo-icon\">\u26a1<\/span>\r\n      <div class=\"asc-wdo-name\">Performance Optimised<\/div>\r\n      <p class=\"asc-wdo-desc\">Fast load times \u2014 compressed images, clean code, caching set up.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdo-card\">\r\n      <span class=\"asc-wdo-icon\">\ud83d\udd12<\/span>\r\n      <div class=\"asc-wdo-name\">SSL &amp; Security<\/div>\r\n      <p class=\"asc-wdo-desc\">HTTPS, basic security hardening and spam protection included.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdo-card\">\r\n      <span class=\"asc-wdo-icon\">\ud83d\udda5\ufe0f<\/span>\r\n      <div class=\"asc-wdo-name\">WordPress CMS<\/div>\r\n      <p class=\"asc-wdo-desc\">You can update your own content easily \u2014 no developer needed.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdo-card\">\r\n      <span class=\"asc-wdo-icon\">\ud83d\udcde<\/span>\r\n      <div class=\"asc-wdo-name\">Contact Form<\/div>\r\n      <p class=\"asc-wdo-desc\">A working contact form connected to your email from day one.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdo-card\">\r\n      <span class=\"asc-wdo-icon\">\ud83d\ude80<\/span>\r\n      <div class=\"asc-wdo-name\">Go-Live Support<\/div>\r\n      <p class=\"asc-wdo-desc\">We handle the launch and make sure everything is working live.<\/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_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-wd-wrap\" id=\"asc-wd-pricing\">\r\n<section class=\"asc-wdp\">\r\n<style>\r\n.asc-wdp{background:#111;padding:88px 0;position:relative;overflow:hidden;}\r\n.asc-wdp::after{content:'';position:absolute;top:50%;left:50%;\r\n  transform:translate(-50%,-50%);width:700px;height:700px;\r\n  background:radial-gradient(circle,rgba(225,192,80,.04) 0%,transparent 65%);\r\n  pointer-events:none;}\r\n.asc-wdp-header{text-align:center;margin-bottom:52px;}\r\n.asc-wdp-sub{font-size:15px;color:#888;max-width:520px;margin:0 auto;line-height:1.7;}\r\n\r\n\/* \u2500\u2500 Vertical tabs layout \u2500\u2500 *\/\r\n.asc-wdp-body{\r\n  display:grid;\r\n  grid-template-columns:260px 1fr;\r\n  gap:0;\r\n  background:#1a1a1a;\r\n  border:1px solid rgba(225,192,80,.18);\r\n  border-radius:12px;\r\n  overflow:hidden;\r\n  position:relative;z-index:1;\r\n}\r\n\r\n\/* Tab list (left column) *\/\r\n.asc-wdp-tabs{\r\n  background:#141414;\r\n  border-right:1px solid rgba(225,192,80,.18);\r\n  display:flex;flex-direction:column;\r\n}\r\n.asc-wdp-tab{\r\n  display:flex;align-items:center;gap:14px;\r\n  padding:22px 20px;\r\n  cursor:pointer;\r\n  border-left:3px solid transparent;\r\n  border-bottom:1px solid rgba(255,255,255,.04);\r\n  transition:background .2s,border-color .2s;\r\n  position:relative;\r\n}\r\n.asc-wdp-tab:last-child{border-bottom:none;}\r\n.asc-wdp-tab:hover{background:rgba(225,192,80,.05);}\r\n.asc-wdp-tab.active{\r\n  background:rgba(225,192,80,.08);\r\n  border-left-color:#e1c050;\r\n}\r\n.asc-wdp-tab-icon{\r\n  font-size:22px;flex-shrink:0;\r\n  width:40px;height:40px;\r\n  background:rgba(225,192,80,.08);\r\n  border:1px solid rgba(225,192,80,.15);\r\n  border-radius:8px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  transition:background .2s;\r\n}\r\n.asc-wdp-tab.active .asc-wdp-tab-icon{background:rgba(225,192,80,.18);}\r\n.asc-wdp-tab-text{}\r\n.asc-wdp-tab-name{\r\n  font-family:\"Rajdhani\",sans-serif;\r\n  font-size:16px;font-weight:700;color:#f0f0f0;\r\n  letter-spacing:.3px;line-height:1;margin-bottom:3px;\r\n  transition:color .2s;\r\n}\r\n.asc-wdp-tab.active .asc-wdp-tab-name{color:#e1c050;}\r\n.asc-wdp-tab-sub{font-size:11px;color:#666;line-height:1.3;}\r\n.asc-wdp-popular-badge{\r\n  position:absolute;top:8px;right:10px;\r\n  background:#e1c050;color:#111;\r\n  font-family:\"Rajdhani\",sans-serif;\r\n  font-size:9px;font-weight:700;letter-spacing:1px;\r\n  padding:2px 7px;border-radius:8px;\r\n}\r\n\/* Arrow indicator *\/\r\n.asc-wdp-tab::after{\r\n  content:'\u203a';\r\n  position:absolute;right:14px;bottom:50%;transform:translateY(50%);\r\n  color:#333;font-size:18px;\r\n  transition:color .2s,right .2s;\r\n}\r\n.asc-wdp-tab.active::after{color:#e1c050;right:10px;}\r\n\r\n\/* Tab panels (right column) *\/\r\n.asc-wdp-panels{padding:28px;}\r\n.asc-wdp-panel{display:none;}\r\n.asc-wdp-panel.active{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;\r\n  animation:wdpFade .25s ease;}\r\n@keyframes wdpFade{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}\r\n\r\n\/* Individual cards inside panel *\/\r\n.asc-wdp-card{\r\n  background:#111;\r\n  border:1px solid rgba(225,192,80,.14);\r\n  border-radius:9px;\r\n  display:flex;flex-direction:column;\r\n  overflow:hidden;\r\n  transition:border-color .2s,transform .15s;\r\n}\r\n.asc-wdp-card:hover{border-color:rgba(225,192,80,.38);transform:translateY(-2px);}\r\n.asc-wdp-card-head{\r\n  background:#1a1a1a;\r\n  border-bottom:1px solid rgba(225,192,80,.12);\r\n  padding:14px 16px;\r\n  display:flex;align-items:center;gap:10px;\r\n}\r\n.asc-wdp-card-head-icon{font-size:18px;}\r\n.asc-wdp-card-head-title{\r\n  font-family:\"Rajdhani\",sans-serif;\r\n  font-size:15px;font-weight:700;color:#e1c050;letter-spacing:.5px;\r\n}\r\n.asc-wdp-card-body{padding:16px;flex:1;display:flex;flex-direction:column;}\r\n\r\n\/* Price display (for Investment card) *\/\r\n.asc-wdp-price{\r\n  font-family:\"Rajdhani\",sans-serif;\r\n  font-size:36px;font-weight:700;color:#e1c050;\r\n  line-height:1;margin-bottom:6px;\r\n}\r\n.asc-wdp-price-note{\r\n  font-size:12px;color:#666;line-height:1.5;\r\n  margin-bottom:14px;padding-bottom:14px;\r\n  border-bottom:1px solid rgba(255,255,255,.05);\r\n}\r\n\r\n\/* List items *\/\r\n.asc-wdp-list{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:4px;}\r\n.asc-wdp-list li{\r\n  display:flex;align-items:flex-start;gap:8px;\r\n  font-size:13px;color:#ccc;line-height:1.4;\r\n}\r\n.asc-wdp-list li::before{\r\n  content:'';width:6px;height:6px;border-radius:50%;\r\n  background:#e1c050;flex-shrink:0;margin-top:5px;\r\n}\r\n\r\n\/* Mobile: stack *\/\r\n@media(max-width:960px){\r\n  .asc-wdp-body{grid-template-columns:1fr;}\r\n  .asc-wdp-tabs{flex-direction:row;border-right:none;border-bottom:1px solid rgba(225,192,80,.18);overflow-x:auto;}\r\n  .asc-wdp-tab{border-left:none;border-bottom:3px solid transparent;border-right:1px solid rgba(255,255,255,.04);flex-direction:column;text-align:center;min-width:140px;padding:16px 12px;}\r\n  .asc-wdp-tab.active{border-bottom-color:#e1c050;}\r\n  .asc-wdp-tab::after{display:none;}\r\n  .asc-wdp-popular-badge{top:4px;right:4px;}\r\n}\r\n@media(max-width:700px){\r\n  .asc-wdp-panel.active{grid-template-columns:1fr;}\r\n  .asc-wdp{padding:60px 0;}\r\n  .asc-wdp-panels{padding:20px;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"asc-wd-inner\">\r\n  <div class=\"asc-wdp-header\">\r\n    <div class=\"asc-wd-label\" style=\"justify-content:center;\">Packages &amp; Pricing<\/div>\r\n    <div class=\"asc-wd-title\">Find The Right Package<\/div>\r\n    <div class=\"asc-wd-bar c\"><\/div>\r\n    <p class=\"asc-wdp-sub\">Every project is different. Choose the package that fits your needs \u2014 or contact us for a custom quote.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"asc-wdp-body\">\r\n\r\n    <!-- Tab labels -->\r\n    <div class=\"asc-wdp-tabs\">\r\n            <div class=\"asc-wdp-tab active\"\r\n           onclick=\"ascWdTab('starter')\"\r\n           data-tab=\"starter\">\r\n                <div class=\"asc-wdp-tab-icon\">\ud83c\udf31<\/div>\r\n        <div class=\"asc-wdp-tab-text\">\r\n          <div class=\"asc-wdp-tab-name\">Starter<\/div>\r\n          <div class=\"asc-wdp-tab-sub\">Small businesses &amp; personal sites \u2014 up to 5 pages<\/div>\r\n        <\/div>\r\n      <\/div>\r\n            <div class=\"asc-wdp-tab \"\r\n           onclick=\"ascWdTab('business')\"\r\n           data-tab=\"business\">\r\n                <span class=\"asc-wdp-popular-badge\">POPULAR<\/span>\r\n                <div class=\"asc-wdp-tab-icon\">\ud83d\ude80<\/div>\r\n        <div class=\"asc-wdp-tab-text\">\r\n          <div class=\"asc-wdp-tab-name\">Business<\/div>\r\n          <div class=\"asc-wdp-tab-sub\">Growing businesses &amp; service companies \u2014 up to 10 pages<\/div>\r\n        <\/div>\r\n      <\/div>\r\n            <div class=\"asc-wdp-tab \"\r\n           onclick=\"ascWdTab('ecommerce')\"\r\n           data-tab=\"ecommerce\">\r\n                <div class=\"asc-wdp-tab-icon\">\ud83d\uded2<\/div>\r\n        <div class=\"asc-wdp-tab-text\">\r\n          <div class=\"asc-wdp-tab-name\">E-Commerce<\/div>\r\n          <div class=\"asc-wdp-tab-sub\">Online shops &amp; e-commerce \u2014 up to 15 pages<\/div>\r\n        <\/div>\r\n      <\/div>\r\n          <\/div>\r\n\r\n    <!-- Tab panels -->\r\n    <div class=\"asc-wdp-panels\">\r\n            <div class=\"asc-wdp-panel active\"\r\n           id=\"asc-wdp-panel-starter\">\r\n                <div class=\"asc-wdp-card\">\r\n          <div class=\"asc-wdp-card-head\">\r\n            <span class=\"asc-wdp-card-head-icon\">\ud83d\udccb<\/span>\r\n            <div class=\"asc-wdp-card-head-title\">What's Included<\/div>\r\n          <\/div>\r\n          <div class=\"asc-wdp-card-body\">\r\n                        <ul class=\"asc-wdp-list\">\r\n                            <li>Up to 5 pages<\/li>\r\n                            <li>Custom WordPress design<\/li>\r\n                            <li>Mobile responsive<\/li>\r\n                            <li>Contact form<\/li>\r\n                            <li>Basic SEO setup<\/li>\r\n                            <li>SSL &amp; security<\/li>\r\n                            <li>1 round of revisions<\/li>\r\n                            <li>Go-live support<\/li>\r\n                          <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n                <div class=\"asc-wdp-card\">\r\n          <div class=\"asc-wdp-card-head\">\r\n            <span class=\"asc-wdp-card-head-icon\">\ud83d\udcb0<\/span>\r\n            <div class=\"asc-wdp-card-head-title\">Investment<\/div>\r\n          <\/div>\r\n          <div class=\"asc-wdp-card-body\">\r\n                        <div class=\"asc-wdp-price\">R 1,050<\/div>\r\n            <p class=\"asc-wdp-price-note\">Once-off setup fee. Monthly hosting available at R150\/month.<\/p>\r\n                        <ul class=\"asc-wdp-list\">\r\n                            <li>Monthly hosting: R150\/month<\/li>\r\n                            <li>Domain extra<\/li>\r\n                            <li>Hosting &amp; maintenance plans available<\/li>\r\n                          <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n                <div class=\"asc-wdp-card\">\r\n          <div class=\"asc-wdp-card-head\">\r\n            <span class=\"asc-wdp-card-head-icon\">\ud83c\udfaf<\/span>\r\n            <div class=\"asc-wdp-card-head-title\">Ideal For<\/div>\r\n          <\/div>\r\n          <div class=\"asc-wdp-card-body\">\r\n                        <ul class=\"asc-wdp-list\">\r\n                            <li>New small businesses<\/li>\r\n                            <li>Personal \/ portfolio sites<\/li>\r\n                            <li>Simple service pages<\/li>\r\n                            <li>Landing pages<\/li>\r\n                            <li>Blogs &amp; info sites<\/li>\r\n                          <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n              <\/div>\r\n            <div class=\"asc-wdp-panel \"\r\n           id=\"asc-wdp-panel-business\">\r\n                <div class=\"asc-wdp-card\">\r\n          <div class=\"asc-wdp-card-head\">\r\n            <span class=\"asc-wdp-card-head-icon\">\ud83d\udccb<\/span>\r\n            <div class=\"asc-wdp-card-head-title\">What's Included<\/div>\r\n          <\/div>\r\n          <div class=\"asc-wdp-card-body\">\r\n                        <ul class=\"asc-wdp-list\">\r\n                            <li>Up to 10 pages<\/li>\r\n                            <li>Custom WordPress design<\/li>\r\n                            <li>Mobile responsive<\/li>\r\n                            <li>Advanced contact &amp; quote forms<\/li>\r\n                            <li>Basic SEO setup<\/li>\r\n                            <li>Google Analytics integration<\/li>\r\n                            <li>Social media integration<\/li>\r\n                            <li>3 rounds of revisions<\/li>\r\n                            <li>Go-live support<\/li>\r\n                            <li>1 month post-launch support<\/li>\r\n                          <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n                <div class=\"asc-wdp-card\">\r\n          <div class=\"asc-wdp-card-head\">\r\n            <span class=\"asc-wdp-card-head-icon\">\ud83d\udcb0<\/span>\r\n            <div class=\"asc-wdp-card-head-title\">Investment<\/div>\r\n          <\/div>\r\n          <div class=\"asc-wdp-card-body\">\r\n                        <div class=\"asc-wdp-price\">R 1,950<\/div>\r\n            <p class=\"asc-wdp-price-note\">Once-off setup fee. Monthly hosting available at R150\/month.<\/p>\r\n                        <ul class=\"asc-wdp-list\">\r\n                            <li>Monthly hosting: R150\/month<\/li>\r\n                            <li>Domain extra<\/li>\r\n                            <li>Hosting &amp; maintenance plans available<\/li>\r\n                          <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n                <div class=\"asc-wdp-card\">\r\n          <div class=\"asc-wdp-card-head\">\r\n            <span class=\"asc-wdp-card-head-icon\">\ud83c\udfaf<\/span>\r\n            <div class=\"asc-wdp-card-head-title\">Ideal For<\/div>\r\n          <\/div>\r\n          <div class=\"asc-wdp-card-body\">\r\n                        <ul class=\"asc-wdp-list\">\r\n                            <li>Service-based businesses<\/li>\r\n                            <li>Tradesman &amp; contractors<\/li>\r\n                            <li>Medical &amp; professional practices<\/li>\r\n                            <li>Growing online presence<\/li>\r\n                            <li>Multi-service companies<\/li>\r\n                          <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n              <\/div>\r\n            <div class=\"asc-wdp-panel \"\r\n           id=\"asc-wdp-panel-ecommerce\">\r\n                <div class=\"asc-wdp-card\">\r\n          <div class=\"asc-wdp-card-head\">\r\n            <span class=\"asc-wdp-card-head-icon\">\ud83d\udccb<\/span>\r\n            <div class=\"asc-wdp-card-head-title\">What's Included<\/div>\r\n          <\/div>\r\n          <div class=\"asc-wdp-card-body\">\r\n                        <ul class=\"asc-wdp-list\">\r\n                            <li>Up to 15 pages<\/li>\r\n                            <li>Custom WordPress + WooCommerce<\/li>\r\n                            <li>Full product catalogue setup<\/li>\r\n                            <li>Payment gateway integration<\/li>\r\n                            <li>Mobile responsive<\/li>\r\n                            <li>Basic SEO<\/li>\r\n                            <li>Google Analytics &amp; Search Console<\/li>\r\n                            <li>Unlimited revisions<\/li>\r\n                            <li>Go-live support<\/li>\r\n                            <li>3 months post-launch support<\/li>\r\n                          <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n                <div class=\"asc-wdp-card\">\r\n          <div class=\"asc-wdp-card-head\">\r\n            <span class=\"asc-wdp-card-head-icon\">\ud83d\udcb0<\/span>\r\n            <div class=\"asc-wdp-card-head-title\">Investment<\/div>\r\n          <\/div>\r\n          <div class=\"asc-wdp-card-body\">\r\n                        <div class=\"asc-wdp-price\">POA<\/div>\r\n            <p class=\"asc-wdp-price-note\">Price on application \u2014 contact us for a custom quote. Monthly hosting from R250\/month.<\/p>\r\n                        <ul class=\"asc-wdp-list\">\r\n                            <li>Monthly hosting: R250\/month<\/li>\r\n                            <li>Domain extra<\/li>\r\n                            <li>Payment gateway fees apply<\/li>\r\n                            <li>Maintenance plans available<\/li>\r\n                          <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n                <div class=\"asc-wdp-card\">\r\n          <div class=\"asc-wdp-card-head\">\r\n            <span class=\"asc-wdp-card-head-icon\">\ud83c\udfaf<\/span>\r\n            <div class=\"asc-wdp-card-head-title\">Ideal For<\/div>\r\n          <\/div>\r\n          <div class=\"asc-wdp-card-body\">\r\n                        <ul class=\"asc-wdp-list\">\r\n                            <li>Online retail stores<\/li>\r\n                            <li>PC parts shops<\/li>\r\n                            <li>Product-based businesses<\/li>\r\n                            <li>Service booking systems<\/li>\r\n                            <li>Digital product sales<\/li>\r\n                          <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n              <\/div>\r\n          <\/div>\r\n\r\n  <\/div><!-- \/.asc-wdp-body -->\r\n\r\n  <p style=\"text-align:center;margin-top:24px;font-size:13px;color:#666;\">\r\n    Not sure which package is right for you?\r\n    <a href=\"\/staging\/contact\/\" style=\"color:#e1c050;text-decoration:none;font-weight:600;\">Get in touch<\/a>\r\n    and we'll recommend the best fit for your goals and budget.\r\n  <\/p>\r\n<\/div>\r\n\r\n<script>\r\nfunction ascWdTab(id) {\r\n    document.querySelectorAll('.asc-wdp-tab').forEach(function(t){\r\n        t.classList.toggle('active', t.dataset.tab === id);\r\n    });\r\n    document.querySelectorAll('.asc-wdp-panel').forEach(function(p){\r\n        p.classList.toggle('active', p.id === 'asc-wdp-panel-' + id);\r\n    });\r\n}\r\n<\/script>\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-wd-wrap\">\r\n<section class=\"asc-wdpr\">\r\n<style>\r\n.asc-wdpr{background:#141414;padding:88px 0;position:relative;overflow:hidden;}\r\n.asc-wdpr::before{content:'';position:absolute;top:-80px;right:-80px;\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(225,192,80,.05) 0%,transparent 70%);\r\n  pointer-events:none;}\r\n.asc-wdpr-header{text-align:center;margin-bottom:56px;}\r\n.asc-wdpr-sub{font-size:15px;color:#888;max-width:520px;margin:0 auto;line-height:1.7;}\r\n.asc-wdpr-grid{\r\n  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;\r\n  position:relative;z-index:1;}\r\n.asc-wdpr-step{\r\n  background:#1a1a1a;border:1px solid rgba(225,192,80,.14);\r\n  border-radius:10px;padding:28px 24px;\r\n  position:relative;overflow:hidden;\r\n  transition:border-color .25s,transform .2s;}\r\n.asc-wdpr-step:hover{border-color:rgba(225,192,80,.4);transform:translateY(-3px);}\r\n.asc-wdpr-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}\r\n.asc-wdpr-num{\r\n  font-family:\"Rajdhani\",sans-serif;font-size:44px;\r\n  font-weight:700;color:rgba(225,192,80,.1);line-height:1;}\r\n.asc-wdpr-icon{\r\n  width:44px;height:44px;background:rgba(225,192,80,.1);\r\n  border:1px solid rgba(225,192,80,.22);border-radius:8px;\r\n  display:flex;align-items:center;justify-content:center;font-size:20px;}\r\n.asc-wdpr-title{\r\n  font-family:\"Rajdhani\",sans-serif;font-size:19px;\r\n  font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:.3px;}\r\n.asc-wdpr-desc{font-size:13px;color:#888;line-height:1.7;}\r\n@media(max-width:900px){.asc-wdpr-grid{grid-template-columns:1fr 1fr;}}\r\n@media(max-width:560px){.asc-wdpr-grid{grid-template-columns:1fr;}.asc-wdpr{padding:60px 0;}}\r\n<\/style>\r\n<div class=\"asc-wd-inner\">\r\n  <div class=\"asc-wdpr-header\">\r\n    <div class=\"asc-wd-label\" style=\"justify-content:center;\">Our Workflow<\/div>\r\n    <div class=\"asc-wd-title\">How We Build Your Website<\/div>\r\n    <div class=\"asc-wd-bar c\"><\/div>\r\n    <p class=\"asc-wdpr-sub\">A clear, collaborative process from first conversation to go-live \u2014 with you involved every step of the way.<\/p>\r\n  <\/div>\r\n  <div class=\"asc-wdpr-grid\">\r\n        <div class=\"asc-wdpr-step\">\r\n      <div class=\"asc-wdpr-top\">\r\n        <div class=\"asc-wdpr-num\">01<\/div>\r\n        <div class=\"asc-wdpr-icon\">\ud83d\udcde<\/div>\r\n      <\/div>\r\n      <div class=\"asc-wdpr-title\">Discovery Call<\/div>\r\n      <p class=\"asc-wdpr-desc\">We start with a free consultation to understand your business, your goals, your target audience and what you want your website to achieve.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdpr-step\">\r\n      <div class=\"asc-wdpr-top\">\r\n        <div class=\"asc-wdpr-num\">02<\/div>\r\n        <div class=\"asc-wdpr-icon\">\ud83d\udcd0<\/div>\r\n      <\/div>\r\n      <div class=\"asc-wdpr-title\">Design &amp; Planning<\/div>\r\n      <p class=\"asc-wdpr-desc\">We plan the site structure and design a mockup for you to approve before any building starts. You see exactly what you're getting.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdpr-step\">\r\n      <div class=\"asc-wdpr-top\">\r\n        <div class=\"asc-wdpr-num\">03<\/div>\r\n        <div class=\"asc-wdpr-icon\">\ud83d\udd28<\/div>\r\n      <\/div>\r\n      <div class=\"asc-wdpr-title\">Development<\/div>\r\n      <p class=\"asc-wdpr-desc\">We build your site in WordPress using clean, well-structured code. Every section is built to be easy for you to update yourself later.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdpr-step\">\r\n      <div class=\"asc-wdpr-top\">\r\n        <div class=\"asc-wdpr-num\">04<\/div>\r\n        <div class=\"asc-wdpr-icon\">\u270d\ufe0f<\/div>\r\n      <\/div>\r\n      <div class=\"asc-wdpr-title\">Content &amp; Copy<\/div>\r\n      <p class=\"asc-wdpr-desc\">We set up all your pages with placeholder content that you review and update. We can also write copy for you if needed.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdpr-step\">\r\n      <div class=\"asc-wdpr-top\">\r\n        <div class=\"asc-wdpr-num\">05<\/div>\r\n        <div class=\"asc-wdpr-icon\">\ud83e\uddea<\/div>\r\n      <\/div>\r\n      <div class=\"asc-wdpr-title\">Testing &amp; Review<\/div>\r\n      <p class=\"asc-wdpr-desc\">We test everything \u2014 mobile, tablet, desktop, all browsers, all forms, all links. You review and we make any final adjustments.<\/p>\r\n    <\/div>\r\n        <div class=\"asc-wdpr-step\">\r\n      <div class=\"asc-wdpr-top\">\r\n        <div class=\"asc-wdpr-num\">06<\/div>\r\n        <div class=\"asc-wdpr-icon\">\ud83d\ude80<\/div>\r\n      <\/div>\r\n      <div class=\"asc-wdpr-title\">Launch &amp; Handover<\/div>\r\n      <p class=\"asc-wdpr-desc\">We go live, submit your sitemap to Google, and walk you through how to manage your site. You're in control from day one.<\/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-wd-wrap\">\r\n<section class=\"asc-wdpo\">\r\n<style>\r\n.asc-wdpo{background:#111;padding:88px 0;}\r\n.asc-wdpo-header{text-align:center;margin-bottom:52px;}\r\n.asc-wdpo-sub{font-size:15px;color:#888;max-width:520px;margin:0 auto;line-height:1.7;}\r\n.asc-wdpo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}\r\n.asc-wdpo-card{\r\n  background:#1a1a1a;border:1px solid rgba(225,192,80,.14);\r\n  border-radius:10px;overflow:hidden;\r\n  transition:border-color .25s,transform .2s,box-shadow .25s;}\r\n.asc-wdpo-card:hover{border-color:rgba(225,192,80,.4);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.4);}\r\n.asc-wdpo-img{\r\n  width:100%;height:180px;\r\n  background:linear-gradient(135deg,#1f1f1f,#2a2a2a);\r\n  display:flex;align-items:center;justify-content:center;\r\n  position:relative;overflow:hidden;}\r\n.asc-wdpo-img img{width:100%;height:100%;object-fit:cover;}\r\n.asc-wdpo-placeholder{\r\n  display:flex;flex-direction:column;align-items:center;gap:8px;\r\n  font-family:\"Rajdhani\",sans-serif;font-size:12px;\r\n  letter-spacing:1.5px;text-transform:uppercase;color:#444;}\r\n.asc-wdpo-placeholder-icon{font-size:32px;opacity:.4;}\r\n.asc-wdpo-type-badge{\r\n  position:absolute;top:10px;left:10px;\r\n  background:rgba(225,192,80,.15);border:1px solid rgba(225,192,80,.3);\r\n  border-radius:12px;padding:3px 10px;\r\n  font-family:\"Rajdhani\",sans-serif;font-size:11px;\r\n  font-weight:600;letter-spacing:.5px;color:#e1c050;}\r\n.asc-wdpo-body{padding:20px;}\r\n.asc-wdpo-title{\r\n  font-family:\"Rajdhani\",sans-serif;font-size:19px;\r\n  font-weight:700;color:#fff;margin-bottom:8px;}\r\n.asc-wdpo-desc{font-size:13px;color:#888;line-height:1.6;margin-bottom:14px;}\r\n.asc-wdpo-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;}\r\n.asc-wdpo-tag{\r\n  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);\r\n  border-radius:12px;padding:3px 9px;\r\n  font-size:11px;color:#666;font-family:\"Rajdhani\",sans-serif;font-weight:600;}\r\n.asc-wdpo-link{\r\n  display:inline-flex;align-items:center;gap:5px;\r\n  font-family:\"Rajdhani\",sans-serif;font-size:13px;font-weight:700;\r\n  letter-spacing:1px;text-transform:uppercase;\r\n  color:#e1c050!important;text-decoration:none!important;transition:gap .2s;}\r\n.asc-wdpo-link::after{content:'\u2192';transition:transform .2s;}\r\n.asc-wdpo-link:hover::after{transform:translateX(4px);}\r\n.asc-wdpo-note{\r\n  text-align:center;margin-top:32px;padding:16px;\r\n  background:rgba(225,192,80,.05);border:1px dashed rgba(225,192,80,.2);\r\n  border-radius:8px;font-size:13px;color:#666;}\r\n.asc-wdpo-note strong{color:#e1c050;}\r\n@media(max-width:900px){.asc-wdpo-grid{grid-template-columns:1fr 1fr;}}\r\n@media(max-width:560px){.asc-wdpo-grid{grid-template-columns:1fr;}.asc-wdpo{padding:60px 0;}}\r\n<\/style>\r\n<div class=\"asc-wd-inner\">\r\n  <div class=\"asc-wdpo-header\">\r\n    <div class=\"asc-wd-label\" style=\"justify-content:center;\">Our Work<\/div>\r\n    <div class=\"asc-wd-title\">Websites We've Built<\/div>\r\n    <div class=\"asc-wd-bar c\"><\/div>\r\n    <p class=\"asc-wdpo-sub\">Every site we build is designed from scratch for that specific client. Here are some examples of our work.<\/p>\r\n  <\/div>\r\n  <div class=\"asc-wdpo-grid\">\r\n        <div class=\"asc-wdpo-card\">\r\n      <div class=\"asc-wdpo-img\">\r\n                  <div class=\"asc-wdpo-placeholder\">\r\n            <div class=\"asc-wdpo-placeholder-icon\">\ud83c\udf10<\/div>\r\n            <span>Screenshot coming soon<\/span>\r\n          <\/div>\r\n                <div class=\"asc-wdpo-type-badge\">Business Website<\/div>\r\n      <\/div>\r\n      <div class=\"asc-wdpo-body\">\r\n        <div class=\"asc-wdpo-title\">ASC Solutions<\/div>\r\n        <p class=\"asc-wdpo-desc\">Our own website \u2014 designed and built in Divi with a full WooCommerce shop and custom PC Builder tool.<\/p>\r\n        <div class=\"asc-wdpo-tags\">\r\n                    <span class=\"asc-wdpo-tag\">WordPress<\/span>\r\n                    <span class=\"asc-wdpo-tag\">Divi<\/span>\r\n                    <span class=\"asc-wdpo-tag\">WooCommerce<\/span>\r\n                  <\/div>\r\n                <a href=\"https:\/\/ascsolutions.co.za\/staging\/\" class=\"asc-wdpo-link\" target=\"_blank\" rel=\"noopener\">View Site<\/a>\r\n              <\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdpo-card\">\r\n      <div class=\"asc-wdpo-img\">\r\n                  <div class=\"asc-wdpo-placeholder\">\r\n            <div class=\"asc-wdpo-placeholder-icon\">\ud83c\udf10<\/div>\r\n            <span>Screenshot coming soon<\/span>\r\n          <\/div>\r\n                <div class=\"asc-wdpo-type-badge\">Business Website<\/div>\r\n      <\/div>\r\n      <div class=\"asc-wdpo-body\">\r\n        <div class=\"asc-wdpo-title\">Client Project<\/div>\r\n        <p class=\"asc-wdpo-desc\">Placeholder \u2014 add your real client work here. Upload a screenshot to your Media Library and paste the URL above.<\/p>\r\n        <div class=\"asc-wdpo-tags\">\r\n                    <span class=\"asc-wdpo-tag\">WordPress<\/span>\r\n                    <span class=\"asc-wdpo-tag\">Divi<\/span>\r\n                  <\/div>\r\n              <\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdpo-card\">\r\n      <div class=\"asc-wdpo-img\">\r\n                  <div class=\"asc-wdpo-placeholder\">\r\n            <div class=\"asc-wdpo-placeholder-icon\">\ud83c\udf10<\/div>\r\n            <span>Screenshot coming soon<\/span>\r\n          <\/div>\r\n                <div class=\"asc-wdpo-type-badge\">E-Commerce Store<\/div>\r\n      <\/div>\r\n      <div class=\"asc-wdpo-body\">\r\n        <div class=\"asc-wdpo-title\">Client Project<\/div>\r\n        <p class=\"asc-wdpo-desc\">Placeholder \u2014 add your real client work here. Upload a screenshot to your Media Library and paste the URL above.<\/p>\r\n        <div class=\"asc-wdpo-tags\">\r\n                    <span class=\"asc-wdpo-tag\">WordPress<\/span>\r\n                    <span class=\"asc-wdpo-tag\">WooCommerce<\/span>\r\n                  <\/div>\r\n              <\/div>\r\n    <\/div>\r\n      <\/div>\r\n  <div class=\"asc-wdpo-note\">\r\n    <strong>Portfolio growing.<\/strong> Upload screenshots of your client work to your Media Library, then paste the URLs into the \u00a7 E section of this plugin to display them here.\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-wd-wrap\">\r\n<section class=\"asc-wdt\">\r\n<style>\r\n.asc-wdt{\r\n  background:#141414;padding:80px 0;\r\n  border-top:1px solid rgba(225,192,80,.1);\r\n  border-bottom:1px solid rgba(225,192,80,.1);}\r\n.asc-wdt-header{text-align:center;margin-bottom:48px;}\r\n.asc-wdt-sub{font-size:15px;color:#888;max-width:500px;margin:0 auto;line-height:1.7;}\r\n.asc-wdt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}\r\n.asc-wdt-item{\r\n  background:#1a1a1a;border:1px solid rgba(225,192,80,.12);\r\n  border-radius:9px;padding:22px 18px;\r\n  display:flex;gap:14px;align-items:flex-start;\r\n  transition:border-color .2s,transform .15s;}\r\n.asc-wdt-item:hover{border-color:rgba(225,192,80,.35);transform:translateY(-2px);}\r\n.asc-wdt-dot{\r\n  font-size:22px;flex-shrink:0;\r\n  width:40px;height:40px;\r\n  background:rgba(225,192,80,.08);\r\n  border:1px solid rgba(225,192,80,.15);\r\n  border-radius:7px;\r\n  display:flex;align-items:center;justify-content:center;}\r\n.asc-wdt-name{\r\n  font-family:\"Rajdhani\",sans-serif;font-size:16px;\r\n  font-weight:700;color:#e1c050;margin-bottom:4px;}\r\n.asc-wdt-desc{font-size:12px;color:#777;line-height:1.5;}\r\n@media(max-width:900px){.asc-wdt-grid{grid-template-columns:1fr 1fr;}}\r\n@media(max-width:480px){.asc-wdt-grid{grid-template-columns:1fr;}.asc-wdt{padding:56px 0;}}\r\n<\/style>\r\n<div class=\"asc-wd-inner\">\r\n  <div class=\"asc-wdt-header\">\r\n    <div class=\"asc-wd-label\" style=\"justify-content:center;\">Our Tech Stack<\/div>\r\n    <div class=\"asc-wd-title\">Technologies We Build With<\/div>\r\n    <div class=\"asc-wd-bar c\"><\/div>\r\n    <p class=\"asc-wdt-sub\">We use industry-leading, proven tools \u2014 so your website is reliable, easy to manage and built to last.<\/p>\r\n  <\/div>\r\n  <div class=\"asc-wdt-grid\">\r\n        <div class=\"asc-wdt-item\">\r\n      <div class=\"asc-wdt-dot\">\ud83d\udd35<\/div>\r\n      <div>\r\n        <div class=\"asc-wdt-name\">WordPress<\/div>\r\n        <p class=\"asc-wdt-desc\">The world's most popular CMS \u2014 powering 43% of all websites.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdt-item\">\r\n      <div class=\"asc-wdt-dot\">\ud83d\udfe1<\/div>\r\n      <div>\r\n        <div class=\"asc-wdt-name\">Divi<\/div>\r\n        <p class=\"asc-wdt-desc\">Our preferred page builder \u2014 flexible, fast and easy to edit yourself.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdt-item\">\r\n      <div class=\"asc-wdt-dot\">\ud83d\uded2<\/div>\r\n      <div>\r\n        <div class=\"asc-wdt-name\">WooCommerce<\/div>\r\n        <p class=\"asc-wdt-desc\">The leading e-commerce platform for WordPress online shops.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdt-item\">\r\n      <div class=\"asc-wdt-dot\">\ud83d\udfe0<\/div>\r\n      <div>\r\n        <div class=\"asc-wdt-name\">Elementor<\/div>\r\n        <p class=\"asc-wdt-desc\">Alternative page builder for specific design requirements.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdt-item\">\r\n      <div class=\"asc-wdt-dot\">\ud83d\udd34<\/div>\r\n      <div>\r\n        <div class=\"asc-wdt-name\">Yoast SEO<\/div>\r\n        <p class=\"asc-wdt-desc\">Industry-standard SEO plugin for Google optimisation.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdt-item\">\r\n      <div class=\"asc-wdt-dot\">\ud83d\udfe2<\/div>\r\n      <div>\r\n        <div class=\"asc-wdt-name\">Google Tools<\/div>\r\n        <p class=\"asc-wdt-desc\">Analytics, Search Console and PageSpeed integration on every site.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdt-item\">\r\n      <div class=\"asc-wdt-dot\">\ud83d\udd37<\/div>\r\n      <div>\r\n        <div class=\"asc-wdt-name\">PHP &amp; MySQL<\/div>\r\n        <p class=\"asc-wdt-desc\">The server-side foundation of every WordPress website.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdt-item\">\r\n      <div class=\"asc-wdt-dot\">\ud83d\udfe3<\/div>\r\n      <div>\r\n        <div class=\"asc-wdt-name\">CSS &amp; JS<\/div>\r\n        <p class=\"asc-wdt-desc\">Custom styling and interactivity \u2014 built clean and performant.<\/p>\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_6 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 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_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"asc-wd-wrap\">\r\n<section class=\"asc-wdf\">\r\n<style>\r\n.asc-wdf{background:#111;padding:88px 0;}\r\n.asc-wdf-header{text-align:center;margin-bottom:52px;}\r\n.asc-wdf-sub{font-size:15px;color:#888;max-width:500px;margin:0 auto;line-height:1.7;}\r\n.asc-wdf-grid{\r\n  display:grid;grid-template-columns:1fr 1fr;\r\n  gap:12px;align-items:start;}\r\n.asc-wdf-item{\r\n  background:#1a1a1a;border:1px solid rgba(225,192,80,.12);\r\n  border-radius:9px;overflow:hidden;\r\n  transition:border-color .2s;}\r\n.asc-wdf-item.open{border-color:rgba(225,192,80,.35);}\r\n.asc-wdf-q{\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  gap:12px;padding:18px 20px;cursor:pointer;\r\n  transition:background .15s;}\r\n.asc-wdf-q:hover{background:rgba(225,192,80,.04);}\r\n.asc-wdf-item.open .asc-wdf-q{background:rgba(225,192,80,.06);}\r\n.asc-wdf-q-text{\r\n  font-family:\"Rajdhani\",sans-serif;font-size:16px;\r\n  font-weight:600;color:#f0f0f0;letter-spacing:.2px;line-height:1.3;}\r\n.asc-wdf-item.open .asc-wdf-q-text{color:#e1c050;}\r\n.asc-wdf-chevron{\r\n  font-size:18px;color:#555;flex-shrink:0;\r\n  transition:transform .25s,color .2s;}\r\n.asc-wdf-item.open .asc-wdf-chevron{transform:rotate(180deg);color:#e1c050;}\r\n.asc-wdf-a{\r\n  display:none;padding:0 20px 18px;\r\n  font-size:14px;color:#888;line-height:1.75;\r\n  border-top:1px solid rgba(255,255,255,.04);}\r\n.asc-wdf-item.open .asc-wdf-a{display:block;}\r\n@media(max-width:768px){\r\n  .asc-wdf-grid{grid-template-columns:1fr;}\r\n  .asc-wdf{padding:60px 0;}\r\n}\r\n<\/style>\r\n<div class=\"asc-wd-inner\">\r\n  <div class=\"asc-wdf-header\">\r\n    <div class=\"asc-wd-label\" style=\"justify-content:center;\">Common Questions<\/div>\r\n    <div class=\"asc-wd-title\">Website Design FAQ<\/div>\r\n    <div class=\"asc-wd-bar c\"><\/div>\r\n    <p class=\"asc-wdf-sub\">If you have a question that isn't answered here, <a href=\"\/staging\/contact\/\" style=\"color:#e1c050;text-decoration:none;\">get in touch<\/a> and we'll be happy to help.<\/p>\r\n  <\/div>\r\n  <div class=\"asc-wdf-grid\" id=\"asc-wdf-grid\">\r\n        <div class=\"asc-wdf-item open\"\r\n         onclick=\"ascWdFaq(this)\">\r\n      <div class=\"asc-wdf-q\">\r\n        <div class=\"asc-wdf-q-text\">How long does it take to build a website?<\/div>\r\n        <span class=\"asc-wdf-chevron\">?<\/span>\r\n      <\/div>\r\n      <div class=\"asc-wdf-a\">Most websites take between 2 and 6 weeks from start to launch, depending on the size and complexity of the project. A simple 5-page site can often be done in 2 weeks. A full e-commerce store may take 4-6 weeks. We'll give you a realistic timeline at the start of the project.<\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdf-item \"\r\n         onclick=\"ascWdFaq(this)\">\r\n      <div class=\"asc-wdf-q\">\r\n        <div class=\"asc-wdf-q-text\">Will I be able to update my website myself?<\/div>\r\n        <span class=\"asc-wdf-chevron\">?<\/span>\r\n      <\/div>\r\n      <div class=\"asc-wdf-a\">Yes \u2014 absolutely. Every site we build uses WordPress with either the Divi or Elementor visual builder, which means you can edit text, images and content yourself without any coding knowledge. We'll walk you through how to do it when we hand over the site.<\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdf-item \"\r\n         onclick=\"ascWdFaq(this)\">\r\n      <div class=\"asc-wdf-q\">\r\n        <div class=\"asc-wdf-q-text\">Do you provide website hosting?<\/div>\r\n        <span class=\"asc-wdf-chevron\">?<\/span>\r\n      <\/div>\r\n      <div class=\"asc-wdf-a\">Yes \u2014 we offer monthly hosting plans starting from R150\/month for standard sites and R250\/month for e-commerce stores. We can also work with your existing hosting if you prefer.<\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdf-item \"\r\n         onclick=\"ascWdFaq(this)\">\r\n      <div class=\"asc-wdf-q\">\r\n        <div class=\"asc-wdf-q-text\">What do I need to provide to get started?<\/div>\r\n        <span class=\"asc-wdf-chevron\">?<\/span>\r\n      <\/div>\r\n      <div class=\"asc-wdf-a\">Ideally: your logo (or we can discuss a basic logo design), your brand colours, any text\/content you want on the site, and any images or photos. If you don't have these ready, don't worry \u2014 we'll guide you through what's needed and can use placeholder content to start.<\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdf-item \"\r\n         onclick=\"ascWdFaq(this)\">\r\n      <div class=\"asc-wdf-q\">\r\n        <div class=\"asc-wdf-q-text\">Do you offer ongoing maintenance and support?<\/div>\r\n        <span class=\"asc-wdf-chevron\">?<\/span>\r\n      <\/div>\r\n      <div class=\"asc-wdf-a\">Yes \u2014 we offer optional monthly maintenance plans that cover WordPress and plugin updates, security monitoring, backups and minor content changes. This is recommended to keep your site secure and running smoothly long-term.<\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdf-item \"\r\n         onclick=\"ascWdFaq(this)\">\r\n      <div class=\"asc-wdf-q\">\r\n        <div class=\"asc-wdf-q-text\">Can you redesign my existing website?<\/div>\r\n        <span class=\"asc-wdf-chevron\">?<\/span>\r\n      <\/div>\r\n      <div class=\"asc-wdf-a\">Absolutely. If you have an existing site that looks outdated or isn't working well, we can redesign it from scratch while keeping your existing content and domain. We'll assess what you have and recommend the best approach.<\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdf-item \"\r\n         onclick=\"ascWdFaq(this)\">\r\n      <div class=\"asc-wdf-q\">\r\n        <div class=\"asc-wdf-q-text\">Will my website work on phones and tablets?<\/div>\r\n        <span class=\"asc-wdf-chevron\">?<\/span>\r\n      <\/div>\r\n      <div class=\"asc-wdf-a\">Yes \u2014 every website we build is fully mobile responsive as standard. We test across multiple screen sizes and devices before launch to make sure it looks and works perfectly on phones, tablets and desktops.<\/div>\r\n    <\/div>\r\n        <div class=\"asc-wdf-item \"\r\n         onclick=\"ascWdFaq(this)\">\r\n      <div class=\"asc-wdf-q\">\r\n        <div class=\"asc-wdf-q-text\">What areas do you serve for website design?<\/div>\r\n        <span class=\"asc-wdf-chevron\">?<\/span>\r\n      <\/div>\r\n      <div class=\"asc-wdf-a\">Website design is a remote service \u2014 we can work with clients anywhere in South Africa and beyond. We communicate via phone, WhatsApp and email, and share design previews online for your feedback.<\/div>\r\n    <\/div>\r\n      <\/div>\r\n<\/div>\r\n<script>\r\nfunction ascWdFaq(el) {\r\n    el.classList.toggle('open');\r\n}\r\n<\/script>\r\n<\/section>\r\n<\/div>\r\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_7 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_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"asc-wd-wrap\">\r\n<section class=\"asc-wdcta\">\r\n<style>\r\n.asc-wdcta{\r\n  background:#141414;padding:88px 0;\r\n  position:relative;overflow:hidden;\r\n  border-top:1px solid rgba(225,192,80,.18);}\r\n.asc-wdcta::before{content:'';position:absolute;inset:0;\r\n  background-image:linear-gradient(rgba(225,192,80,.03) 1px,transparent 1px),\r\n  linear-gradient(90deg,rgba(225,192,80,.03) 1px,transparent 1px);\r\n  background-size:48px 48px;pointer-events:none;}\r\n.asc-wdcta::after{content:'';position:absolute;top:50%;left:50%;\r\n  transform:translate(-50%,-50%);width:700px;height:700px;\r\n  background:radial-gradient(circle,rgba(225,192,80,.05) 0%,transparent 65%);\r\n  pointer-events:none;}\r\n.asc-wdcta-inner{\r\n  max-width:700px;margin:0 auto;padding:0 32px;\r\n  text-align:center;position:relative;z-index:1;}\r\n.asc-wdcta-div{\r\n  width:80px;height:2px;\r\n  background:linear-gradient(90deg,transparent,#e1c050,transparent);\r\n  margin:0 auto 28px;}\r\n.asc-wdcta-h{\r\n  font-family:\"Rajdhani\",sans-serif;font-size:46px;\r\n  font-weight:700;color:#fff;line-height:1.1;margin-bottom:18px;}\r\n.asc-wdcta-sub{font-size:16px;color:#888;line-height:1.75;margin-bottom:32px;}\r\n.asc-wdcta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;}\r\n.asc-wdcta-assurances{\r\n  display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}\r\n.asc-wdcta-ass{\r\n  font-size:13px;color:#666;\r\n  display:flex;align-items:center;gap:6px;}\r\n.asc-wdcta-ass span:first-child{color:#2ecc71;}\r\n@media(max-width:540px){\r\n  .asc-wdcta-h{font-size:30px;}\r\n  .asc-wdcta-btns{flex-direction:column;align-items:center;}\r\n  .asc-wdcta{padding:60px 0;}\r\n}\r\n<\/style>\r\n<div class=\"asc-wdcta-inner\">\r\n  <div class=\"asc-wdcta-div\"><\/div>\r\n  <div class=\"asc-wdcta-h\">Ready to Start Your Website Project?<\/div>\r\n  <p class=\"asc-wdcta-sub\">Get in touch today for a free, no-obligation consultation. We'll listen to what you need, recommend the right approach and give you a clear quote \u2014 no jargon, no pressure.<\/p>\r\n  <div class=\"asc-wdcta-btns\">\r\n    <a href=\"\/staging\/contact\/\" class=\"asc-btn-g\">Start Your Project<\/a>\r\n    <a href=\"#asc-wd-pricing\" class=\"asc-btn-o\">View Packages<\/a>\r\n  <\/div>\r\n  <div class=\"asc-wdcta-assurances\">\r\n        <div class=\"asc-wdcta-ass\"><span>\u2705<\/span><span>Free consultation<\/span><\/div>\r\n        <div class=\"asc-wdcta-ass\"><span>\u2705<\/span><span>No-obligation quote<\/span><\/div>\r\n        <div class=\"asc-wdcta-ass\"><span>\u2705<\/span><span>Fixed pricing \u2014 no surprises<\/span><\/div>\r\n        <div class=\"asc-wdcta-ass\"><span>\u2705<\/span><span>South Africa-based<\/span><\/div>\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-7197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7197","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=7197"}],"version-history":[{"count":9,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7197\/revisions"}],"predecessor-version":[{"id":7207,"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/pages\/7197\/revisions\/7207"}],"wp:attachment":[{"href":"https:\/\/ascsolutions.co.za\/staging\/wp-json\/wp\/v2\/media?parent=7197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}