1:"$Sreact.fragment"
2:I[17685,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"SiteHeader"]
3:I[46202,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"ScrollScene"]
4:I[91313,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"HeroTitle"]
5:I[65417,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"Reveal"]
6:I[85837,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"Parallax"]
7:I[38557,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"LaptopShell"]
8:I[32247,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"SHOP_SITE_TEMPLATE"]
9:I[8550,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"ScrollCue"]
a:I[71658,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"RevealText"]
16:X
0:{"buildId":"YPXA9_efcRnFbqLoR4cvi","data":[{"rsc":["$","$1","c",{"children":[[["$","$L2",null,{}],["$","main",null,{"children":[["$","section",null,{"id":"top","className":"relative flex min-h-[calc(100svh_-_var(--sp-header))] scroll-mt-[100px] items-center py-[64px] max-wide:min-h-0 max-wide:py-12","children":[["$","div",null,{"aria-hidden":"true","className":"pointer-events-none absolute inset-x-0 -top-[140px] h-[640px]","style":{"background":"radial-gradient(ellipse 62% 58% at 62% 34%, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent 70%)"}}],["$","div",null,{"className":"sp-container relative grid w-full items-center gap-14 wide:grid-cols-[1.05fr_0.95fr] wide:gap-16","children":[["$","$L3",null,{"className":"sp-hero-out","children":[["$","$L4",null,{"className":"sp-h1 mt-[6px]","text":"You have the idea. We build the website.","highlight":"We build the website."}],["$","$L5",null,{"index":1,"children":["$","p",null,{"className":"sp-lead mt-[24px] max-w-[560px] wide:text-[21px]","children":"ScopePlay is a South African website design and development studio. We turn ideas into fast, custom websites that bring in real enquiries, from R10 000."}]}],["$","$L5",null,{"index":2,"className":"mt-8","children":["$","div",null,{"className":"flex flex-wrap items-center gap-[22px]","children":[["$","a",null,{"href":"#scope","className":"sp-btn sp-btn-accent px-[30px] py-[18px] text-[17px]","children":"Get your free scope"}],["$","p",null,{"className":"text-[13.5px] leading-[1.5] font-medium text-muted-strong max-wide:text-[14px]","children":["Book a 15-minute call · No obligation",["$","br",null,{}],"A written scope in 48 hours"]}]]}]}],["$","$L5",null,{"index":3,"className":"mt-11","children":["$","div",null,{"className":"border-t-[1.5px] border-line pt-[26px]","children":[["$","p",null,{"className":"sp-micro","children":"We build for"}],["$","ul",null,{"className":"mt-[14px] flex flex-wrap items-center gap-[10px]","children":[["$","li","Websites",{"className":"inline-flex items-center gap-[9px] rounded-[14px] bg-panel px-[15px] py-[11px] text-on-dark-strong shadow-lift","children":[["$","svg",null,{"viewBox":"0 0 24 24","width":21,"height":21,"fill":"currentColor","fillRule":"evenodd","clipRule":"evenodd","aria-hidden":"true","focusable":"false","className":"sp-glyph","children":["$","path",null,{"d":"M3.5 3.5h17A2.5 2.5 0 0 1 23 6v12a2.5 2.5 0 0 1-2.5 2.5h-17A2.5 2.5 0 0 1 1 18V6a2.5 2.5 0 0 1 2.5-2.5zM2.9 8.6h18.2v10H2.9v-10zM3.6 6.05a1 1 0 1 0 2 0 1 1 0 1 0-2 0zm2.9 0a1 1 0 1 0 2 0 1 1 0 1 0-2 0zm2.9 0a1 1 0 1 0 2 0 1 1 0 1 0-2 0z"}]}],["$","span",null,{"className":"text-[14.5px] leading-none font-bold tracking-[-0.02em]","children":"Websites"}]]}]]}]]}]}]]}],["$","$L5",null,{"index":4,"className":"relative flex justify-center","children":["$","$L6",null,{"distance":52,"className":"w-full","children":["$","div",null,{"className":"sp-hero-devices","data-device":"laptop","children":["$","div",null,{"className":"sp-hero-slot","data-slot":"laptop","children":["$","$L7",null,{"template":"$8","cue":false}]}]}]}]}]]}],["$","$L9",null,{}]]}],["$","section",null,{"id":"how","aria-labelledby":"how-heading","className":"sp-section","children":["$","div",null,{"className":"sp-container","children":[["$","$L5",null,{"index":0,"children":["$","p",null,{"className":"sp-eyebrow","children":"How it works"}]}],["$","$La",null,{"id":"how-heading","className":"sp-h2 mt-[14px] max-w-[620px]","text":"Three steps, and the first two are free.","delay":90}],["$","ol",null,{"className":"mt-10 grid gap-[26px] wide:grid-cols-3","children":[["$","li","A 15-minute call",{"children":["$","$L5",null,{"index":1,"children":[["$","span",null,{"aria-hidden":"true","className":"sp-rule block h-[2px] bg-accent"}],["$","div",null,{"className":"pt-[22px]","children":[["$","p",null,{"className":"flex items-center gap-[10px]","children":[["$","span",null,{"className":"text-[13px] font-bold tracking-[1.8px] text-accent","children":"01"}],["$","span",null,{"className":"rounded-full px-[9px] py-1 text-[10.5px] font-bold tracking-[1.4px] bg-accent-tint text-accent","children":"FREE"}]]}],["$","h3",null,{"className":"sp-h3 mt-[13px]","children":"A 15-minute call"}],["$","p",null,{"className":"mt-[11px] text-[16px] leading-[1.65] text-body","children":"Tell us the idea, or the job you want the website to do. We ask a few questions. No slides, no sales pitch."}]]}]]}]}],"$Lb","$Lc"]}]]}]}],"$Ld","$Le","$Lf","$L10"]}],"$L11"],["$L12","$L13"],"$L14"]}],"isPartial":"$@15","staleTime":"$16","varyParams":null},{"rsc":"$L17","isPartial":"$@18","staleTime":"$16","varyParams":null}],"isUpgradeableISRFallback":false,"a":"$@19","rootVaryParams":null,"needsRuntimeRequest":"$@1a"}
1b:I[204,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"PushIn"]
1c:I[54852,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"TemplateStage"]
25:I[71627,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"FaqItem"]
26:I[43472,["/_next/static/chunks/3iw7kwdynudkx.js","/_next/static/chunks/2ra5_m1m4znfr.js","/_next/static/chunks/0qw3gjm3mrl1d.js"],"ContactForm"]
27:I[97367,["/_next/static/chunks/3iw7kwdynudkx.js"],"OutletBoundary"]
28:"$Sreact.suspense"
2a:I[97367,["/_next/static/chunks/3iw7kwdynudkx.js"],"ViewportBoundary"]
2b:I[97367,["/_next/static/chunks/3iw7kwdynudkx.js"],"MetadataBoundary"]
2c:I[27201,["/_next/static/chunks/3iw7kwdynudkx.js"],"IconMark"]
b:["$","li","A free scope in 48 hours",{"children":["$","$L5",null,{"index":2,"children":[["$","span",null,{"aria-hidden":"true","className":"sp-rule block h-[2px] bg-accent"}],["$","div",null,{"className":"pt-[22px]","children":[["$","p",null,{"className":"flex items-center gap-[10px]","children":[["$","span",null,{"className":"text-[13px] font-bold tracking-[1.8px] text-accent","children":"02"}],["$","span",null,{"className":"rounded-full px-[9px] py-1 text-[10.5px] font-bold tracking-[1.4px] bg-accent-tint text-accent","children":"FREE"}]]}],["$","h3",null,{"className":"sp-h3 mt-[13px]","children":"A free scope in 48 hours"}],["$","p",null,{"className":"mt-[11px] text-[16px] leading-[1.65] text-body","children":"What we would build, in what order, and how long it takes. Yours to keep, even if another developer builds it."}]]}]]}]}]
c:["$","li","See progress weekly",{"children":["$","$L5",null,{"index":3,"children":[["$","span",null,{"aria-hidden":"true","className":"sp-rule block h-[2px] bg-accent"}],["$","div",null,{"className":"pt-[22px]","children":[["$","p",null,{"className":"flex items-center gap-[10px]","children":[["$","span",null,{"className":"text-[13px] font-bold tracking-[1.8px] text-accent","children":"03"}],["$","span",null,{"className":"rounded-full px-[9px] py-1 text-[10.5px] font-bold tracking-[1.4px] bg-hairline text-muted","children":"WEEKLY"}]]}],["$","h3",null,{"className":"sp-h3 mt-[13px]","children":"See progress weekly"}],["$","p",null,{"className":"mt-[11px] text-[16px] leading-[1.65] text-body","children":"Log in each week to watch your site come to life on our client portal."}]]}]]}]}]
d:["$","section",null,{"aria-labelledby":"proof-heading","className":"sp-screen sp-proof overflow-hidden py-[104px] max-wide:py-16","children":[["$","div",null,{"className":"sp-container","children":["$","$La",null,{"id":"proof-heading","className":"sp-h2-sm mx-auto max-w-[720px] text-center text-ink","text":"Custom websites for any industry."}]}],["$","div",null,{"className":"sp-proof-stage","children":["$","$L5",null,{"index":1,"className":"mt-[56px] max-wide:mt-10","children":["$","$L6",null,{"distance":-34,"children":["$","$L1b",null,{"from":0.93,"children":["$","$L1c",null,{}]}]}]}]}]]}]
e:["$","section",null,{"id":"build","aria-labelledby":"build-heading","className":"sp-section sp-wb","children":["$","div",null,{"className":"sp-container relative z-[1]","children":[["$","$L5",null,{"index":0,"children":["$","p",null,{"className":"sp-eyebrow","children":"What we build"}]}],["$","$La",null,{"id":"build-heading","className":"sp-h2 mt-[14px] max-w-[680px]","text":"Our Responsibilities. Your Results.","delay":90}],["$","div",null,{"className":"mt-10 grid gap-[26px] wide:grid-cols-3","children":[["$","$L5","Websites built from scratch",{"index":1,"variant":"scale","children":["$","article",null,{"className":"sp-wb-card h-full rounded-card border-[1.5px] border-line bg-card p-[22px] shadow-card max-wide:p-5","children":[["$","span",null,{"className":"sp-rule sp-wb-edge"}],["$","div",null,{"aria-hidden":"true","className":"relative flex h-[158px] flex-col overflow-hidden rounded-panel border-[1.5px] border-hairline bg-page","children":[["$","div",null,{"className":"flex items-center gap-[5px] border-b border-hairline bg-card px-3 py-[7px]","children":[["$","span",null,{"className":"h-[6px] w-[6px] rounded-full bg-line"}],["$","span",null,{"className":"h-[6px] w-[6px] rounded-full bg-line"}],["$","span",null,{"className":"h-[6px] w-[6px] rounded-full bg-accent-mid"}],["$","span",null,{"className":"ml-[7px] font-mono text-[9px] font-semibold tracking-[0.3px] text-muted","children":"app/quote.tsx"}]]}],["$","div",null,{"className":"flex min-h-0 flex-1","children":[["$","div",null,{"className":"relative flex-1 overflow-hidden bg-panel px-[10px] py-[9px] font-mono text-[9px] leading-[16px]","children":[[["$","div","0",{"className":"flex gap-[7px]","children":[["$","span",null,{"className":"w-[7px] shrink-0 text-right text-on-dark opacity-45","children":1}],["$","span",null,{"className":"sp-wb-line","style":{"--ch":20,"--d":"260ms"},"children":[["$","span","0",{"className":"text-accent","children":"const"}],["$","span","1",{"className":"text-on-dark","children":" q = "}],["$","span","2",{"className":"text-on-dark-strong","children":"price"}],["$","span","3",{"className":"text-on-dark","children":"(job)"}]]}]]}],["$","div","1",{"className":"flex gap-[7px]","children":[["$","span",null,{"className":"w-[7px] shrink-0 text-right text-on-dark opacity-45","children":2}],["$","span",null,{"className":"sp-wb-line","style":{"--ch":20,"--d":"640ms"},"children":[["$","span","0",{"className":"text-accent","children":"if"}],["$","span","1",{"className":"text-on-dark","children":" (q > cap) "}],["$","span","2",{"className":"text-on-dark-strong","children":"alert"}],["$","span","3",{"className":"text-on-dark","children":"()"}]]}]]}],["$","div","2",{"className":"flex gap-[7px]","children":[["$","span",null,{"className":"w-[7px] shrink-0 text-right text-on-dark opacity-45","children":3}],["$","span",null,{"className":"sp-wb-line","style":{"--ch":16,"--d":"1020ms"},"children":[["$","span","0",{"className":"text-accent","children":"return"}],["$","span","1",{"className":"text-on-dark","children":" <"}],["$","span","2",{"className":"text-[color:var(--color-success)]","children":"Quote"}],["$","span","3",{"className":"text-on-dark","children":" />"}]]}]]}]],["$","div",null,{"className":"flex gap-[7px]","children":[["$","span",null,{"className":"w-[7px] shrink-0 text-right text-on-dark opacity-45","children":"4"}],["$","span",null,{"className":"sp-wb-caret mt-[3px] block h-[10px] w-[1.5px] bg-accent"}]]}]]}],["$","div",null,{"className":"relative flex w-[46%] shrink-0 flex-col gap-[7px] border-l border-hairline bg-card p-[10px]","children":[["$","div",null,{"className":"sp-wb-pop flex items-center gap-[5px]","style":{"--d":"900ms"},"children":[["$","span",null,{"className":"h-[9px] w-[9px] rounded-[3px] bg-accent"}],["$","span",null,{"className":"h-[5px] w-[34px] rounded-full bg-line"}]]}],["$","div",null,{"className":"sp-wb-pop rounded-[8px] border border-hairline bg-page px-[7px] py-[6px]","style":{"--d":"1120ms"},"children":[["$","span",null,{"className":"block h-[4px] w-[70%] rounded-full bg-line"}],["$","span",null,{"className":"mt-[5px] block h-[4px] w-[45%] rounded-full bg-hairline"}]]}],["$","div",null,{"className":"sp-wb-pop flex items-center gap-[6px] rounded-[8px] border border-hairline bg-page px-[7px] py-[6px]","style":{"--d":"1290ms"},"children":["$L1d","$L1e"]}],"$L1f","$L20"]}]]}]]}],"$L21","$L22"]}]}],"$L23","$L24"]}]]}]}]
f:["$","section",null,{"id":"questions","aria-labelledby":"questions-heading","className":"sp-section","children":["$","div",null,{"className":"sp-container","children":[["$","$L5",null,{"index":0,"children":["$","p",null,{"className":"sp-eyebrow","children":"Questions"}]}],["$","$La",null,{"id":"questions-heading","className":"sp-h2 mt-[14px]","text":"What founders and owners ask first.","delay":90}],["$","div",null,{"className":"mt-10 flex max-w-[900px] flex-col gap-[14px]","children":[["$","$L5","How much does it cost to build a website in South Africa?",{"index":1,"children":["$","$L25",null,{"question":"How much does it cost to build a website in South Africa?","answer":"It depends on the scope, but as a rough guide builds start from around R10 000 and go up from there. A straightforward site — a handful of pages, a contact form, a booking or enquiry flow — sits at the lower end. A larger site with an online shop, payment gateways, member logins or a lot of pages to design costs considerably more. What moves the number is the size of the scope, how many pages need designing, how many outside systems the site has to talk to, and how clear the requirements are to start with. The free scope puts all of that on paper first, and only once you have approved it do we put a written estimate to exactly what it says."}]}],["$","$L5","How long does it take to build a website?",{"index":2,"children":["$","$L25",null,{"question":"How long does it take to build a website?","answer":"Again it comes down to the scope: anywhere from about 5 days to 4 months. A small site — a landing page with a lead form, a one-page brochure site, a simple booking flow — can be live inside a week. A larger site with an online shop, member logins, integrations and a page you can edit yourself runs closer to two to four months. The scope document commits to a handover date before anything is built, and that is the date we work to. We build in one-week sprints, so there is a working link to click through every week rather than one big reveal at the end."}]}],["$","$L5","Do I own the code?",{"index":3,"children":["$","$L25",null,{"question":"Do I own the code?","answer":"Yes. The code, the database and the hosting and domain accounts are all in your name, handed over on a repository you control. If you ever stop working with us, nothing switches off and any developer can pick it up."}]}],["$","$L5","I am not technical. Will I understand what is going on?",{"index":4,"children":["$","$L25",null,{"question":"I am not technical. Will I understand what is going on?","answer":"That is the main thing we design around. We explain every technical choice in plain English, you get a written scope you could hand to any developer, and every week there is a real screen to click through instead of a status report. You should not need to speak developer to get a website built. If you are not yet sure what you want built, that is normal — the first call is for working it out."}]}],["$","$L5","Do you work outside Pretoria?",{"index":5,"children":["$","$L25",null,{"question":"Do you work outside Pretoria?","answer":"Yes. We are based in Pretoria but we work with founders and businesses across South Africa, including Johannesburg and Cape Town. Projects run remote-first, with on-site sessions for kick-off and training where that makes sense. Tell us where you are on the call."}]}]]}]]}]}]
10:["$","section",null,{"id":"scope","className":"sp-screen pt-[30px] pb-20 max-wide:pb-14","aria-labelledby":"scope-heading","children":["$","div",null,{"className":"sp-container","children":["$","$L5",null,{"index":0,"variant":"scale","children":["$","div",null,{"className":"grid items-center gap-14 rounded-cta bg-accent p-[60px] shadow-cta wide:grid-cols-[1fr_0.88fr] max-wide:gap-8 max-wide:p-7","children":[["$","div",null,{"children":[["$","p",null,{"className":"text-[12px] font-bold tracking-[2.5px] text-white/70 uppercase","children":"Start here"}],["$","h2",null,{"id":"scope-heading","className":"sp-h2-sm mt-[14px] text-white","children":"Tell us what you want built."}],["$","ol",null,{"className":"mt-7 flex flex-col gap-[13px]","children":[["$","li","You pick a call slot — 15 minutes, no obligation",{"className":"flex gap-3 text-[17px] text-white max-wide:text-[16px]","children":[["$","span",null,{"aria-hidden":"true","className":"font-extrabold text-white/70","children":1}],["$","span",null,{"children":"You pick a call slot — 15 minutes, no obligation"}]]}],["$","li","We talk through what you want built",{"className":"flex gap-3 text-[17px] text-white max-wide:text-[16px]","children":[["$","span",null,{"aria-hidden":"true","className":"font-extrabold text-white/70","children":2}],["$","span",null,{"children":"We talk through what you want built"}]]}],["$","li","You get a written scope in 48 hours, yours to keep",{"className":"flex gap-3 text-[17px] text-white max-wide:text-[16px]","children":[["$","span",null,{"aria-hidden":"true","className":"font-extrabold text-white/70","children":3}],["$","span",null,{"children":"You get a written scope in 48 hours, yours to keep"}]]}]]}],["$","p",null,{"className":"mt-7 text-[14.5px] font-semibold text-white/80","children":"We reply within one working day."}]]}],["$","div",null,{"className":"min-w-0 rounded-card bg-card p-8 shadow-form max-wide:p-5","children":["$","$L26",null,{}]}]]}]}]}]}]
11:["$","footer",null,{"className":"border-t-[1.5px] border-line bg-card pt-[58px] pb-[26px]","children":["$","div",null,{"className":"sp-container","children":[["$","div",null,{"className":"grid gap-10 wide:grid-cols-[1.4fr_1fr_1fr_1fr]","children":[["$","div",null,{"children":[["$","div",null,{"className":"flex items-center gap-[11px] text-logo","children":[["$","svg",null,{"viewBox":"0 0 100 100","width":29,"height":29,"fill":"none","aria-hidden":"true","focusable":"false","style":{"display":"block"},"children":[["$","rect",null,{"x":"8","y":"13","width":"84","height":"74","rx":"17","fill":"none","stroke":"currentColor","strokeWidth":7.5}],["$","path",null,{"d":"M8 38 H92","stroke":"currentColor","strokeWidth":6}],[["$","circle",null,{"cx":"21","cy":"26","r":"4","fill":"currentColor"}],["$","circle",null,{"cx":"34","cy":"26","r":"4","fill":"currentColor"}]],["$","rect",null,{"x":"26","y":"64","width":"12","height":"14","rx":"6","fill":"currentColor"}],["$","rect",null,{"x":"45","y":"58","width":"12","height":"20","rx":"6","fill":"currentColor"}],["$","rect",null,{"x":"64","y":"52","width":"12","height":"26","rx":"6","className":"fill-accent"}]]}],["$","span",null,{"style":{"fontSize":21,"letterSpacing":"-0.0478em","lineHeight":1},"children":[["$","span",null,{"className":"font-extrabold","children":"Scope"}],["$","span",null,{"className":"font-medium text-accent","children":"Play"}]]}]]}],["$","p",null,{"className":"mt-4 max-w-[320px] text-[15px] leading-[1.65] text-body","children":"ScopePlay designs and builds custom websites in South Africa — business websites, online shops and booking sites for founders and businesses without a developer of their own. Based in Pretoria, working with clients in Johannesburg, Cape Town and nationwide. Plain language, weekly sprints, code you own."}]]}],["$","nav",null,{"aria-labelledby":"footer-explore","children":[["$","p",null,{"id":"footer-explore","className":"sp-micro","children":"Explore"}],["$","ul",null,{"className":"mt-4 flex flex-col gap-[11px]","children":[["$","li","#how",{"children":["$","a",null,{"href":"#how","className":"text-[15px] font-semibold text-body hover:text-accent","children":"How it works"}]}],["$","li","#build",{"children":["$","a",null,{"href":"#build","className":"text-[15px] font-semibold text-body hover:text-accent","children":"What we build"}]}],["$","li","#questions",{"children":["$","a",null,{"href":"#questions","className":"text-[15px] font-semibold text-body hover:text-accent","children":"Questions"}]}],["$","li","#scope",{"children":["$","a",null,{"href":"#scope","className":"text-[15px] font-semibold text-body hover:text-accent","children":"Get your free scope"}]}]]}]]}],["$","div",null,{"children":[["$","p",null,{"className":"sp-micro","children":"Contact"}],["$","ul",null,{"className":"mt-4 flex flex-col gap-[11px]","children":[["$","li",null,{"children":["$","a",null,{"href":"tel:+27121234567","className":"text-[15px] font-semibold text-body hover:text-accent","children":"012 123 4567"}]}],["$","li",null,{"children":["$","a",null,{"href":"mailto:hello@scopeplay.co.za","className":"text-[15px] font-semibold text-body hover:text-accent","children":"hello@scopeplay.co.za"}]}],["$","li",null,{"className":"text-[15px] text-muted-strong","children":"Mon–Fri, 08:00–17:00"}]]}]]}],["$","div",null,{"children":[["$","p",null,{"className":"sp-micro","children":"Based in Pretoria"}],["$","address",null,{"className":"mt-4 text-[15px] leading-[1.7] text-body not-italic","children":["2nd Floor, 14 Lucas Way",["$","br",null,{}],"Menlyn Maine",["$","br",null,{}],"Pretoria",", ","0181"]}],["$","p",null,{"className":"mt-3 text-[14px] leading-[1.6] text-muted-strong","children":"Working with clients across South Africa"}]]}]]}],["$","div",null,{"className":"mt-11 flex flex-wrap items-center justify-between gap-3 border-t-[1.5px] border-line pt-[22px]","children":[["$","p",null,{"className":"text-[13.5px] text-muted-strong max-wide:text-[14px]","children":"© 2026 ScopePlay. All rights reserved."}],["$","p",null,{"className":"font-mono text-[12.5px] font-semibold tracking-[1px] text-muted-strong max-wide:text-[14px]","children":"SCOPEPLAY.CO.ZA"}]]}]]}]}]
12:["$","script","script-0",{"src":"/_next/static/chunks/2ra5_m1m4znfr.js","async":true}]
13:["$","script","script-1",{"src":"/_next/static/chunks/0qw3gjm3mrl1d.js","async":true}]
14:["$","$L27",null,{"children":["$","$28",null,{"name":"Next.MetadataOutlet","children":"$@29"}]}]
17:["$","$1","h",{"children":[null,["$","$L2a",null,{"children":[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","2",{"name":"theme-color","content":"#FF4D00"}]]}],["$","div",null,{"hidden":true,"children":["$","$L2b",null,{"children":["$","$28",null,{"name":"Next.Metadata","children":[["$","title","0",{"children":"Website Design & Development South Africa | ScopePlay"}],["$","meta","1",{"name":"description","content":"A South African web design studio that designs and builds custom websites for people who have the idea but not the developer. Free scope in 48 hours."}],["$","meta","2",{"name":"application-name","content":"ScopePlay"}],["$","meta","3",{"name":"keywords","content":"website design South Africa,web development South Africa,custom website development,business website design South Africa,website developers Pretoria,web design company South Africa"}],["$","link","4",{"rel":"canonical","href":"https://website.scopeplay.co.za/"}],["$","meta","5",{"property":"og:title","content":"Website Design & Development South Africa | ScopePlay"}],["$","meta","6",{"property":"og:description","content":"A South African web design studio that designs and builds custom websites for people who have the idea but not the developer. Free scope in 48 hours."}],["$","meta","7",{"property":"og:url","content":"https://website.scopeplay.co.za/"}],["$","meta","8",{"property":"og:site_name","content":"ScopePlay"}],["$","meta","9",{"property":"og:locale","content":"en_ZA"}],["$","meta","10",{"property":"og:image","content":"https://website.scopeplay.co.za/assets/scopeplay-app-icon-180.png"}],["$","meta","11",{"property":"og:image:width","content":"180"}],["$","meta","12",{"property":"og:image:height","content":"180"}],["$","meta","13",{"property":"og:image:alt","content":"ScopePlay logo"}],["$","meta","14",{"property":"og:type","content":"website"}],["$","meta","15",{"name":"twitter:card","content":"summary"}],["$","meta","16",{"name":"twitter:title","content":"Website Design & Development South Africa | ScopePlay"}],["$","meta","17",{"name":"twitter:description","content":"A South African web design studio that designs and builds custom websites for people who have the idea but not the developer. Free scope in 48 hours."}],["$","meta","18",{"name":"twitter:image","content":"https://website.scopeplay.co.za/assets/scopeplay-app-icon-180.png"}],["$","link","19",{"rel":"icon","href":"/assets/scopeplay-favicon.svg","type":"image/svg+xml"}],["$","link","20",{"rel":"apple-touch-icon","href":"/assets/scopeplay-app-icon-180.png","sizes":"180x180"}],["$","$L2c","21",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}]
1a:true
1d:["$","span",null,{"className":"block h-[4px] flex-1 rounded-full bg-line"}]
1e:["$","span",null,{"className":"block h-[4px] w-[18px] shrink-0 rounded-full bg-success"}]
1f:["$","div",null,{"className":"sp-wb-pop relative mt-auto self-start","style":{"--d":"1520ms"},"children":[["$","span",null,{"className":"flex h-[16px] w-[62px] items-center justify-center rounded-full bg-accent","children":["$","span",null,{"className":"h-[3px] w-[26px] rounded-full bg-white/75"}]}],["$","span",null,{"className":"sp-wb-ring absolute inset-0 rounded-full border-[1.5px] border-accent","style":{"--d":"2540ms"}}]]}]
20:["$","svg",null,{"viewBox":"0 0 12 14","className":"sp-wb-cursor absolute bottom-[9px] left-[16px] h-[13px] w-[11px] text-ink","style":{"--d":"1900ms"},"children":["$","path",null,{"d":"M1 1 L1 12 L4 9 L6 13 L8.4 12 L6.4 8.2 L10.5 8.2 Z","fill":"currentColor","stroke":"#fff","strokeWidth":"1","strokeLinejoin":"round"}]}]
21:["$","h3",null,{"className":"sp-h3-sm mt-[20px]","children":"Websites built from scratch"}]
22:["$","p",null,{"className":"mt-[10px] text-[15.5px] leading-[1.6] text-body","children":"No template, no page builder. Whatever you have in mind, we design and build it to do exactly what you need — booking forms, quote calculators, online shops, member logins. It runs in the browser, nothing to install, and works on any phone or laptop."}]
23:["$","$L5","Hosting and maintenance",{"index":2,"variant":"scale","children":["$","article",null,{"className":"sp-wb-card h-full rounded-card border-[1.5px] border-line bg-card p-[22px] shadow-card max-wide:p-5","children":[["$","span",null,{"className":"sp-rule sp-wb-edge"}],["$","div",null,{"aria-hidden":"true","className":"relative flex h-[158px] flex-col gap-[9px] overflow-hidden rounded-panel border-[1.5px] border-hairline bg-page p-[11px]","children":[["$","div",null,{"className":"sp-wb-pop flex items-center gap-[7px] rounded-[10px] border border-line bg-card px-[10px] py-[7px]","style":{"--d":"220ms"},"children":[["$","span",null,{"className":"h-[6px] w-[6px] shrink-0 rounded-full bg-success"}],["$","span",null,{"className":"truncate font-mono text-[9px] text-muted-strong","children":"yoursite.co.za"}],["$","span",null,{"className":"ml-auto shrink-0 rounded-full bg-success-tint px-[7px] py-[2px] text-[9px] font-bold text-success","children":"Up"}]]}],["$","div",null,{"className":"flex flex-1 flex-col justify-end gap-[6px]","children":[["$","div",null,{"className":"flex items-end gap-[2px]","children":[["$","span","0",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"420ms","height":"18px","opacity":0.55}}],["$","span","1",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"446ms","height":"18px","opacity":0.5650000000000001}}],["$","span","2",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"472ms","height":"18px","opacity":0.5800000000000001}}],["$","span","3",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"498ms","height":"18px","opacity":0.5950000000000001}}],["$","span","4",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"524ms","height":"18px","opacity":0.6100000000000001}}],["$","span","5",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"550ms","height":"18px","opacity":0.625}}],["$","span","6",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"576ms","height":"18px","opacity":0.64}}],["$","span","7",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"602ms","height":"18px","opacity":0.655}}],["$","span","8",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"628ms","height":"18px","opacity":0.67}}],["$","span","9",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"654ms","height":"18px","opacity":0.685}}],["$","span","10",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"680ms","height":"18px","opacity":0.7000000000000001}}],["$","span","11",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"706ms","height":"18px","opacity":0.7150000000000001}}],["$","span","12",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"732ms","height":"18px","opacity":0.7300000000000001}}],["$","span","13",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"758ms","height":"18px","opacity":0.7450000000000001}}],["$","span","14",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"784ms","height":"18px","opacity":0.76}}],["$","span","15",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"810ms","height":"18px","opacity":0.775}}],["$","span","16",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"836ms","height":"18px","opacity":0.79}}],["$","span","17",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"862ms","height":"18px","opacity":0.805}}],["$","span","18",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"888ms","height":"18px","opacity":0.8200000000000001}}],["$","span","19",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"914ms","height":"18px","opacity":0.835}}],["$","span","20",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"940ms","height":"18px","opacity":0.8500000000000001}}],["$","span","21",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"966ms","height":"18px","opacity":0.865}}],["$","span","22",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"992ms","height":"18px","opacity":0.88}}],["$","span","23",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"1018ms","height":"18px","opacity":0.895}}],["$","span","24",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"1044ms","height":"18px","opacity":0.9100000000000001}}],"$L2d","$L2e","$L2f","$L30","$L31"]}],"$L32"]}],"$L33"]}],"$L34","$L35"]}]}]
24:["$","$L5","Websites that do more than sit there",{"index":3,"variant":"scale","children":["$","article",null,{"className":"sp-wb-card h-full rounded-card border-[1.5px] border-line bg-card p-[22px] shadow-card max-wide:p-5","children":[["$","span",null,{"className":"sp-rule sp-wb-edge"}],["$","div",null,{"aria-hidden":"true","className":"relative flex h-[158px] flex-col gap-[9px] overflow-hidden rounded-panel border-[1.5px] border-hairline bg-page p-[11px]","children":[["$","div",null,{"className":"flex items-center gap-[7px] rounded-full border border-line bg-card px-[10px] py-[6px]","children":[["$","svg",null,{"viewBox":"0 0 12 12","className":"h-[10px] w-[10px] shrink-0 text-muted","children":[["$","circle",null,{"cx":"5","cy":"5","r":"3.6","fill":"none","stroke":"currentColor","strokeWidth":"1.6"}],["$","path",null,{"d":"M7.8 7.8 L11 11","stroke":"currentColor","strokeWidth":"1.6","strokeLinecap":"round"}]]}],["$","span",null,{"className":"sp-wb-line font-mono text-[9px] text-ink","style":{"--ch":26,"--d":"300ms","--dur":"1.1s"},"children":"steel balustrades pretoria"}],["$","span",null,{"className":"sp-wb-caret block h-[10px] w-[1.5px] bg-accent"}]]}],["$","div",null,{"className":"sp-wb-pop flex flex-1 items-center gap-[10px] rounded-[12px] border border-line bg-card px-[10px] py-[9px]","style":{"--d":"1360ms"},"children":[["$","span",null,{"className":"rounded-[6px] bg-accent px-[6px] py-[2px] font-mono text-[9px] font-bold text-white","children":"#1"}],["$","span",null,{"className":"min-w-0 flex-1","children":[["$","span",null,{"className":"block truncate text-[11px] font-extrabold tracking-[-0.02em] text-ink","children":"Balustrades — Pretoria"}],["$","span",null,{"className":"mt-[3px] block font-mono text-[8.5px] text-muted","children":"yoursite.co.za"}]]}],["$","span",null,{"className":"relative h-[42px] w-[42px] shrink-0","children":[["$","svg",null,{"viewBox":"0 0 44 44","className":"h-full w-full -rotate-90","children":[["$","circle",null,{"cx":"22","cy":"22","r":"18","fill":"none","stroke":"var(--color-hairline)","strokeWidth":"4"}],["$","circle",null,{"cx":"22","cy":"22","r":"18","pathLength":100,"fill":"none","stroke":"var(--color-accent)","strokeWidth":"4","strokeLinecap":"round","strokeDasharray":"100","className":"sp-wb-gauge","style":{"--d":"1500ms"}}]]}],["$","span",null,{"className":"absolute inset-0 flex items-center justify-center text-[12px] font-extrabold tabular-nums text-ink","children":"98"}]]}]]}],["$","div",null,{"className":"sp-wb-chip flex items-center gap-[7px] rounded-full border border-line bg-card px-[10px] py-[6px]","style":{"--d":"1980ms","--from":"-14px"},"children":[["$","span",null,{"className":"h-[6px] w-[6px] rounded-full bg-success"}],["$","span",null,{"className":"text-[10px] font-bold text-ink","children":"Booking confirmed"}],["$","span",null,{"className":"ml-auto font-mono text-[9px] text-muted","children":"Tue 09:30"}]]}]]}],["$","h3",null,{"className":"sp-h3-sm mt-[20px]","children":"Websites that do more than sit there"}],["$","p",null,{"className":"mt-[10px] text-[15.5px] leading-[1.6] text-body","children":"Premium websites for startups and established businesses. Designed and built for you — fast to load, easy to find on Google, and simple to keep up to date as you grow."}]]}]}]
29:null
16:300
2d:["$","span","25",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"1070ms","height":"18px","opacity":0.925}}]
2e:["$","span","26",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"1096ms","height":"18px","opacity":0.9400000000000001}}]
2f:["$","span","27",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"1122ms","height":"24px","opacity":0.9550000000000001}}]
30:["$","span","28",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"1148ms","height":"24px","opacity":0.9700000000000001}}]
31:["$","span","29",{"className":"sp-wb-pop flex-1 rounded-[1.5px] bg-success","style":{"--d":"1174ms","height":"24px","opacity":0.9850000000000001}}]
32:["$","div",null,{"className":"flex items-center justify-between font-mono text-[8.5px] tracking-[0.4px] text-muted","children":[["$","span",null,{"children":"30 days"}],["$","span",null,{"className":"font-sans text-[10px] font-extrabold tracking-[-0.01em] tabular-nums text-ink","children":"99.98% uptime"}]]}]
33:["$","div",null,{"className":"flex gap-[6px]","children":[["$","span","Backup 02:00",{"className":"sp-wb-chip flex min-w-0 flex-1 items-center gap-[6px] overflow-hidden rounded-full border border-line bg-card px-[9px] py-[5px] whitespace-nowrap","style":{"--d":"1420ms","--from":"-12px"},"children":[["$","svg",null,{"viewBox":"0 0 12 12","className":"h-[9px] w-[9px] shrink-0 text-accent","children":["$","path",null,{"d":"M2.4 6.3 L4.9 8.8 L9.6 3.6","fill":"none","stroke":"currentColor","strokeWidth":"1.9","strokeLinecap":"round","strokeLinejoin":"round"}]}],["$","span",null,{"className":"truncate text-[9.5px] font-bold text-ink","children":"Backup 02:00"}],["$","span",null,{"className":"ml-auto shrink-0 font-mono text-[8.5px] text-muted","children":"daily"}]]}],["$","span","SSL renewed",{"className":"sp-wb-chip flex min-w-0 flex-1 items-center gap-[6px] overflow-hidden rounded-full border border-line bg-card px-[9px] py-[5px] whitespace-nowrap","style":{"--d":"1600ms","--from":"12px"},"children":[["$","svg",null,{"viewBox":"0 0 12 12","className":"h-[9px] w-[9px] shrink-0 text-accent","children":["$","path",null,{"d":"M2.4 6.3 L4.9 8.8 L9.6 3.6","fill":"none","stroke":"currentColor","strokeWidth":"1.9","strokeLinecap":"round","strokeLinejoin":"round"}]}],["$","span",null,{"className":"truncate text-[9.5px] font-bold text-ink","children":"SSL renewed"}],["$","span",null,{"className":"ml-auto shrink-0 font-mono text-[8.5px] text-muted","children":"auto"}]]}]]}]
34:["$","h3",null,{"className":"sp-h3-sm mt-[20px]","children":"Hosting and maintenance"}]
35:["$","p",null,{"className":"mt-[10px] text-[15.5px] leading-[1.6] text-body","children":"We keep what we build running. Fast, secure hosting, daily backups, certificates and updates handled, and someone to call when something needs changing — so your site stays looked after long after it goes live."}]
16:C
19:0
18:"$undefined"
15:"$undefined"
