Web Development Services | Beshuq<\/title>\n<meta name=\"description\" content=\"Beshuq Web Development Services help businesses build, improve and manage their digital platforms, from business websites and corporate portals to e-commerce websites and custom web solutions.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Public+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ---- Design tokens (light \/ dark) ---- *\/\n:root{\n --bg:#F5F7FB; --surface:#FFFFFF; --ink:#0E1A2B; --muted:#4A5870; --line:#D9E0EC;\n --primary:#2340C8; --on-primary:#FFFFFF; --accent:#F2A20C; --tint:#E8EDFB;\n --band:#0E1A2B; --band-ink:#EAF0FB;\n --font-display:\"Bricolage Grotesque\",\"Trebuchet MS\",\"Segoe UI\",system-ui,sans-serif;\n --font-body:\"Public Sans\",\"Segoe UI\",system-ui,-apple-system,Arial,sans-serif;\n}\n@media (prefers-color-scheme: dark){\n :root:not([data-theme=\"light\"]){\n --bg:#0B1220; --surface:#131C30; --ink:#EAF0FB; --muted:#A3B0C7; --line:#26324B;\n --primary:#8CA0FF; --on-primary:#0B1220; --accent:#F5B336; --tint:#18233F;\n --band:#16223C; --band-ink:#EAF0FB;\n }\n}\n:root[data-theme=\"dark\"]{\n --bg:#0B1220; --surface:#131C30; --ink:#EAF0FB; --muted:#A3B0C7; --line:#26324B;\n --primary:#8CA0FF; --on-primary:#0B1220; --accent:#F5B336; --tint:#18233F;\n --band:#16223C; --band-ink:#EAF0FB;\n}\n\n\/* ---- Base (every section root element carries the class \"bq\") ---- *\/\nhtml{scroll-behavior:smooth}\n.bq{box-sizing:border-box;color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-align:left}\n:where(.bq){background:var(--bg)}\n.bq *,.bq *::before,.bq *::after{box-sizing:border-box}\n.bq img,.bq svg{max-width:100%}\n.bq h1,.bq h2,.bq h3,.bq h4{font-family:var(--font-display);margin:0;letter-spacing:-0.015em;color:inherit;text-transform:none}\n.bq p{margin:0}\n.bq ul,.bq ol{margin:0;padding:0;list-style:none}\n.bq a{color:inherit}\n.bq :focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:4px}\n\n\/* ---- Shared layout ---- *\/\n.bq-wrap{width:100%;max-width:1120px;margin:0 auto;padding-inline:clamp(20px,4vw,40px)}\n.bq-section{padding-block:clamp(64px,9vw,112px)}\n.bq-section-head{display:grid;gap:16px;margin-bottom:clamp(32px,5vw,56px);max-width:760px}\n.bq-section-head h2{font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1.1;font-weight:700}\n.bq-section-head p{color:var(--muted);max-width:62ch}\n\n\/* ---- Buttons ---- *\/\n.bq .bq-btn{\n display:inline-flex;align-items:center;justify-content:center;gap:8px;\n padding:14px 24px;border-radius:999px;border:2px solid transparent;\n font:600 1rem\/1 var(--font-body);text-decoration:none;cursor:pointer;\n transition:transform .15s ease,background-color .15s ease,border-color .15s ease;\n}\n.bq .bq-btn:hover{transform:translateY(-1px)}\n.bq .bq-btn-primary{background:var(--primary);color:var(--on-primary)}\n.bq .bq-btn-primary:hover{filter:brightness(1.08)}\n.bq .bq-btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}\n.bq .bq-btn-ghost:hover{background:var(--tint)}\n.bq .bq-btn-sm{padding:10px 18px;font-size:.9375rem}\n.bq .bq-btn-accent{background:var(--accent);color:#0E1A2B}\n.bq .bq-btn-light{background:transparent;color:var(--band-ink);border-color:var(--band-ink)}\n.bq .bq-btn-light:hover{background:rgba(255,255,255,.1)}\n\n.bq-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}\n\n\/* ---- Chips (used in \"What is consulting\" and \"Approach\") ---- *\/\n.bq-chips{display:flex;flex-wrap:wrap;gap:10px}\n.bq-chip{padding:8px 16px;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;font-size:.96rem;font-weight:500}\n\n@media (prefers-reduced-motion:reduce){\n html{scroll-behavior:auto}\n .bq *{transition:none !important;animation:none !important}\n}\n<\/style>\n<style>body{margin:0}<\/style>\n<\/head>\n<body>\n\n\n<style>\n.bq-hero{padding-block:clamp(48px,7vw,96px) clamp(56px,8vw,104px)}\n.bq-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:start}\n.bq-hero h1{font-size:clamp(2.5rem,5.8vw,4.5rem);line-height:1.04;font-weight:700;letter-spacing:-0.03em}\n.bq-hero h1 span{display:block}\n.bq-hero .bq-lede{margin-top:28px;font-size:1.2rem;line-height:1.55;max-width:36em}\n.bq-hero .bq-sub{margin-top:14px;color:var(--muted);max-width:36em}\n.bq-hero .bq-fine{margin-top:28px;padding-left:16px;border-left:3px solid var(--accent);color:var(--muted);max-width:34em;font-size:.98rem}\n@media (max-width:920px){.bq-hero-grid{grid-template-columns:1fr}}\n\n\/* Browser mock-up *\/\n.bq-browser{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -24px rgba(14,26,43,.35)}\n.bq-br-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--tint);border-bottom:1px solid var(--line)}\n.bq-br-dot{width:11px;height:11px;border-radius:50%;background:var(--muted);opacity:.4}\n.bq-br-dot:first-child{background:var(--accent);opacity:1}\n.bq-br-url{margin-left:10px;flex:1;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.86rem;line-height:1.2;color:var(--muted)}\n.bq-br-body{padding:clamp(20px,3vw,30px)}\n.bq-br-body h2{font-size:1.28rem;line-height:1.3;font-weight:700}\n.bq .bq-br-list{margin-top:18px;display:grid;gap:10px}\n.bq-br-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-weight:500;line-height:1.35}\n.bq-br-list li::before{\n content:\"\\2713\";flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;\n background:var(--primary);color:var(--on-primary);font-size:.8rem;font-weight:700;\n}\n@media (prefers-reduced-motion:no-preference){\n .bq-hero h1 span{opacity:0;transform:translateY(18px);animation:bq-rise .7s cubic-bezier(.2,.7,.2,1) forwards}\n .bq-hero h1 span:nth-child(2){animation-delay:.12s}\n @keyframes bq-rise{to{opacity:1;transform:none}}\n .bq-br-list li::before{transform:scale(0);animation:bq-tick .35s cubic-bezier(.2,.9,.3,1.4) forwards}\n .bq-br-list li:nth-child(1)::before{animation-delay:.5s}\n .bq-br-list li:nth-child(2)::before{animation-delay:.65s}\n .bq-br-list li:nth-child(3)::before{animation-delay:.8s}\n .bq-br-list li:nth-child(4)::before{animation-delay:.95s}\n .bq-br-list li:nth-child(5)::before{animation-delay:1.1s}\n .bq-br-list li:nth-child(6)::before{animation-delay:1.25s}\n .bq-br-list li:nth-child(7)::before{animation-delay:1.4s}\n @keyframes bq-tick{to{transform:scale(1)}}\n}\n<\/style>\n\n<section class=\"bq bq-hero\" id=\"top\">\n <div class=\"bq-wrap bq-hero-grid\">\n <div>\n <h1><span>Build a digital presence<\/span><span>that works for your business.<\/span><\/h1>\n <p class=\"bq-lede\">Your website is more than an online address. It is often the first place where potential customers learn about your business, evaluate your credibility, explore your products or services and decide whether they should contact you.<\/p>\n <p class=\"bq-sub\">Beshuq Web Development Services help businesses build, improve and manage their digital platforms, from professional business websites and corporate portals to e-commerce websites and custom web solutions.<\/p>\n <div class=\"bq-actions\">\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Start your website project<\/a>\n <a class=\"bq-btn bq-btn-ghost\" href=\"#services\">Explore web services<\/a>\n <\/div>\n <p class=\"bq-fine\">We don\u2019t just build websites. We build digital platforms designed to support your business.<\/p>\n <\/div>\n\n <aside class=\"bq-browser\" aria-labelledby=\"bq-br-title\">\n <div class=\"bq-br-bar\" aria-hidden=\"true\">\n <span class=\"bq-br-dot\"><\/span><span class=\"bq-br-dot\"><\/span><span class=\"bq-br-dot\"><\/span>\n <span class=\"bq-br-url\">www.yourbusiness.com<\/span>\n <\/div>\n <div class=\"bq-br-body\">\n <h2 id=\"bq-br-title\">A professionally designed website should do more than look attractive. It should be:<\/h2>\n <ul class=\"bq-br-list\">\n <li>Fast<\/li>\n <li>Responsive<\/li>\n <li>Secure<\/li>\n <li>Easy to navigate<\/li>\n <li>Search-friendly<\/li>\n <li>Scalable<\/li>\n <li>Aligned with your business objectives<\/li>\n <\/ul>\n <\/div>\n <\/aside>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-wd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:start}\n.bq-wd-copy{display:grid;gap:18px}\n.bq-wd-copy p{max-width:58ch}\n.bq-wd-stack h3{font-size:1.25rem;font-weight:700;margin-bottom:16px}\n.bq-first{margin-top:clamp(40px,6vw,72px);padding:clamp(24px,4vw,44px);border-radius:24px;background:var(--tint)}\n.bq-first h3{font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.2;font-weight:700;max-width:26em}\n.bq-first .bq-first-lead{margin-top:12px;color:var(--muted)}\n.bq .bq-first-list{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.5vw,28px)}\n.bq-first-list li{padding-top:14px;border-top:3px solid var(--accent);font-family:var(--font-display);font-size:1.15rem;line-height:1.3;font-weight:500}\n.bq-first .bq-first-close{margin-top:26px;max-width:52ch;font-weight:500}\n@media (max-width:920px){.bq-wd-grid{grid-template-columns:1fr}.bq-first-list{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media (max-width:520px){.bq-first-list{grid-template-columns:1fr}}\n<\/style>\n\n<section class=\"bq bq-section\" id=\"what\">\n <div class=\"bq-wrap\">\n <div class=\"bq-wd-grid\">\n <div class=\"bq-wd-copy\">\n <div class=\"bq-section-head\" style=\"margin-bottom:0\">\n <h2>What is web development?<\/h2>\n <\/div>\n <p>Web development is the process of creating, developing, deploying and maintaining websites and web-based platforms.<\/p>\n <p>A complete website involves much more than visual design. Whether you are launching a new business, redesigning an existing website or building a complete online platform, Beshuq combines strategy, design, technology and business understanding to create digital experiences built around your goals.<\/p>\n <\/div>\n <div class=\"bq-wd-stack\">\n <h3>A complete website can include<\/h3>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Business strategy<\/li>\n <li class=\"bq-chip\">Website structure<\/li>\n <li class=\"bq-chip\">User experience<\/li>\n <li class=\"bq-chip\">UI design<\/li>\n <li class=\"bq-chip\">Front-end development<\/li>\n <li class=\"bq-chip\">Back-end development<\/li>\n <li class=\"bq-chip\">Database integration<\/li>\n <li class=\"bq-chip\">Content management<\/li>\n <li class=\"bq-chip\">E-commerce functionality<\/li>\n <li class=\"bq-chip\">Security<\/li>\n <li class=\"bq-chip\">Performance optimisation<\/li>\n <li class=\"bq-chip\">Search-engine readiness<\/li>\n <li class=\"bq-chip\">Maintenance<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bq-first\">\n <h3>At Beshuq, we approach web development from a business-first perspective.<\/h3>\n <p class=\"bq-first-lead\">Before deciding what a website should look like, we consider:<\/p>\n <ul class=\"bq-first-list\">\n <li>Who is the website for?<\/li>\n <li>What should visitors understand?<\/li>\n <li>What action should they take?<\/li>\n <li>What does the business need the website to achieve?<\/li>\n <\/ul>\n <p class=\"bq-first-close\">This helps create a website that supports the business rather than functioning simply as a digital brochure.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-pb-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);align-items:start}\n.bq-pb-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,32px);box-shadow:0 18px 40px -24px rgba(14,26,43,.35)}\n.bq-pb-list{display:grid;gap:8px}\n.bq-pb-opt{\n display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:12px;\n border:1.5px solid var(--line);background:transparent;color:var(--ink);font:500 .98rem\/1.4 var(--font-body);cursor:pointer;\n transition:border-color .15s ease,background-color .15s ease;\n}\n.bq-pb-opt::before{content:\"\";flex:0 0 18px;height:18px;margin-top:2px;border-radius:50%;border:2px solid var(--muted);transition:all .15s ease}\n.bq-pb-opt:hover{border-color:var(--primary)}\n.bq-pb-opt[aria-pressed=\"true\"]{border-color:var(--primary);background:var(--tint)}\n.bq-pb-opt[aria-pressed=\"true\"]::before{border-color:var(--primary);background:radial-gradient(circle,var(--primary) 45%,transparent 50%)}\n.bq-pb-result{margin-top:18px;padding:16px 18px;border-radius:12px;background:var(--tint);min-height:116px}\n.bq-pb-result strong{display:block;font-family:var(--font-display);font-size:1.05rem;margin-bottom:4px}\n.bq-pb-result p{font-size:.98rem}\n.bq-pb-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:10px}\n.bq-link-btn{padding:0;background:none;border:0;color:var(--primary);font:600 .98rem\/1.5 var(--font-body);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-align:left}\n@media (prefers-reduced-motion:no-preference){\n .bq-pb-result.bq-swap{animation:bq-fade .35s ease}\n @keyframes bq-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}\n}\n@media (max-width:920px){.bq-pb-grid{grid-template-columns:1fr}}\n<\/style>\n\n<section class=\"bq bq-section\" id=\"problems\">\n <div class=\"bq-wrap bq-pb-grid\">\n <div class=\"bq-section-head\" style=\"margin-bottom:0\">\n <h2>Common website problems we help solve<\/h2>\n <p>Pick the statement closest to your situation and see how we would approach it.<\/p>\n <\/div>\n\n <div class=\"bq-pb-panel\">\n <div class=\"bq-pb-list\">\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"true\" data-answer=\"We can help plan and develop a professional digital presence.\" data-svc=\"business:Business website development\">We don\u2019t have a website.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"A redesign can improve its structure, appearance and user experience.\" data-svc=\"redesign:Website redesign\">Our website looks outdated.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"Responsive development can improve the experience across devices.\" data-svc=\"responsive:Responsive web development\">Our website is not mobile friendly.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"Performance can be audited and optimisation opportunities identified.\" data-svc=\"speed:Website speed & performance\">Our website is slow.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"The problem may involve messaging, page structure, trust elements or conversion pathways.\" data-svc=\"landing:Landing page development,uiux:UI\/UX design\">People visit our website but don\u2019t contact us.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"An e-commerce website can be designed around the complete buying journey.\" data-svc=\"ecommerce:E-commerce website development\">We want to sell online.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"Migration planning can help reduce downtime and technical problems.\" data-svc=\"migration:Website migration\">We want to move our website to another hosting provider.<\/button>\n <\/div>\n <div class=\"bq-pb-result\" aria-live=\"polite\">\n <strong>How we approach it<\/strong>\n <p>We can help plan and develop a professional digital presence.<\/p>\n <div class=\"bq-pb-links\">\n <a class=\"bq-link-btn\" href=\"#services\">Business website development<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n\/* Problem picker: shows how Beshuq approaches the selected problem and links to the matching service *\/\n(function(){\n var list = document.querySelector('.bq-pb-list');\n var result = document.querySelector('.bq-pb-result');\n if(!list || !result) return;\n var opts = [].slice.call(list.querySelectorAll('.bq-pb-opt'));\n\n function go(id){\n if(window.bqSelectService){ window.bqSelectService(id); } \/* provided by the Services section *\/\n else { window.location.hash = '#services'; }\n }\n\n function show(btn, animate){\n opts.forEach(function(o){ o.setAttribute('aria-pressed', o === btn ? 'true' : 'false'); });\n result.innerHTML = '';\n var strong = document.createElement('strong'); strong.textContent = 'How we approach it';\n var p = document.createElement('p'); p.textContent = btn.getAttribute('data-answer');\n var links = document.createElement('div'); links.className = 'bq-pb-links';\n btn.getAttribute('data-svc').split(',').forEach(function(pair){\n var parts = pair.split(':');\n var b = document.createElement('button');\n b.type = 'button'; b.className = 'bq-link-btn'; b.textContent = parts[1];\n b.addEventListener('click', function(){ go(parts[0]); });\n links.appendChild(b);\n });\n result.appendChild(strong); result.appendChild(p); result.appendChild(links);\n if(animate){ result.classList.remove('bq-swap'); void result.offsetWidth; result.classList.add('bq-swap'); }\n }\n opts.forEach(function(o){ o.addEventListener('click', function(){ show(o, true); }); });\n show(opts[0], false);\n})();\n<\/script>\n\n\n<style>\n.bq-services{background:var(--surface);border-block:1px solid var(--line)}\n.bq-svc-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}\n.bq-svc-tabs{display:grid;gap:2px;position:sticky;top:24px}\n.bq-svc-tab{\n text-align:left;padding:12px 16px;background:transparent;border:0;border-left:3px solid var(--line);\n color:var(--muted);font:500 1rem\/1.35 var(--font-body);cursor:pointer;\n transition:background-color .15s ease,color .15s ease,border-color .15s ease;\n}\n.bq-svc-tab:hover{color:var(--ink);background:var(--tint)}\n.bq-svc-tab[aria-selected=\"true\"]{color:var(--ink);font-weight:600;border-left-color:var(--accent);background:var(--tint)}\n.bq-svc-panel{min-height:520px}\n.bq-svc-panel h3{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12;font-weight:700}\n.bq-svc-panel .bq-intro{margin-top:16px;font-size:1.12rem;max-width:58ch}\n.bq-svc-panel .bq-intro + .bq-intro{margin-top:10px;color:var(--muted);font-size:1.02rem}\n.bq-svc-block{margin-top:30px}\n.bq-svc-block h4{font-size:1.05rem;font-weight:700;margin-bottom:12px}\n.bq-questions li{padding:10px 0 10px 18px;border-left:3px solid var(--accent);margin-bottom:8px;font-weight:500;background:linear-gradient(90deg,var(--tint),transparent 70%)}\n.bq-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}\n.bq-covers li{position:relative;padding-left:22px;line-height:1.45;padding-block:4px}\n.bq-covers li::before{content:\"\";position:absolute;left:0;top:.72em;width:9px;height:9px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}\n.bq-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\n.bq-type{padding:14px 16px;border:1.5px solid var(--line);border-radius:12px}\n.bq-type b{display:block;font-family:var(--font-display);font-size:1rem}\n.bq-type span{display:block;color:var(--muted);font-size:.94rem;line-height:1.45;margin-top:2px}\n.bq .bq-note{margin-top:26px;padding:14px 18px;border-radius:12px;background:var(--tint);color:var(--muted);font-size:.96rem}\n.bq-svc-panel .bq-btn{margin-top:30px}\n@media (max-width:900px){\n .bq-svc-grid{grid-template-columns:1fr}\n .bq-svc-tabs{position:static;display:flex;overflow-x:auto;gap:6px;padding-bottom:8px;margin-inline:calc(-1 * clamp(20px,4vw,40px));padding-inline:clamp(20px,4vw,40px);scrollbar-width:thin}\n .bq-svc-tab{white-space:nowrap;border-left:0;border-bottom:3px solid var(--line);padding:10px 14px}\n .bq-svc-tab[aria-selected=\"true\"]{border-bottom-color:var(--accent)}\n .bq-svc-panel{min-height:0}\n}\n@media (max-width:560px){.bq-covers,.bq-types{grid-template-columns:1fr}}\n.bq-svc-panel[hidden]{display:none}\n\n.bq-svc-panel[hidden]{display:none}\n.bq-svc-tabs{position:static;align-content:start}\n.bq-svc-group{padding:16px 16px 6px;font:600 .82rem\/1.2 var(--font-body);color:var(--muted)}\n.bq-svc-group:first-child{padding-top:0}\n.bq-svc-panel .bq-p{margin-top:16px;color:var(--muted);max-width:58ch}\n.bq-svc-panel .bq-intro + .bq-p{margin-top:12px}\n.bq-svc-panel .bq-svc-block + .bq-p{margin-top:28px}\n.bq-svc-block.bq-tight{margin-top:12px}\n.bq-flowline{display:flex;flex-wrap:wrap;gap:10px 22px}\n.bq-flowline li{position:relative;padding:9px 14px;background:var(--tint);border-radius:8px;font-weight:600;font-size:.95rem;line-height:1.3}\n.bq-flowline li:not(:last-child)::after{content:\"\";position:absolute;right:-15px;top:50%;width:8px;height:8px;border-right:2px solid var(--primary);border-top:2px solid var(--primary);transform:translateY(-50%) rotate(45deg)}\n.bq-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}\n.bq-versus > div{padding:16px 18px;border:1.5px solid var(--line);border-radius:12px;font-family:var(--font-display);font-size:1.1rem;font-weight:600}\n.bq-vs{color:var(--muted);font-weight:600}\n.bq .bq-closing{margin-top:26px;padding:4px 0 4px 18px;border-left:3px solid var(--primary);font-family:var(--font-display);font-size:1.2rem;line-height:1.4;font-weight:500;max-width:52ch}\n@media (max-width:900px){\n .bq-svc-group{display:none}\n}\n@media (max-width:560px){\n .bq-versus{grid-template-columns:1fr}\n .bq-vs{text-align:center}\n}\n\n.bq-svc-panel .bq-svc-block + .bq-svc-block.bq-tight{margin-top:14px}\n.bq-rd-tabs{display:flex;flex-wrap:wrap;gap:8px}\n.bq-rd-btn{padding:9px 18px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font:500 .95rem\/1 var(--font-body);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}\n.bq-rd-btn:hover{border-color:var(--primary)}\n.bq-rd-btn[aria-pressed=\"true\"]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}\n.bq-rd-stage{margin-top:14px;padding:clamp(12px,2vw,20px);border-radius:14px;background:var(--tint);display:flex;justify-content:center}\n.bq-rd-frame{width:100%;background:var(--surface);border:2px solid var(--ink);border-radius:10px;overflow:hidden;transition:width .35s ease}\n.bq-rd-frame[data-size=\"laptop\"]{width:88%}\n.bq-rd-frame[data-size=\"tablet\"]{width:62%}\n.bq-rd-frame[data-size=\"mobile\"]{width:34%;min-width:150px}\n.bq-wf-nav{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}\n.bq-wf-logo{width:28px;height:10px;border-radius:3px;background:var(--primary)}\n.bq-wf-links{display:flex;gap:6px;margin-left:auto}\n.bq-wf-links i{display:block;width:28px;height:6px;border-radius:3px;background:var(--line)}\n.bq-wf-burger{display:none;margin-left:auto;position:relative;width:16px;height:12px;border-top:2px solid var(--muted);border-bottom:2px solid var(--muted)}\n.bq-wf-burger::after{content:\"\";position:absolute;left:0;right:0;top:3px;height:2px;background:var(--muted)}\n.bq-rd-frame[data-size=\"mobile\"] .bq-wf-links{display:none}\n.bq-rd-frame[data-size=\"mobile\"] .bq-wf-burger{display:block}\n.bq-wf-hero{margin:12px;padding:20px 16px;border-radius:8px;background:var(--tint)}\n.bq-wf-h{height:12px;width:60%;border-radius:3px;background:var(--ink);opacity:.8}\n.bq-wf-p{height:6px;width:82%;margin-top:9px;border-radius:3px;background:var(--line)}\n.bq-wf-p.bq-wf-p2{width:56%}\n.bq-wf-btn{width:64px;height:16px;margin-top:14px;border-radius:99px;background:var(--accent)}\n.bq-wf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px}\n.bq-wf-card{height:58px;border-radius:6px;border:1.5px solid var(--line)}\n.bq-rd-frame[data-size=\"tablet\"] .bq-wf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}\n.bq-rd-frame[data-size=\"mobile\"] .bq-wf-cards{grid-template-columns:1fr}\n.bq-rd .bq-rd-cap{margin-top:10px;font-size:.9rem;color:var(--muted)}\n<\/style>\n\n<section class=\"bq bq-section bq-services\" id=\"services\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>Our web development services<\/h2>\n <p>Choose a service to see what it covers. Beshuq can build, improve and manage your digital platform, from a single landing page to a complete online platform.<\/p>\n <\/div>\n <div class=\"bq-svc-grid\" data-bq-services>\n <div class=\"bq-svc-tabs\" role=\"tablist\" aria-label=\"Web development services\" aria-orientation=\"vertical\">\n <div class=\"bq-svc-group\" role=\"presentation\">Website types<\/div>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-business\" aria-selected=\"true\" aria-controls=\"bq-panel-business\" tabindex=\"0\" data-target=\"business\">Business website development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-corporate\" aria-selected=\"false\" aria-controls=\"bq-panel-corporate\" tabindex=\"-1\" data-target=\"corporate\">Corporate website development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-ecommerce\" aria-selected=\"false\" aria-controls=\"bq-panel-ecommerce\" tabindex=\"-1\" data-target=\"ecommerce\">E-commerce website development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-wordpress\" aria-selected=\"false\" aria-controls=\"bq-panel-wordpress\" tabindex=\"-1\" data-target=\"wordpress\">WordPress development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-custom\" aria-selected=\"false\" aria-controls=\"bq-panel-custom\" tabindex=\"-1\" data-target=\"custom\">Custom website development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-landing\" aria-selected=\"false\" aria-controls=\"bq-panel-landing\" tabindex=\"-1\" data-target=\"landing\">Landing page development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-multilang\" aria-selected=\"false\" aria-controls=\"bq-panel-multilang\" tabindex=\"-1\" data-target=\"multilang\">Multi-language & international websites<\/button>\n <div class=\"bq-svc-group\" role=\"presentation\">Design & experience<\/div>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-redesign\" aria-selected=\"false\" aria-controls=\"bq-panel-redesign\" tabindex=\"-1\" data-target=\"redesign\">Website redesign<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-uiux\" aria-selected=\"false\" aria-controls=\"bq-panel-uiux\" tabindex=\"-1\" data-target=\"uiux\">UI\/UX design<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-responsive\" aria-selected=\"false\" aria-controls=\"bq-panel-responsive\" tabindex=\"-1\" data-target=\"responsive\">Responsive web development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-content\" aria-selected=\"false\" aria-controls=\"bq-panel-content\" tabindex=\"-1\" data-target=\"content\">Website content management<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-seo\" aria-selected=\"false\" aria-controls=\"bq-panel-seo\" tabindex=\"-1\" data-target=\"seo\">SEO-friendly website development<\/button>\n <div class=\"bq-svc-group\" role=\"presentation\">Performance & protection<\/div>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-speed\" aria-selected=\"false\" aria-controls=\"bq-panel-speed\" tabindex=\"-1\" data-target=\"speed\">Website speed & performance<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-security\" aria-selected=\"false\" aria-controls=\"bq-panel-security\" tabindex=\"-1\" data-target=\"security\">Website security<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-domain\" aria-selected=\"false\" aria-controls=\"bq-panel-domain\" tabindex=\"-1\" data-target=\"domain\">Domain & hosting support<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-maintenance\" aria-selected=\"false\" aria-controls=\"bq-panel-maintenance\" tabindex=\"-1\" data-target=\"maintenance\">Website maintenance & support<\/button>\n <div class=\"bq-svc-group\" role=\"presentation\">Connect & move<\/div>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-integration\" aria-selected=\"false\" aria-controls=\"bq-panel-integration\" tabindex=\"-1\" data-target=\"integration\">Third-party integration<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-migration\" aria-selected=\"false\" aria-controls=\"bq-panel-migration\" tabindex=\"-1\" data-target=\"migration\">Website migration<\/button>\n <\/div>\n <div class=\"bq-svc-panels\">\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-business\" aria-labelledby=\"bq-tab-business\" tabindex=\"0\">\n <h3>Business website development<\/h3>\n <p class=\"bq-intro\">A professional business website establishes your digital identity and gives customers a central place to understand your business.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can develop websites for<\/h4>\n <ul class=\"bq-covers\">\n <li>Startups<\/li>\n <li>Small businesses<\/li>\n <li>SMEs<\/li>\n <li>Professional service providers<\/li>\n <li>Retail businesses<\/li>\n <li>Hospitality businesses<\/li>\n <li>Corporate organisations<\/li>\n <li>Consultants<\/li>\n <li>Agencies<\/li>\n <li>Local businesses<\/li>\n <li>International businesses<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>A business website can include<\/h4>\n <ul class=\"bq-covers\">\n <li>Home<\/li>\n <li>About Us<\/li>\n <li>Services<\/li>\n <li>Industries<\/li>\n <li>Products<\/li>\n <li>Portfolio<\/li>\n <li>Case Studies<\/li>\n <li>Blog\/Insights<\/li>\n <li>Careers<\/li>\n <li>Contact<\/li>\n <li>FAQ<\/li>\n <li>Testimonials<\/li>\n <li>Lead-generation forms<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-p\">The website structure is customised according to the business model.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Our objective is to create a website that communicates<\/h4>\n <ol class=\"bq-flowline\">\n <li>Who you are<\/li>\n <li>What you do<\/li>\n <li>Why customers should trust you<\/li>\n <li>How they can work with you<\/li>\n <\/ol>\n <\/div>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-corporate\" aria-labelledby=\"bq-tab-corporate\" tabindex=\"0\" hidden>\n <h3>Corporate website development<\/h3>\n <p class=\"bq-intro\">Corporate websites require a different approach from basic business websites. They need to communicate professionalism, credibility, organisational structure and business capabilities.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can develop corporate websites with sections such as<\/h4>\n <ul class=\"bq-covers\">\n <li>Company overview<\/li>\n <li>Leadership<\/li>\n <li>Business divisions<\/li>\n <li>Services<\/li>\n <li>Industries<\/li>\n <li>Locations<\/li>\n <li>Investors<\/li>\n <li>Careers<\/li>\n <li>News<\/li>\n <li>Insights<\/li>\n <li>Case studies<\/li>\n <li>Corporate contact information<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">Corporate websites can also be structured to support multiple markets, locations and business divisions.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-ecommerce\" aria-labelledby=\"bq-tab-ecommerce\" tabindex=\"0\" hidden>\n <h3>E-commerce website development<\/h3>\n <p class=\"bq-intro\">An e-commerce website allows businesses to sell products directly online. But building an e-commerce website is more than uploading products.<\/p>\n <div class=\"bq-svc-block\">\n <h4>The complete customer journey needs to be considered<\/h4>\n <ol class=\"bq-flowline\">\n <li>Product discovery<\/li>\n <li>Product information<\/li>\n <li>Add to cart<\/li>\n <li>Checkout<\/li>\n <li>Payment<\/li>\n <li>Order<\/li>\n <li>Delivery<\/li>\n <li>Customer support<\/li>\n <\/ol>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can develop e-commerce websites with features such as<\/h4>\n <ul class=\"bq-covers\">\n <li>Product catalogues<\/li>\n <li>Product categories<\/li>\n <li>Product search<\/li>\n <li>Filters<\/li>\n <li>Shopping cart<\/li>\n <li>Checkout<\/li>\n <li>Payment integration<\/li>\n <li>Customer accounts<\/li>\n <li>Order management<\/li>\n <li>Coupons<\/li>\n <li>Discounts<\/li>\n <li>Inventory coordination<\/li>\n <li>Shipping integration<\/li>\n <li>Product reviews<\/li>\n <li>Promotional banners<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">E-commerce functionality can be customised according to the business model and platform requirements.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-wordpress\" aria-labelledby=\"bq-tab-wordpress\" tabindex=\"0\" hidden>\n <h3>WordPress development<\/h3>\n <p class=\"bq-intro\">WordPress is one of the most widely used content-management platforms and can be suitable for many business websites. Beshuq can develop and customise WordPress websites for businesses that require flexibility and easy content management.<\/p>\n <div class=\"bq-svc-block\">\n <h4>WordPress services may include<\/h4>\n <ul class=\"bq-covers\">\n <li>WordPress website development<\/li>\n <li>Theme customisation<\/li>\n <li>Starter-template customisation<\/li>\n <li>Page builder integration<\/li>\n <li>Plugin configuration<\/li>\n <li>Custom sections<\/li>\n <li>Forms<\/li>\n <li>Blog setup<\/li>\n <li>SEO structure<\/li>\n <li>Speed optimisation<\/li>\n <li>Security configuration<\/li>\n <li>Backup setup<\/li>\n <li>Website migration<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">The objective is to create a WordPress website that is professionally structured rather than dependent on a generic template alone.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-custom\" aria-labelledby=\"bq-tab-custom\" tabindex=\"0\" hidden>\n <h3>Custom website development<\/h3>\n <p class=\"bq-intro\">Some businesses require functionality that standard templates and plugins cannot provide efficiently. For such requirements, custom development may be more appropriate.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Custom web development can involve<\/h4>\n <ul class=\"bq-covers\">\n <li>Custom user interfaces<\/li>\n <li>Custom dashboards<\/li>\n <li>Business portals<\/li>\n <li>Customer portals<\/li>\n <li>Booking systems<\/li>\n <li>Membership systems<\/li>\n <li>Workflow systems<\/li>\n <li>Data management<\/li>\n <li>API integrations<\/li>\n <li>Third-party integrations<\/li>\n <li>Custom calculators<\/li>\n <li>Internal business tools<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">Before recommending custom development, we evaluate whether the requirement can be achieved efficiently through an existing platform.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-landing\" aria-labelledby=\"bq-tab-landing\" tabindex=\"0\" hidden>\n <h3>Landing page development<\/h3>\n <p class=\"bq-intro\">A landing page is designed around a specific marketing objective. Unlike a general website page, a landing page can focus on one particular:<\/p>\n <div class=\"bq-svc-block bq-tight\">\n <ul class=\"bq-covers\">\n <li>Product<\/li>\n <li>Service<\/li>\n <li>Campaign<\/li>\n <li>Offer<\/li>\n <li>Lead-generation objective<\/li>\n <li>Advertisement<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>An effective landing page generally needs<\/h4>\n <ul class=\"bq-covers\">\n <li>Clear headline<\/li>\n <li>Strong value proposition<\/li>\n <li>Relevant information<\/li>\n <li>Trust elements<\/li>\n <li>Call-to-action<\/li>\n <li>Simple conversion process<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">Beshuq can develop landing pages designed to work alongside digital advertising and lead-generation campaigns.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-multilang\" aria-labelledby=\"bq-tab-multilang\" tabindex=\"0\" hidden>\n <h3>Multi-language & international websites<\/h3>\n <p class=\"bq-intro\">Businesses operating across multiple markets may require websites in different languages or regional versions.<\/p>\n <div class=\"bq-svc-block\">\n <h4>An international website can be structured around<\/h4>\n <ul class=\"bq-covers\">\n <li>Multiple languages<\/li>\n <li>Regional pages<\/li>\n <li>Country-specific content<\/li>\n <li>International contact information<\/li>\n <li>Currency display<\/li>\n <li>Localised services<\/li>\n <li>Regional SEO<\/li>\n <li>Global navigation<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">The technical approach depends on the number of markets and languages involved.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-redesign\" aria-labelledby=\"bq-tab-redesign\" tabindex=\"0\" hidden>\n <h3>Website redesign<\/h3>\n <p class=\"bq-intro\">An outdated website can affect both user experience and business credibility. A redesign does not necessarily mean starting everything from zero.<\/p>\n <p class=\"bq-p\">Beshuq can review the existing website and identify areas that may need improvement.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Website redesign may address<\/h4>\n <ul class=\"bq-covers\">\n <li>Outdated design<\/li>\n <li>Poor navigation<\/li>\n <li>Mobile responsiveness<\/li>\n <li>Slow loading<\/li>\n <li>Weak content structure<\/li>\n <li>Poor calls-to-action<\/li>\n <li>Inconsistent branding<\/li>\n <li>Difficult user journey<\/li>\n <li>Technical problems<\/li>\n <li>SEO structure<\/li>\n <li>Security issues<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>Redesign process<\/h4>\n <ol class=\"bq-flowline\">\n <li>Audit<\/li>\n <li>Strategy<\/li>\n <li>Structure<\/li>\n <li>Design<\/li>\n <li>Development<\/li>\n <li>Testing<\/li>\n <li>Launch<\/li>\n <\/ol>\n <\/div>\n <p class=\"bq-closing\">The goal is to create a better digital experience while preserving useful existing assets where appropriate.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-uiux\" aria-labelledby=\"bq-tab-uiux\" tabindex=\"0\" hidden>\n <h3>UI\/UX design<\/h3>\n <p class=\"bq-intro\">A website should be easy to understand and navigate. UI focuses on the visual interface, while UX focuses more broadly on how users experience and interact with the website.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can work on<\/h4>\n <ul class=\"bq-covers\">\n <li>Website layouts<\/li>\n <li>Navigation<\/li>\n <li>Information hierarchy<\/li>\n <li>Page structure<\/li>\n <li>Typography<\/li>\n <li>Visual consistency<\/li>\n <li>Buttons and CTAs<\/li>\n <li>Forms<\/li>\n <li>Mobile experience<\/li>\n <li>User journey<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-p\">Good UX should help users answer three questions quickly:<\/p>\n <div class=\"bq-svc-block bq-tight\">\n <ul class=\"bq-questions\">\n <li>Where am I?<\/li>\n <li>What can I do here?<\/li>\n <li>What should I do next?<\/li>\n <\/ul>\n <\/div>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-responsive\" aria-labelledby=\"bq-tab-responsive\" tabindex=\"0\" hidden>\n <h3>Responsive web development<\/h3>\n <p class=\"bq-intro\">Customers access websites from different devices. Your website should therefore work effectively across desktop, laptop, tablet and mobile.<\/p>\n <div class=\"bq-svc-block\">\n <h4>See one layout adapt to each device<\/h4>\n <div class=\"bq-rd\" data-bq-rd>\n <div class=\"bq-rd-tabs\">\n <button class=\"bq-rd-btn\" type=\"button\" data-size=\"desktop\" aria-pressed=\"true\">Desktop<\/button>\n <button class=\"bq-rd-btn\" type=\"button\" data-size=\"laptop\" aria-pressed=\"false\">Laptop<\/button>\n <button class=\"bq-rd-btn\" type=\"button\" data-size=\"tablet\" aria-pressed=\"false\">Tablet<\/button>\n <button class=\"bq-rd-btn\" type=\"button\" data-size=\"mobile\" aria-pressed=\"false\">Mobile<\/button>\n <\/div>\n <div class=\"bq-rd-stage\">\n <div class=\"bq-rd-frame\" data-size=\"desktop\" aria-hidden=\"true\">\n <div class=\"bq-wf-nav\"><span class=\"bq-wf-logo\"><\/span><span class=\"bq-wf-links\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span><span class=\"bq-wf-burger\"><\/span><\/div>\n <div class=\"bq-wf-hero\"><div class=\"bq-wf-h\"><\/div><div class=\"bq-wf-p\"><\/div><div class=\"bq-wf-p bq-wf-p2\"><\/div><div class=\"bq-wf-btn\"><\/div><\/div>\n <div class=\"bq-wf-cards\"><div class=\"bq-wf-card\"><\/div><div class=\"bq-wf-card\"><\/div><div class=\"bq-wf-card\"><\/div><\/div>\n <\/div>\n <\/div>\n <p class=\"bq-rd-cap\">Illustration: the same page layout at four screen sizes.<\/p>\n <\/div>\n <\/div>\n <p class=\"bq-p\">Responsive development ensures that the layout and content adapt to different screen sizes.<\/p>\n <div class=\"bq-svc-block\">\n <h4>We consider<\/h4>\n <ul class=\"bq-covers\">\n <li>Mobile navigation<\/li>\n <li>Text readability<\/li>\n <li>Image sizing<\/li>\n <li>Button placement<\/li>\n <li>Forms<\/li>\n <li>Page spacing<\/li>\n <li>Touch interaction<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">A website should provide a consistent experience regardless of the device being used.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-content\" aria-labelledby=\"bq-tab-content\" tabindex=\"0\" hidden>\n <h3>Website content management<\/h3>\n <p class=\"bq-intro\">A website needs clear and useful content. Beshuq can help organise website content around the customer\u2019s journey.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Content may include<\/h4>\n <ul class=\"bq-covers\">\n <li>Service descriptions<\/li>\n <li>Product descriptions<\/li>\n <li>About pages<\/li>\n <li>Industry pages<\/li>\n <li>Blog articles<\/li>\n <li>FAQs<\/li>\n <li>Case studies<\/li>\n <li>Landing-page content<\/li>\n <li>Calls-to-action<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">Content can be structured to support both customer understanding and digital marketing objectives.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-seo\" aria-labelledby=\"bq-tab-seo\" tabindex=\"0\" hidden>\n <h3>SEO-friendly website development<\/h3>\n <p class=\"bq-intro\">Web development and SEO should not be treated as completely separate activities. The website\u2019s structure can influence how search engines understand and crawl the site.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can consider<\/h4>\n <ul class=\"bq-covers\">\n <li>Page structure<\/li>\n <li>Heading hierarchy<\/li>\n <li>URLs<\/li>\n <li>Metadata<\/li>\n <li>Internal linking<\/li>\n <li>Mobile responsiveness<\/li>\n <li>Website speed<\/li>\n <li>Image optimisation<\/li>\n <li>Sitemap<\/li>\n <li>Crawlability<\/li>\n <li>Structured content<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">This creates a stronger technical foundation for ongoing SEO work.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-speed\" aria-labelledby=\"bq-tab-speed\" tabindex=\"0\" hidden>\n <h3>Website speed & performance<\/h3>\n <p class=\"bq-intro\">A beautiful website is not enough if it takes too long to load.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Website performance can affect<\/h4>\n <ul class=\"bq-covers\">\n <li>User experience<\/li>\n <li>Engagement<\/li>\n <li>Conversions<\/li>\n <li>Search visibility<\/li>\n <li>Customer satisfaction<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can review and optimise areas such as<\/h4>\n <ul class=\"bq-covers\">\n <li>Image sizes<\/li>\n <li>Page structure<\/li>\n <li>Caching<\/li>\n <li>Scripts<\/li>\n <li>Plugins<\/li>\n <li>Code efficiency<\/li>\n <li>Hosting configuration<\/li>\n <li>Media loading<\/li>\n <li>Database-related performance<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">Performance improvements depend on the website\u2019s technology, hosting environment and existing architecture.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-security\" aria-labelledby=\"bq-tab-security\" tabindex=\"0\" hidden>\n <h3>Website security<\/h3>\n <p class=\"bq-intro\">A website should be protected against common security risks.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can assist with website security practices such as<\/h4>\n <ul class=\"bq-covers\">\n <li>SSL configuration<\/li>\n <li>Secure login practices<\/li>\n <li>Software\/plugin updates<\/li>\n <li>Backup systems<\/li>\n <li>Security monitoring<\/li>\n <li>Access management<\/li>\n <li>Malware\/security checks<\/li>\n <li>Basic hardening<\/li>\n <li>Recovery planning<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">Security requirements vary depending on the website, hosting environment and information being handled.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-domain\" aria-labelledby=\"bq-tab-domain\" tabindex=\"0\" hidden>\n <h3>Domain & hosting support<\/h3>\n <p class=\"bq-intro\">A website requires appropriate domain and hosting infrastructure. Beshuq can help businesses with both.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Domain<\/h4>\n <ul class=\"bq-covers\">\n <li>Domain selection<\/li>\n <li>Domain configuration<\/li>\n <li>DNS support<\/li>\n <li>Domain migration<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>Hosting<\/h4>\n <ul class=\"bq-covers\">\n <li>Hosting selection<\/li>\n <li>Hosting setup<\/li>\n <li>Website deployment<\/li>\n <li>Server-related coordination<\/li>\n <li>SSL<\/li>\n <li>Email-related configuration<\/li>\n <li>Backup planning<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-p\">We can also assist businesses moving their websites between hosting providers.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-maintenance\" aria-labelledby=\"bq-tab-maintenance\" tabindex=\"0\" hidden>\n <h3>Website maintenance & support<\/h3>\n <p class=\"bq-intro\">Launching a website is not the end of the project.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Websites require ongoing attention because<\/h4>\n <ul class=\"bq-covers\">\n <li>Software gets updated<\/li>\n <li>Security requirements change<\/li>\n <li>Content changes<\/li>\n <li>Businesses add services<\/li>\n <li>Products change<\/li>\n <li>Technology evolves<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-p\">Beshuq can provide ongoing website maintenance support.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Maintenance may include<\/h4>\n <ul class=\"bq-covers\">\n <li>Content updates<\/li>\n <li>Plugin updates<\/li>\n <li>Theme updates<\/li>\n <li>Security checks<\/li>\n <li>Backup monitoring<\/li>\n <li>Performance checks<\/li>\n <li>Broken-link checks<\/li>\n <li>Form testing<\/li>\n <li>Minor design changes<\/li>\n <li>Technical troubleshooting<\/li>\n <\/ul>\n <\/div>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-integration\" aria-labelledby=\"bq-tab-integration\" tabindex=\"0\" hidden>\n <h3>Third-party integration<\/h3>\n <p class=\"bq-intro\">Modern websites often need to connect with external platforms.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Depending on the project, integrations may include<\/h4>\n <ul class=\"bq-covers\">\n <li>Payment gateways<\/li>\n <li>CRM systems<\/li>\n <li>Email platforms<\/li>\n <li>WhatsApp solutions<\/li>\n <li>Booking systems<\/li>\n <li>Analytics<\/li>\n <li>Marketing platforms<\/li>\n <li>E-commerce systems<\/li>\n <li>Shipping platforms<\/li>\n <li>APIs<\/li>\n <li>Forms<\/li>\n <li>Business software<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">Integration requirements are evaluated individually based on the systems involved.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-migration\" aria-labelledby=\"bq-tab-migration\" tabindex=\"0\" hidden>\n <h3>Website migration<\/h3>\n <p class=\"bq-intro\">Businesses sometimes need to move a website from one hosting provider, domain environment or technology setup to another.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Migration requires careful planning to reduce the risk of<\/h4>\n <ul class=\"bq-covers\">\n <li>Data loss<\/li>\n <li>Broken pages<\/li>\n <li>Downtime<\/li>\n <li>Lost emails<\/li>\n <li>Broken links<\/li>\n <li>SEO problems<\/li>\n <li>Database issues<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">Beshuq can support website migration planning, implementation and post-migration checks.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n\/* Services: tabs (click + arrow keys). Also exposes window.bqSelectService(id) for the hero picker. *\/\n(function(){\n var root = document.querySelector('[data-bq-services]');\n if(!root) return;\n var tabs = [].slice.call(root.querySelectorAll('[role=\"tab\"]'));\n var panels = [].slice.call(root.querySelectorAll('[role=\"tabpanel\"]'));\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function select(id, scroll){\n tabs.forEach(function(t){\n var on = t.getAttribute('data-target') === id;\n t.setAttribute('aria-selected', on ? 'true' : 'false');\n t.setAttribute('tabindex', on ? '0' : '-1');\n });\n panels.forEach(function(p){ p.hidden = (p.id !== 'bq-panel-' + id); });\n if(scroll){\n var sec = root.closest('.bq-services') || root;\n sec.scrollIntoView({behavior: reduce ? 'auto' : 'smooth', block: 'start'});\n }\n }\n\n tabs.forEach(function(t, i){\n t.addEventListener('click', function(){ select(t.getAttribute('data-target')); });\n t.addEventListener('keydown', function(e){\n var n = tabs.length, next = null;\n if(e.key === 'ArrowDown' || e.key === 'ArrowRight') next = (i + 1) % n;\n else if(e.key === 'ArrowUp' || e.key === 'ArrowLeft') next = (i - 1 + n) % n;\n else if(e.key === 'Home') next = 0;\n else if(e.key === 'End') next = n - 1;\n if(next !== null){\n e.preventDefault();\n select(tabs[next].getAttribute('data-target'));\n tabs[next].focus();\n }\n });\n });\n\n window.bqSelectService = function(id){ select(id, true); };\n})();\n<\/script>\n\n<script>\n\/* Responsive demo: resizes the illustrated page to each device width *\/\n(function(){\n var rd = document.querySelector('[data-bq-rd]');\n if(!rd) return;\n var frame = rd.querySelector('.bq-rd-frame');\n var btns = [].slice.call(rd.querySelectorAll('.bq-rd-btn'));\n btns.forEach(function(b){\n b.addEventListener('click', function(){\n frame.setAttribute('data-size', b.getAttribute('data-size'));\n btns.forEach(function(x){ x.setAttribute('aria-pressed', x === b ? 'true' : 'false'); });\n });\n });\n})();\n<\/script>\n\n\n<style>\n.bq-band{background:var(--band);color:var(--band-ink)}\n.bq-band .bq-section-head p{color:color-mix(in srgb,var(--band-ink) 78%,transparent)}\n.bq-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}\n.bq-chain li{position:relative;padding:48px 14px 0 0}\n.bq-chain li::before{\n content:attr(data-n);position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;\n display:grid;place-items:center;background:var(--accent);color:#0E1A2B;font:700 .9rem var(--font-body);\n}\n.bq-chain li:not(:last-child)::after{content:\"\";position:absolute;top:15px;left:40px;right:8px;height:2px;background:rgba(255,255,255,.28)}\n.bq-chain b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.15rem;line-height:1.25}\n.bq-chain span{display:block;margin-top:6px;color:color-mix(in srgb,var(--band-ink) 78%,transparent);font-size:.98rem;line-height:1.5}\n@media (max-width:900px){\n .bq-chain{grid-template-columns:1fr}\n .bq-chain li{padding:4px 0 28px 52px;min-height:32px}\n .bq-chain li:not(:last-child)::after{top:36px;left:15px;right:auto;width:2px;height:auto;bottom:2px}\n}\n<\/style>\n\n<section class=\"bq bq-section bq-band\" id=\"ecosystem\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>A website becomes more useful when it is connected<\/h2>\n <p>A website works best alongside the other digital business activities around it. That is why Beshuq approaches web development as part of a broader business growth ecosystem.<\/p>\n <\/div>\n <ol class=\"bq-chain\">\n <li data-n=\"1\"><b>Digital Marketing<\/b><span>Brings visitors to the website.<\/span><\/li>\n <li data-n=\"2\"><b>Website<\/b><span>Communicates the value proposition.<\/span><\/li>\n <li data-n=\"3\"><b>Landing Page<\/b><span>Converts visitors into enquiries.<\/span><\/li>\n <li data-n=\"4\"><b>CRM \/ Lead Management<\/b><span>Helps manage those enquiries.<\/span><\/li>\n <li data-n=\"5\"><b>Sales Team<\/b><span>Converts opportunities into customers.<\/span><\/li>\n <\/ol>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-approach-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,6vw,88px);align-items:start}\n.bq-approach-grid .bq-section-head{position:sticky;top:32px;margin-bottom:0}\n.bq-steps{display:grid;gap:0}\n.bq-step{position:relative;padding:0 0 36px 68px}\n.bq-step::before{\n content:attr(data-n);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;\n display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font:700 1.05rem var(--font-display);\n}\n.bq-step:not(:last-child)::after{content:\"\";position:absolute;left:21px;top:52px;bottom:8px;width:2px;background:var(--line)}\n.bq-step h3{font-size:1.4rem;font-weight:700;line-height:1.2;padding-top:6px}\n.bq-step p{margin-top:8px;color:var(--muted);max-width:58ch}\n.bq-step .bq-chips{margin-top:14px}\n.bq-step .bq-chip{font-size:.9rem;padding:6px 14px}\n@media (max-width:900px){.bq-approach-grid{grid-template-columns:1fr}.bq-approach-grid .bq-section-head{position:static}}\n<\/style>\n\n<section class=\"bq bq-section\" id=\"process\">\n <div class=\"bq-wrap bq-approach-grid\">\n <div class=\"bq-section-head\">\n <h2>Our web development process<\/h2>\n <p>Eight steps, from understanding your business to improving the website after launch.<\/p>\n <\/div>\n <ol class=\"bq-steps\">\n <li class=\"bq-step\" data-n=\"1\">\n <h3>Discover<\/h3>\n <p>We understand:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Business<\/li>\n <li class=\"bq-chip\">Industry<\/li>\n <li class=\"bq-chip\">Target audience<\/li>\n <li class=\"bq-chip\">Objectives<\/li>\n <li class=\"bq-chip\">Required functionality<\/li>\n <li class=\"bq-chip\">Competitors<\/li>\n <li class=\"bq-chip\">Existing digital presence<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"2\">\n <h3>Plan<\/h3>\n <p>We define:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Website structure<\/li>\n <li class=\"bq-chip\">Navigation<\/li>\n <li class=\"bq-chip\">Pages<\/li>\n <li class=\"bq-chip\">Features<\/li>\n <li class=\"bq-chip\">Technology<\/li>\n <li class=\"bq-chip\">Content requirements<\/li>\n <li class=\"bq-chip\">Conversion objectives<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"3\">\n <h3>Design<\/h3>\n <p>We create the visual direction and user experience. This includes:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Layout<\/li>\n <li class=\"bq-chip\">Typography<\/li>\n <li class=\"bq-chip\">Visual hierarchy<\/li>\n <li class=\"bq-chip\">Brand elements<\/li>\n <li class=\"bq-chip\">Navigation<\/li>\n <li class=\"bq-chip\">Calls-to-action<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"4\">\n <h3>Develop<\/h3>\n <p>The approved design is converted into a functional website. Depending on the project, development may use:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">WordPress<\/li>\n <li class=\"bq-chip\">E-commerce platforms<\/li>\n <li class=\"bq-chip\">Custom development<\/li>\n <li class=\"bq-chip\">Other appropriate technologies<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"5\">\n <h3>Integrate<\/h3>\n <p>Required systems and third-party services are connected.<\/p>\n <\/li>\n <li class=\"bq-step\" data-n=\"6\">\n <h3>Test<\/h3>\n <p>Before launch, the website can be checked for:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Mobile responsiveness<\/li>\n <li class=\"bq-chip\">Forms<\/li>\n <li class=\"bq-chip\">Links<\/li>\n <li class=\"bq-chip\">Navigation<\/li>\n <li class=\"bq-chip\">Performance<\/li>\n <li class=\"bq-chip\">Browser compatibility<\/li>\n <li class=\"bq-chip\">Basic security<\/li>\n <li class=\"bq-chip\">Functionality<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"7\">\n <h3>Launch<\/h3>\n <p>The website is deployed to the production environment.<\/p>\n <\/li>\n <li class=\"bq-step\" data-n=\"8\">\n <h3>Support & improve<\/h3>\n <p>After launch, businesses can continue improving content, performance, functionality and digital marketing integration.<\/p>\n <\/li>\n <\/ol>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-audience{background:var(--surface);border-block:1px solid var(--line)}\n.bq-aud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,72px)}\n.bq-aud div{padding:20px 0;border-top:1px solid var(--line)}\n.bq-aud dt{font-family:var(--font-display);font-weight:700;font-size:1.2rem}\n.bq-aud dd{margin:4px 0 0;color:var(--muted);max-width:44ch}\n@media (max-width:760px){.bq-aud{grid-template-columns:1fr}}\n<\/style>\n\n<section class=\"bq bq-section bq-audience\" id=\"who\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>Who we serve<\/h2>\n <p>From a first business website to a multi-market platform, the approach is customised to the business.<\/p>\n <\/div>\n <dl class=\"bq-aud\">\n <div><dt>Startups<\/dt><dd>Professional digital presence from day one.<\/dd><\/div>\n <div><dt>Small businesses<\/dt><dd>Affordable and scalable business websites.<\/dd><\/div>\n <div><dt>SMEs<\/dt><dd>Websites designed around business growth.<\/dd><\/div>\n <div><dt>Corporate businesses<\/dt><dd>Structured websites for larger organisations.<\/dd><\/div>\n <div><dt>E-commerce businesses<\/dt><dd>Online stores and marketplace-connected ecosystems.<\/dd><\/div>\n <div><dt>Retail businesses<\/dt><dd>Digital presence for physical and online retail.<\/dd><\/div>\n <div><dt>Hospitality<\/dt><dd>Websites for hotels, restaurants and hospitality businesses.<\/dd><\/div>\n <div><dt>Professional services<\/dt><dd>Consultants, agencies and service-based businesses.<\/dd><\/div>\n <div><dt>International businesses<\/dt><dd>Websites designed for multiple markets and audiences.<\/dd><\/div>\n <\/dl>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px)}\n.bq-why-item h3{font-size:1.25rem;font-weight:700;padding-top:14px;border-top:3px solid var(--primary)}\n.bq-why-item p{margin-top:8px;color:var(--muted)}\n@media (max-width:900px){.bq-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media (max-width:560px){.bq-why-grid{grid-template-columns:1fr}}\n\n.bq-eco{margin-top:clamp(56px,8vw,96px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,80px);align-items:start}\n.bq-eco h3{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.12;font-weight:700}\n.bq-eco .bq-lead{margin-top:14px;color:var(--muted);max-width:44ch}\n.bq-eco .bq-lead + .bq-lead{margin-top:10px}\n.bq-eco-list li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line)}\n.bq-eco-list li:last-child{border-bottom:1px solid var(--line)}\n.bq-eco-list b{font-family:var(--font-display);font-size:1.02rem}\n.bq-eco-list span{color:var(--muted);font-size:.96rem;line-height:1.5}\n@media (max-width:900px){.bq-eco{grid-template-columns:1fr}}\n@media (max-width:520px){.bq-eco-list li{grid-template-columns:1fr;gap:2px}}\n.bq-eco .bq-chips{margin-top:16px}\n<\/style>\n\n<section class=\"bq bq-section\" id=\"why\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>Why Beshuq web development?<\/h2>\n <p>We start with what the business needs the website to achieve, then choose the design and technology to get there.<\/p>\n <\/div>\n <div class=\"bq-why-grid\">\n <div class=\"bq-why-item\"><h3>Business before technology<\/h3><p>We first understand what the website needs to accomplish.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Strategy + design + development<\/h3><p>We connect business objectives with user experience and technology.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Scalable approach<\/h3><p>The website can be structured with future growth in mind.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Mobile-first thinking<\/h3><p>We consider the experience across modern devices.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Performance conscious<\/h3><p>Speed and usability are considered throughout development.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Digital marketing ready<\/h3><p>Websites can be structured to support SEO, advertising, content and lead generation.<\/p><\/div>\n <\/div>\n\n <div class=\"bq-eco\">\n <div>\n <h3>One business solutions ecosystem<\/h3>\n <p class=\"bq-lead\">Beshuq can also support the business through:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Consulting<\/li>\n <li class=\"bq-chip\">Digital Marketing<\/li>\n <li class=\"bq-chip\">Accounting<\/li>\n <li class=\"bq-chip\">Web Development<\/li>\n <li class=\"bq-chip\">E-Commerce<\/li>\n <li class=\"bq-chip\">Photography<\/li>\n <li class=\"bq-chip\">Staffing<\/li>\n <li class=\"bq-chip\">Housekeeping<\/li>\n <li class=\"bq-chip\">Security<\/li>\n <\/ul>\n <\/div>\n <ul class=\"bq-eco-list\">\n <li><b>Business Consulting<\/b><span>Define your digital and business strategy.<\/span><\/li>\n <li><b>Digital Marketing<\/b><span>Drive relevant traffic, visibility and leads.<\/span><\/li>\n <li><b>Accounting & Financial Services<\/b><span>Support the financial management of your business.<\/span><\/li>\n <li><b>E-Commerce Platform Services<\/b><span>Manage online marketplaces and digital commerce.<\/span><\/li>\n <li><b>Photography & Videography<\/b><span>Create professional images and videos for your website and campaigns.<\/span><\/li>\n <li><b>Staffing Services<\/b><span>Build the workforce required to operate and grow your business.<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-faq{background:var(--surface);border-block:1px solid var(--line)}\n.bq-faq-list{max-width:820px}\n.bq-faq details{border-top:1px solid var(--line)}\n.bq-faq details:last-child{border-bottom:1px solid var(--line)}\n.bq-faq summary{\n list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;\n padding:20px 0;font-family:var(--font-display);font-weight:500;font-size:1.18rem;line-height:1.3;\n}\n.bq-faq summary::-webkit-details-marker{display:none}\n.bq-faq summary::after{\n content:\"+\";flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;\n border:1.5px solid var(--line);font:500 1.3rem\/1 var(--font-body);color:var(--primary);\n transition:transform .2s ease,background-color .2s ease;\n}\n.bq-faq details[open] summary::after{content:\"\\2212\";background:var(--tint)}\n.bq-faq details p{padding:0 52px 22px 0;color:var(--muted);max-width:62ch}\n<\/style>\n\n<section class=\"bq bq-section bq-faq\" id=\"faq\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>Web development FAQ<\/h2>\n <\/div>\n <div class=\"bq-faq-list\">\n <details><summary>What type of websites does Beshuq develop?<\/summary><p>Beshuq can develop business websites, corporate websites, e-commerce websites, WordPress websites, landing pages and customised web solutions.<\/p><\/details>\n <details><summary>Do you develop WordPress websites?<\/summary><p>Yes. WordPress development and customisation can be provided according to project requirements.<\/p><\/details>\n <details><summary>Can you redesign an existing website?<\/summary><p>Yes. Existing websites can be audited and redesigned based on business and user-experience requirements.<\/p><\/details>\n <details><summary>Do you develop e-commerce websites?<\/summary><p>Yes. E-commerce websites can be developed with product catalogues, carts, checkout, payments and other required functionality.<\/p><\/details>\n <details><summary>Can you manage website maintenance after launch?<\/summary><p>Yes. Ongoing maintenance and support can be provided depending on the selected service arrangement.<\/p><\/details>\n <details><summary>Do you provide domain and hosting?<\/summary><p>Beshuq can assist with domain, hosting, DNS, SSL and deployment-related requirements. Specific hosting arrangements depend on the project.<\/p><\/details>\n <details><summary>Can you migrate an existing website?<\/summary><p>Yes. Website migration can be supported with planning, transfer and post-migration checks.<\/p><\/details>\n <details><summary>Will the website be mobile friendly?<\/summary><p>Responsive design and development can be included so the website adapts to different screen sizes.<\/p><\/details>\n <details><summary>Can you connect the website with digital marketing?<\/summary><p>Yes. Website development can be structured to work with SEO, advertising, social media, analytics and lead-generation activities.<\/p><\/details>\n <details><summary>Can you build a website for an international business?<\/summary><p>Yes. International websites can be structured for multiple markets, languages, regions and business requirements.<\/p><\/details>\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-cta{background:var(--band);color:var(--band-ink)}\n.bq-cta-in{display:grid;gap:22px;max-width:760px}\n.bq-cta h2{font-size:clamp(2.2rem,5.2vw,4rem);line-height:1.04;font-weight:700;letter-spacing:-0.025em}\n.bq-cta p{color:color-mix(in srgb,var(--band-ink) 80%,transparent);max-width:56ch}\n.bq-cta .bq-lede{font-family:var(--font-display);font-size:1.4rem;color:var(--band-ink)}\n<\/style>\n\n<section class=\"bq bq-section bq-cta\" id=\"consultation\">\n <div class=\"bq-wrap\">\n <div class=\"bq-cta-in\">\n <h2>Your business deserves more than just a website.<\/h2>\n <p class=\"bq-lede\">Let\u2019s build your digital future.<\/p>\n <p>It needs a digital platform that communicates your value, builds credibility, supports customers and contributes to business growth. Whether you need a new business website, corporate website, e-commerce platform, WordPress website, landing page, redesign or ongoing website support, Beshuq can help you build the right digital foundation.<\/p>\n <div class=\"bq-actions\" style=\"margin-top:6px\">\n \n <a class=\"bq-btn bq-btn-accent\" href=\"#\" data-cta=\"project\">Start your website project<\/a>\n <a class=\"bq-btn bq-btn-light\" href=\"#\" data-cta=\"consultation\">Get free consultation<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-footer{padding-block:36px;color:var(--muted);font-size:.94rem}\n.bq-footer .bq-wrap{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between}\n<\/style>\n\n\n \n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web Development Services | Beshuq Build a digital presencethat works for your business. Your website is more than an online […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Web Development Services - Beshuq<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/beshuq.com\/fr\/web-development-services\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Development Services - Beshuq\" \/>\n<meta property=\"og:description\" content=\"Web Development Services | Beshuq Build a digital presencethat works for your business. Your website is more than an online […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/beshuq.com\/fr\/web-development-services\/\" \/>\n<meta property=\"og:site_name\" content=\"Beshuq\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-21T11:05:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/\",\"url\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/\",\"name\":\"Web Development Services - Beshuq\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png\",\"datePublished\":\"2026-09-18T13:30:41+00:00\",\"dateModified\":\"2026-09-21T11:05:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#primaryimage\",\"url\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png\",\"contentUrl\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/beshuq.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development Services\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/\",\"name\":\"Beshuq\",\"description\":\"Business Growth Solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#organization\",\"name\":\"Beshuq\",\"url\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-1.png\",\"contentUrl\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-1.png\",\"width\":2000,\"height\":668,\"caption\":\"Beshuq\"},\"image\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Web Development Services - Beshuq","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/beshuq.com\/fr\/web-development-services\/","og_locale":"en_US","og_type":"article","og_title":"Web Development Services - Beshuq","og_description":"Web Development Services | Beshuq Build a digital presencethat works for your business. Your website is more than an online […]","og_url":"https:\/\/beshuq.com\/fr\/web-development-services\/","og_site_name":"Beshuq","article_modified_time":"2026-09-21T11:05:16+00:00","og_image":[{"url":"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/beshuq.com\/fr\/web-development-services\/","url":"https:\/\/beshuq.com\/fr\/web-development-services\/","name":"Web Development Services - Beshuq","isPartOf":{"@id":"https:\/\/beshuq.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#primaryimage"},"image":{"@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#primaryimage"},"thumbnailUrl":"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png","datePublished":"2026-09-18T13:30:41+00:00","dateModified":"2026-09-21T11:05:16+00:00","breadcrumb":{"@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/beshuq.com\/fr\/web-development-services\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#primaryimage","url":"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png","contentUrl":"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png"},{"@type":"BreadcrumbList","@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/beshuq.com\/"},{"@type":"ListItem","position":2,"name":"Web Development Services"}]},{"@type":"WebSite","@id":"https:\/\/beshuq.com\/fr\/#website","url":"https:\/\/beshuq.com\/fr\/","name":"Beshuq","description":"Business Growth Solutions","publisher":{"@id":"https:\/\/beshuq.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/beshuq.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/beshuq.com\/fr\/#organization","name":"Beshuq","url":"https:\/\/beshuq.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beshuq.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/beshuq.com\/wp-content\/uploads\/2026\/09\/cropped-1.png","contentUrl":"https:\/\/beshuq.com\/wp-content\/uploads\/2026\/09\/cropped-1.png","width":2000,"height":668,"caption":"Beshuq"},"image":{"@id":"https:\/\/beshuq.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":13,"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/pages\/103\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"5\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n

\n \t\t

\n\t\t\t\t\t\n\n\n\n\nWeb Development Services | Beshuq<\/title>\n<meta name=\"description\" content=\"Beshuq Web Development Services help businesses build, improve and manage their digital platforms, from business websites and corporate portals to e-commerce websites and custom web solutions.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Public+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ---- Design tokens (light \/ dark) ---- *\/\n:root{\n --bg:#F5F7FB; --surface:#FFFFFF; --ink:#0E1A2B; --muted:#4A5870; --line:#D9E0EC;\n --primary:#2340C8; --on-primary:#FFFFFF; --accent:#F2A20C; --tint:#E8EDFB;\n --band:#0E1A2B; --band-ink:#EAF0FB;\n --font-display:\"Bricolage Grotesque\",\"Trebuchet MS\",\"Segoe UI\",system-ui,sans-serif;\n --font-body:\"Public Sans\",\"Segoe UI\",system-ui,-apple-system,Arial,sans-serif;\n}\n@media (prefers-color-scheme: dark){\n :root:not([data-theme=\"light\"]){\n --bg:#0B1220; --surface:#131C30; --ink:#EAF0FB; --muted:#A3B0C7; --line:#26324B;\n --primary:#8CA0FF; --on-primary:#0B1220; --accent:#F5B336; --tint:#18233F;\n --band:#16223C; --band-ink:#EAF0FB;\n }\n}\n:root[data-theme=\"dark\"]{\n --bg:#0B1220; --surface:#131C30; --ink:#EAF0FB; --muted:#A3B0C7; --line:#26324B;\n --primary:#8CA0FF; --on-primary:#0B1220; --accent:#F5B336; --tint:#18233F;\n --band:#16223C; --band-ink:#EAF0FB;\n}\n\n\/* ---- Base (every section root element carries the class \"bq\") ---- *\/\nhtml{scroll-behavior:smooth}\n.bq{box-sizing:border-box;color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-align:left}\n:where(.bq){background:var(--bg)}\n.bq *,.bq *::before,.bq *::after{box-sizing:border-box}\n.bq img,.bq svg{max-width:100%}\n.bq h1,.bq h2,.bq h3,.bq h4{font-family:var(--font-display);margin:0;letter-spacing:-0.015em;color:inherit;text-transform:none}\n.bq p{margin:0}\n.bq ul,.bq ol{margin:0;padding:0;list-style:none}\n.bq a{color:inherit}\n.bq :focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:4px}\n\n\/* ---- Shared layout ---- *\/\n.bq-wrap{width:100%;max-width:1120px;margin:0 auto;padding-inline:clamp(20px,4vw,40px)}\n.bq-section{padding-block:clamp(64px,9vw,112px)}\n.bq-section-head{display:grid;gap:16px;margin-bottom:clamp(32px,5vw,56px);max-width:760px}\n.bq-section-head h2{font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1.1;font-weight:700}\n.bq-section-head p{color:var(--muted);max-width:62ch}\n\n\/* ---- Buttons ---- *\/\n.bq .bq-btn{\n display:inline-flex;align-items:center;justify-content:center;gap:8px;\n padding:14px 24px;border-radius:999px;border:2px solid transparent;\n font:600 1rem\/1 var(--font-body);text-decoration:none;cursor:pointer;\n transition:transform .15s ease,background-color .15s ease,border-color .15s ease;\n}\n.bq .bq-btn:hover{transform:translateY(-1px)}\n.bq .bq-btn-primary{background:var(--primary);color:var(--on-primary)}\n.bq .bq-btn-primary:hover{filter:brightness(1.08)}\n.bq .bq-btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}\n.bq .bq-btn-ghost:hover{background:var(--tint)}\n.bq .bq-btn-sm{padding:10px 18px;font-size:.9375rem}\n.bq .bq-btn-accent{background:var(--accent);color:#0E1A2B}\n.bq .bq-btn-light{background:transparent;color:var(--band-ink);border-color:var(--band-ink)}\n.bq .bq-btn-light:hover{background:rgba(255,255,255,.1)}\n\n.bq-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}\n\n\/* ---- Chips (used in \"What is consulting\" and \"Approach\") ---- *\/\n.bq-chips{display:flex;flex-wrap:wrap;gap:10px}\n.bq-chip{padding:8px 16px;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;font-size:.96rem;font-weight:500}\n\n@media (prefers-reduced-motion:reduce){\n html{scroll-behavior:auto}\n .bq *{transition:none !important;animation:none !important}\n}\n<\/style>\n<style>body{margin:0}<\/style>\n<\/head>\n<body>\n\n\n<style>\n.bq-hero{padding-block:clamp(48px,7vw,96px) clamp(56px,8vw,104px)}\n.bq-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:start}\n.bq-hero h1{font-size:clamp(2.5rem,5.8vw,4.5rem);line-height:1.04;font-weight:700;letter-spacing:-0.03em}\n.bq-hero h1 span{display:block}\n.bq-hero .bq-lede{margin-top:28px;font-size:1.2rem;line-height:1.55;max-width:36em}\n.bq-hero .bq-sub{margin-top:14px;color:var(--muted);max-width:36em}\n.bq-hero .bq-fine{margin-top:28px;padding-left:16px;border-left:3px solid var(--accent);color:var(--muted);max-width:34em;font-size:.98rem}\n@media (max-width:920px){.bq-hero-grid{grid-template-columns:1fr}}\n\n\/* Browser mock-up *\/\n.bq-browser{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -24px rgba(14,26,43,.35)}\n.bq-br-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--tint);border-bottom:1px solid var(--line)}\n.bq-br-dot{width:11px;height:11px;border-radius:50%;background:var(--muted);opacity:.4}\n.bq-br-dot:first-child{background:var(--accent);opacity:1}\n.bq-br-url{margin-left:10px;flex:1;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.86rem;line-height:1.2;color:var(--muted)}\n.bq-br-body{padding:clamp(20px,3vw,30px)}\n.bq-br-body h2{font-size:1.28rem;line-height:1.3;font-weight:700}\n.bq .bq-br-list{margin-top:18px;display:grid;gap:10px}\n.bq-br-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-weight:500;line-height:1.35}\n.bq-br-list li::before{\n content:\"\\2713\";flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;\n background:var(--primary);color:var(--on-primary);font-size:.8rem;font-weight:700;\n}\n@media (prefers-reduced-motion:no-preference){\n .bq-hero h1 span{opacity:0;transform:translateY(18px);animation:bq-rise .7s cubic-bezier(.2,.7,.2,1) forwards}\n .bq-hero h1 span:nth-child(2){animation-delay:.12s}\n @keyframes bq-rise{to{opacity:1;transform:none}}\n .bq-br-list li::before{transform:scale(0);animation:bq-tick .35s cubic-bezier(.2,.9,.3,1.4) forwards}\n .bq-br-list li:nth-child(1)::before{animation-delay:.5s}\n .bq-br-list li:nth-child(2)::before{animation-delay:.65s}\n .bq-br-list li:nth-child(3)::before{animation-delay:.8s}\n .bq-br-list li:nth-child(4)::before{animation-delay:.95s}\n .bq-br-list li:nth-child(5)::before{animation-delay:1.1s}\n .bq-br-list li:nth-child(6)::before{animation-delay:1.25s}\n .bq-br-list li:nth-child(7)::before{animation-delay:1.4s}\n @keyframes bq-tick{to{transform:scale(1)}}\n}\n<\/style>\n\n<section class=\"bq bq-hero\" id=\"top\">\n <div class=\"bq-wrap bq-hero-grid\">\n <div>\n <h1><span>Build a digital presence<\/span><span>that works for your business.<\/span><\/h1>\n <p class=\"bq-lede\">Your website is more than an online address. It is often the first place where potential customers learn about your business, evaluate your credibility, explore your products or services and decide whether they should contact you.<\/p>\n <p class=\"bq-sub\">Beshuq Web Development Services help businesses build, improve and manage their digital platforms, from professional business websites and corporate portals to e-commerce websites and custom web solutions.<\/p>\n <div class=\"bq-actions\">\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Start your website project<\/a>\n <a class=\"bq-btn bq-btn-ghost\" href=\"#services\">Explore web services<\/a>\n <\/div>\n <p class=\"bq-fine\">We don\u2019t just build websites. We build digital platforms designed to support your business.<\/p>\n <\/div>\n\n <aside class=\"bq-browser\" aria-labelledby=\"bq-br-title\">\n <div class=\"bq-br-bar\" aria-hidden=\"true\">\n <span class=\"bq-br-dot\"><\/span><span class=\"bq-br-dot\"><\/span><span class=\"bq-br-dot\"><\/span>\n <span class=\"bq-br-url\">www.yourbusiness.com<\/span>\n <\/div>\n <div class=\"bq-br-body\">\n <h2 id=\"bq-br-title\">A professionally designed website should do more than look attractive. It should be:<\/h2>\n <ul class=\"bq-br-list\">\n <li>Fast<\/li>\n <li>Responsive<\/li>\n <li>Secure<\/li>\n <li>Easy to navigate<\/li>\n <li>Search-friendly<\/li>\n <li>Scalable<\/li>\n <li>Aligned with your business objectives<\/li>\n <\/ul>\n <\/div>\n <\/aside>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-wd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:start}\n.bq-wd-copy{display:grid;gap:18px}\n.bq-wd-copy p{max-width:58ch}\n.bq-wd-stack h3{font-size:1.25rem;font-weight:700;margin-bottom:16px}\n.bq-first{margin-top:clamp(40px,6vw,72px);padding:clamp(24px,4vw,44px);border-radius:24px;background:var(--tint)}\n.bq-first h3{font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.2;font-weight:700;max-width:26em}\n.bq-first .bq-first-lead{margin-top:12px;color:var(--muted)}\n.bq .bq-first-list{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.5vw,28px)}\n.bq-first-list li{padding-top:14px;border-top:3px solid var(--accent);font-family:var(--font-display);font-size:1.15rem;line-height:1.3;font-weight:500}\n.bq-first .bq-first-close{margin-top:26px;max-width:52ch;font-weight:500}\n@media (max-width:920px){.bq-wd-grid{grid-template-columns:1fr}.bq-first-list{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media (max-width:520px){.bq-first-list{grid-template-columns:1fr}}\n<\/style>\n\n<section class=\"bq bq-section\" id=\"what\">\n <div class=\"bq-wrap\">\n <div class=\"bq-wd-grid\">\n <div class=\"bq-wd-copy\">\n <div class=\"bq-section-head\" style=\"margin-bottom:0\">\n <h2>What is web development?<\/h2>\n <\/div>\n <p>Web development is the process of creating, developing, deploying and maintaining websites and web-based platforms.<\/p>\n <p>A complete website involves much more than visual design. Whether you are launching a new business, redesigning an existing website or building a complete online platform, Beshuq combines strategy, design, technology and business understanding to create digital experiences built around your goals.<\/p>\n <\/div>\n <div class=\"bq-wd-stack\">\n <h3>A complete website can include<\/h3>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Business strategy<\/li>\n <li class=\"bq-chip\">Website structure<\/li>\n <li class=\"bq-chip\">User experience<\/li>\n <li class=\"bq-chip\">UI design<\/li>\n <li class=\"bq-chip\">Front-end development<\/li>\n <li class=\"bq-chip\">Back-end development<\/li>\n <li class=\"bq-chip\">Database integration<\/li>\n <li class=\"bq-chip\">Content management<\/li>\n <li class=\"bq-chip\">E-commerce functionality<\/li>\n <li class=\"bq-chip\">Security<\/li>\n <li class=\"bq-chip\">Performance optimisation<\/li>\n <li class=\"bq-chip\">Search-engine readiness<\/li>\n <li class=\"bq-chip\">Maintenance<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bq-first\">\n <h3>At Beshuq, we approach web development from a business-first perspective.<\/h3>\n <p class=\"bq-first-lead\">Before deciding what a website should look like, we consider:<\/p>\n <ul class=\"bq-first-list\">\n <li>Who is the website for?<\/li>\n <li>What should visitors understand?<\/li>\n <li>What action should they take?<\/li>\n <li>What does the business need the website to achieve?<\/li>\n <\/ul>\n <p class=\"bq-first-close\">This helps create a website that supports the business rather than functioning simply as a digital brochure.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-pb-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);align-items:start}\n.bq-pb-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,32px);box-shadow:0 18px 40px -24px rgba(14,26,43,.35)}\n.bq-pb-list{display:grid;gap:8px}\n.bq-pb-opt{\n display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:12px;\n border:1.5px solid var(--line);background:transparent;color:var(--ink);font:500 .98rem\/1.4 var(--font-body);cursor:pointer;\n transition:border-color .15s ease,background-color .15s ease;\n}\n.bq-pb-opt::before{content:\"\";flex:0 0 18px;height:18px;margin-top:2px;border-radius:50%;border:2px solid var(--muted);transition:all .15s ease}\n.bq-pb-opt:hover{border-color:var(--primary)}\n.bq-pb-opt[aria-pressed=\"true\"]{border-color:var(--primary);background:var(--tint)}\n.bq-pb-opt[aria-pressed=\"true\"]::before{border-color:var(--primary);background:radial-gradient(circle,var(--primary) 45%,transparent 50%)}\n.bq-pb-result{margin-top:18px;padding:16px 18px;border-radius:12px;background:var(--tint);min-height:116px}\n.bq-pb-result strong{display:block;font-family:var(--font-display);font-size:1.05rem;margin-bottom:4px}\n.bq-pb-result p{font-size:.98rem}\n.bq-pb-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:10px}\n.bq-link-btn{padding:0;background:none;border:0;color:var(--primary);font:600 .98rem\/1.5 var(--font-body);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-align:left}\n@media (prefers-reduced-motion:no-preference){\n .bq-pb-result.bq-swap{animation:bq-fade .35s ease}\n @keyframes bq-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}\n}\n@media (max-width:920px){.bq-pb-grid{grid-template-columns:1fr}}\n<\/style>\n\n<section class=\"bq bq-section\" id=\"problems\">\n <div class=\"bq-wrap bq-pb-grid\">\n <div class=\"bq-section-head\" style=\"margin-bottom:0\">\n <h2>Common website problems we help solve<\/h2>\n <p>Pick the statement closest to your situation and see how we would approach it.<\/p>\n <\/div>\n\n <div class=\"bq-pb-panel\">\n <div class=\"bq-pb-list\">\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"true\" data-answer=\"We can help plan and develop a professional digital presence.\" data-svc=\"business:Business website development\">We don\u2019t have a website.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"A redesign can improve its structure, appearance and user experience.\" data-svc=\"redesign:Website redesign\">Our website looks outdated.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"Responsive development can improve the experience across devices.\" data-svc=\"responsive:Responsive web development\">Our website is not mobile friendly.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"Performance can be audited and optimisation opportunities identified.\" data-svc=\"speed:Website speed & performance\">Our website is slow.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"The problem may involve messaging, page structure, trust elements or conversion pathways.\" data-svc=\"landing:Landing page development,uiux:UI\/UX design\">People visit our website but don\u2019t contact us.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"An e-commerce website can be designed around the complete buying journey.\" data-svc=\"ecommerce:E-commerce website development\">We want to sell online.<\/button>\n <button class=\"bq-pb-opt\" type=\"button\" aria-pressed=\"false\" data-answer=\"Migration planning can help reduce downtime and technical problems.\" data-svc=\"migration:Website migration\">We want to move our website to another hosting provider.<\/button>\n <\/div>\n <div class=\"bq-pb-result\" aria-live=\"polite\">\n <strong>How we approach it<\/strong>\n <p>We can help plan and develop a professional digital presence.<\/p>\n <div class=\"bq-pb-links\">\n <a class=\"bq-link-btn\" href=\"#services\">Business website development<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n\/* Problem picker: shows how Beshuq approaches the selected problem and links to the matching service *\/\n(function(){\n var list = document.querySelector('.bq-pb-list');\n var result = document.querySelector('.bq-pb-result');\n if(!list || !result) return;\n var opts = [].slice.call(list.querySelectorAll('.bq-pb-opt'));\n\n function go(id){\n if(window.bqSelectService){ window.bqSelectService(id); } \/* provided by the Services section *\/\n else { window.location.hash = '#services'; }\n }\n\n function show(btn, animate){\n opts.forEach(function(o){ o.setAttribute('aria-pressed', o === btn ? 'true' : 'false'); });\n result.innerHTML = '';\n var strong = document.createElement('strong'); strong.textContent = 'How we approach it';\n var p = document.createElement('p'); p.textContent = btn.getAttribute('data-answer');\n var links = document.createElement('div'); links.className = 'bq-pb-links';\n btn.getAttribute('data-svc').split(',').forEach(function(pair){\n var parts = pair.split(':');\n var b = document.createElement('button');\n b.type = 'button'; b.className = 'bq-link-btn'; b.textContent = parts[1];\n b.addEventListener('click', function(){ go(parts[0]); });\n links.appendChild(b);\n });\n result.appendChild(strong); result.appendChild(p); result.appendChild(links);\n if(animate){ result.classList.remove('bq-swap'); void result.offsetWidth; result.classList.add('bq-swap'); }\n }\n opts.forEach(function(o){ o.addEventListener('click', function(){ show(o, true); }); });\n show(opts[0], false);\n})();\n<\/script>\n\n\n<style>\n.bq-services{background:var(--surface);border-block:1px solid var(--line)}\n.bq-svc-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}\n.bq-svc-tabs{display:grid;gap:2px;position:sticky;top:24px}\n.bq-svc-tab{\n text-align:left;padding:12px 16px;background:transparent;border:0;border-left:3px solid var(--line);\n color:var(--muted);font:500 1rem\/1.35 var(--font-body);cursor:pointer;\n transition:background-color .15s ease,color .15s ease,border-color .15s ease;\n}\n.bq-svc-tab:hover{color:var(--ink);background:var(--tint)}\n.bq-svc-tab[aria-selected=\"true\"]{color:var(--ink);font-weight:600;border-left-color:var(--accent);background:var(--tint)}\n.bq-svc-panel{min-height:520px}\n.bq-svc-panel h3{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12;font-weight:700}\n.bq-svc-panel .bq-intro{margin-top:16px;font-size:1.12rem;max-width:58ch}\n.bq-svc-panel .bq-intro + .bq-intro{margin-top:10px;color:var(--muted);font-size:1.02rem}\n.bq-svc-block{margin-top:30px}\n.bq-svc-block h4{font-size:1.05rem;font-weight:700;margin-bottom:12px}\n.bq-questions li{padding:10px 0 10px 18px;border-left:3px solid var(--accent);margin-bottom:8px;font-weight:500;background:linear-gradient(90deg,var(--tint),transparent 70%)}\n.bq-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}\n.bq-covers li{position:relative;padding-left:22px;line-height:1.45;padding-block:4px}\n.bq-covers li::before{content:\"\";position:absolute;left:0;top:.72em;width:9px;height:9px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}\n.bq-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\n.bq-type{padding:14px 16px;border:1.5px solid var(--line);border-radius:12px}\n.bq-type b{display:block;font-family:var(--font-display);font-size:1rem}\n.bq-type span{display:block;color:var(--muted);font-size:.94rem;line-height:1.45;margin-top:2px}\n.bq .bq-note{margin-top:26px;padding:14px 18px;border-radius:12px;background:var(--tint);color:var(--muted);font-size:.96rem}\n.bq-svc-panel .bq-btn{margin-top:30px}\n@media (max-width:900px){\n .bq-svc-grid{grid-template-columns:1fr}\n .bq-svc-tabs{position:static;display:flex;overflow-x:auto;gap:6px;padding-bottom:8px;margin-inline:calc(-1 * clamp(20px,4vw,40px));padding-inline:clamp(20px,4vw,40px);scrollbar-width:thin}\n .bq-svc-tab{white-space:nowrap;border-left:0;border-bottom:3px solid var(--line);padding:10px 14px}\n .bq-svc-tab[aria-selected=\"true\"]{border-bottom-color:var(--accent)}\n .bq-svc-panel{min-height:0}\n}\n@media (max-width:560px){.bq-covers,.bq-types{grid-template-columns:1fr}}\n.bq-svc-panel[hidden]{display:none}\n\n.bq-svc-panel[hidden]{display:none}\n.bq-svc-tabs{position:static;align-content:start}\n.bq-svc-group{padding:16px 16px 6px;font:600 .82rem\/1.2 var(--font-body);color:var(--muted)}\n.bq-svc-group:first-child{padding-top:0}\n.bq-svc-panel .bq-p{margin-top:16px;color:var(--muted);max-width:58ch}\n.bq-svc-panel .bq-intro + .bq-p{margin-top:12px}\n.bq-svc-panel .bq-svc-block + .bq-p{margin-top:28px}\n.bq-svc-block.bq-tight{margin-top:12px}\n.bq-flowline{display:flex;flex-wrap:wrap;gap:10px 22px}\n.bq-flowline li{position:relative;padding:9px 14px;background:var(--tint);border-radius:8px;font-weight:600;font-size:.95rem;line-height:1.3}\n.bq-flowline li:not(:last-child)::after{content:\"\";position:absolute;right:-15px;top:50%;width:8px;height:8px;border-right:2px solid var(--primary);border-top:2px solid var(--primary);transform:translateY(-50%) rotate(45deg)}\n.bq-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}\n.bq-versus > div{padding:16px 18px;border:1.5px solid var(--line);border-radius:12px;font-family:var(--font-display);font-size:1.1rem;font-weight:600}\n.bq-vs{color:var(--muted);font-weight:600}\n.bq .bq-closing{margin-top:26px;padding:4px 0 4px 18px;border-left:3px solid var(--primary);font-family:var(--font-display);font-size:1.2rem;line-height:1.4;font-weight:500;max-width:52ch}\n@media (max-width:900px){\n .bq-svc-group{display:none}\n}\n@media (max-width:560px){\n .bq-versus{grid-template-columns:1fr}\n .bq-vs{text-align:center}\n}\n\n.bq-svc-panel .bq-svc-block + .bq-svc-block.bq-tight{margin-top:14px}\n.bq-rd-tabs{display:flex;flex-wrap:wrap;gap:8px}\n.bq-rd-btn{padding:9px 18px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font:500 .95rem\/1 var(--font-body);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}\n.bq-rd-btn:hover{border-color:var(--primary)}\n.bq-rd-btn[aria-pressed=\"true\"]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}\n.bq-rd-stage{margin-top:14px;padding:clamp(12px,2vw,20px);border-radius:14px;background:var(--tint);display:flex;justify-content:center}\n.bq-rd-frame{width:100%;background:var(--surface);border:2px solid var(--ink);border-radius:10px;overflow:hidden;transition:width .35s ease}\n.bq-rd-frame[data-size=\"laptop\"]{width:88%}\n.bq-rd-frame[data-size=\"tablet\"]{width:62%}\n.bq-rd-frame[data-size=\"mobile\"]{width:34%;min-width:150px}\n.bq-wf-nav{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}\n.bq-wf-logo{width:28px;height:10px;border-radius:3px;background:var(--primary)}\n.bq-wf-links{display:flex;gap:6px;margin-left:auto}\n.bq-wf-links i{display:block;width:28px;height:6px;border-radius:3px;background:var(--line)}\n.bq-wf-burger{display:none;margin-left:auto;position:relative;width:16px;height:12px;border-top:2px solid var(--muted);border-bottom:2px solid var(--muted)}\n.bq-wf-burger::after{content:\"\";position:absolute;left:0;right:0;top:3px;height:2px;background:var(--muted)}\n.bq-rd-frame[data-size=\"mobile\"] .bq-wf-links{display:none}\n.bq-rd-frame[data-size=\"mobile\"] .bq-wf-burger{display:block}\n.bq-wf-hero{margin:12px;padding:20px 16px;border-radius:8px;background:var(--tint)}\n.bq-wf-h{height:12px;width:60%;border-radius:3px;background:var(--ink);opacity:.8}\n.bq-wf-p{height:6px;width:82%;margin-top:9px;border-radius:3px;background:var(--line)}\n.bq-wf-p.bq-wf-p2{width:56%}\n.bq-wf-btn{width:64px;height:16px;margin-top:14px;border-radius:99px;background:var(--accent)}\n.bq-wf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px}\n.bq-wf-card{height:58px;border-radius:6px;border:1.5px solid var(--line)}\n.bq-rd-frame[data-size=\"tablet\"] .bq-wf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}\n.bq-rd-frame[data-size=\"mobile\"] .bq-wf-cards{grid-template-columns:1fr}\n.bq-rd .bq-rd-cap{margin-top:10px;font-size:.9rem;color:var(--muted)}\n<\/style>\n\n<section class=\"bq bq-section bq-services\" id=\"services\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>Our web development services<\/h2>\n <p>Choose a service to see what it covers. Beshuq can build, improve and manage your digital platform, from a single landing page to a complete online platform.<\/p>\n <\/div>\n <div class=\"bq-svc-grid\" data-bq-services>\n <div class=\"bq-svc-tabs\" role=\"tablist\" aria-label=\"Web development services\" aria-orientation=\"vertical\">\n <div class=\"bq-svc-group\" role=\"presentation\">Website types<\/div>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-business\" aria-selected=\"true\" aria-controls=\"bq-panel-business\" tabindex=\"0\" data-target=\"business\">Business website development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-corporate\" aria-selected=\"false\" aria-controls=\"bq-panel-corporate\" tabindex=\"-1\" data-target=\"corporate\">Corporate website development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-ecommerce\" aria-selected=\"false\" aria-controls=\"bq-panel-ecommerce\" tabindex=\"-1\" data-target=\"ecommerce\">E-commerce website development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-wordpress\" aria-selected=\"false\" aria-controls=\"bq-panel-wordpress\" tabindex=\"-1\" data-target=\"wordpress\">WordPress development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-custom\" aria-selected=\"false\" aria-controls=\"bq-panel-custom\" tabindex=\"-1\" data-target=\"custom\">Custom website development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-landing\" aria-selected=\"false\" aria-controls=\"bq-panel-landing\" tabindex=\"-1\" data-target=\"landing\">Landing page development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-multilang\" aria-selected=\"false\" aria-controls=\"bq-panel-multilang\" tabindex=\"-1\" data-target=\"multilang\">Multi-language & international websites<\/button>\n <div class=\"bq-svc-group\" role=\"presentation\">Design & experience<\/div>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-redesign\" aria-selected=\"false\" aria-controls=\"bq-panel-redesign\" tabindex=\"-1\" data-target=\"redesign\">Website redesign<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-uiux\" aria-selected=\"false\" aria-controls=\"bq-panel-uiux\" tabindex=\"-1\" data-target=\"uiux\">UI\/UX design<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-responsive\" aria-selected=\"false\" aria-controls=\"bq-panel-responsive\" tabindex=\"-1\" data-target=\"responsive\">Responsive web development<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-content\" aria-selected=\"false\" aria-controls=\"bq-panel-content\" tabindex=\"-1\" data-target=\"content\">Website content management<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-seo\" aria-selected=\"false\" aria-controls=\"bq-panel-seo\" tabindex=\"-1\" data-target=\"seo\">SEO-friendly website development<\/button>\n <div class=\"bq-svc-group\" role=\"presentation\">Performance & protection<\/div>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-speed\" aria-selected=\"false\" aria-controls=\"bq-panel-speed\" tabindex=\"-1\" data-target=\"speed\">Website speed & performance<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-security\" aria-selected=\"false\" aria-controls=\"bq-panel-security\" tabindex=\"-1\" data-target=\"security\">Website security<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-domain\" aria-selected=\"false\" aria-controls=\"bq-panel-domain\" tabindex=\"-1\" data-target=\"domain\">Domain & hosting support<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-maintenance\" aria-selected=\"false\" aria-controls=\"bq-panel-maintenance\" tabindex=\"-1\" data-target=\"maintenance\">Website maintenance & support<\/button>\n <div class=\"bq-svc-group\" role=\"presentation\">Connect & move<\/div>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-integration\" aria-selected=\"false\" aria-controls=\"bq-panel-integration\" tabindex=\"-1\" data-target=\"integration\">Third-party integration<\/button>\n <button class=\"bq-svc-tab\" type=\"button\" role=\"tab\" id=\"bq-tab-migration\" aria-selected=\"false\" aria-controls=\"bq-panel-migration\" tabindex=\"-1\" data-target=\"migration\">Website migration<\/button>\n <\/div>\n <div class=\"bq-svc-panels\">\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-business\" aria-labelledby=\"bq-tab-business\" tabindex=\"0\">\n <h3>Business website development<\/h3>\n <p class=\"bq-intro\">A professional business website establishes your digital identity and gives customers a central place to understand your business.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can develop websites for<\/h4>\n <ul class=\"bq-covers\">\n <li>Startups<\/li>\n <li>Small businesses<\/li>\n <li>SMEs<\/li>\n <li>Professional service providers<\/li>\n <li>Retail businesses<\/li>\n <li>Hospitality businesses<\/li>\n <li>Corporate organisations<\/li>\n <li>Consultants<\/li>\n <li>Agencies<\/li>\n <li>Local businesses<\/li>\n <li>International businesses<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>A business website can include<\/h4>\n <ul class=\"bq-covers\">\n <li>Home<\/li>\n <li>About Us<\/li>\n <li>Services<\/li>\n <li>Industries<\/li>\n <li>Products<\/li>\n <li>Portfolio<\/li>\n <li>Case Studies<\/li>\n <li>Blog\/Insights<\/li>\n <li>Careers<\/li>\n <li>Contact<\/li>\n <li>FAQ<\/li>\n <li>Testimonials<\/li>\n <li>Lead-generation forms<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-p\">The website structure is customised according to the business model.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Our objective is to create a website that communicates<\/h4>\n <ol class=\"bq-flowline\">\n <li>Who you are<\/li>\n <li>What you do<\/li>\n <li>Why customers should trust you<\/li>\n <li>How they can work with you<\/li>\n <\/ol>\n <\/div>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-corporate\" aria-labelledby=\"bq-tab-corporate\" tabindex=\"0\" hidden>\n <h3>Corporate website development<\/h3>\n <p class=\"bq-intro\">Corporate websites require a different approach from basic business websites. They need to communicate professionalism, credibility, organisational structure and business capabilities.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can develop corporate websites with sections such as<\/h4>\n <ul class=\"bq-covers\">\n <li>Company overview<\/li>\n <li>Leadership<\/li>\n <li>Business divisions<\/li>\n <li>Services<\/li>\n <li>Industries<\/li>\n <li>Locations<\/li>\n <li>Investors<\/li>\n <li>Careers<\/li>\n <li>News<\/li>\n <li>Insights<\/li>\n <li>Case studies<\/li>\n <li>Corporate contact information<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">Corporate websites can also be structured to support multiple markets, locations and business divisions.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-ecommerce\" aria-labelledby=\"bq-tab-ecommerce\" tabindex=\"0\" hidden>\n <h3>E-commerce website development<\/h3>\n <p class=\"bq-intro\">An e-commerce website allows businesses to sell products directly online. But building an e-commerce website is more than uploading products.<\/p>\n <div class=\"bq-svc-block\">\n <h4>The complete customer journey needs to be considered<\/h4>\n <ol class=\"bq-flowline\">\n <li>Product discovery<\/li>\n <li>Product information<\/li>\n <li>Add to cart<\/li>\n <li>Checkout<\/li>\n <li>Payment<\/li>\n <li>Order<\/li>\n <li>Delivery<\/li>\n <li>Customer support<\/li>\n <\/ol>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can develop e-commerce websites with features such as<\/h4>\n <ul class=\"bq-covers\">\n <li>Product catalogues<\/li>\n <li>Product categories<\/li>\n <li>Product search<\/li>\n <li>Filters<\/li>\n <li>Shopping cart<\/li>\n <li>Checkout<\/li>\n <li>Payment integration<\/li>\n <li>Customer accounts<\/li>\n <li>Order management<\/li>\n <li>Coupons<\/li>\n <li>Discounts<\/li>\n <li>Inventory coordination<\/li>\n <li>Shipping integration<\/li>\n <li>Product reviews<\/li>\n <li>Promotional banners<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">E-commerce functionality can be customised according to the business model and platform requirements.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-wordpress\" aria-labelledby=\"bq-tab-wordpress\" tabindex=\"0\" hidden>\n <h3>WordPress development<\/h3>\n <p class=\"bq-intro\">WordPress is one of the most widely used content-management platforms and can be suitable for many business websites. Beshuq can develop and customise WordPress websites for businesses that require flexibility and easy content management.<\/p>\n <div class=\"bq-svc-block\">\n <h4>WordPress services may include<\/h4>\n <ul class=\"bq-covers\">\n <li>WordPress website development<\/li>\n <li>Theme customisation<\/li>\n <li>Starter-template customisation<\/li>\n <li>Page builder integration<\/li>\n <li>Plugin configuration<\/li>\n <li>Custom sections<\/li>\n <li>Forms<\/li>\n <li>Blog setup<\/li>\n <li>SEO structure<\/li>\n <li>Speed optimisation<\/li>\n <li>Security configuration<\/li>\n <li>Backup setup<\/li>\n <li>Website migration<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">The objective is to create a WordPress website that is professionally structured rather than dependent on a generic template alone.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-custom\" aria-labelledby=\"bq-tab-custom\" tabindex=\"0\" hidden>\n <h3>Custom website development<\/h3>\n <p class=\"bq-intro\">Some businesses require functionality that standard templates and plugins cannot provide efficiently. For such requirements, custom development may be more appropriate.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Custom web development can involve<\/h4>\n <ul class=\"bq-covers\">\n <li>Custom user interfaces<\/li>\n <li>Custom dashboards<\/li>\n <li>Business portals<\/li>\n <li>Customer portals<\/li>\n <li>Booking systems<\/li>\n <li>Membership systems<\/li>\n <li>Workflow systems<\/li>\n <li>Data management<\/li>\n <li>API integrations<\/li>\n <li>Third-party integrations<\/li>\n <li>Custom calculators<\/li>\n <li>Internal business tools<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">Before recommending custom development, we evaluate whether the requirement can be achieved efficiently through an existing platform.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-landing\" aria-labelledby=\"bq-tab-landing\" tabindex=\"0\" hidden>\n <h3>Landing page development<\/h3>\n <p class=\"bq-intro\">A landing page is designed around a specific marketing objective. Unlike a general website page, a landing page can focus on one particular:<\/p>\n <div class=\"bq-svc-block bq-tight\">\n <ul class=\"bq-covers\">\n <li>Product<\/li>\n <li>Service<\/li>\n <li>Campaign<\/li>\n <li>Offer<\/li>\n <li>Lead-generation objective<\/li>\n <li>Advertisement<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>An effective landing page generally needs<\/h4>\n <ul class=\"bq-covers\">\n <li>Clear headline<\/li>\n <li>Strong value proposition<\/li>\n <li>Relevant information<\/li>\n <li>Trust elements<\/li>\n <li>Call-to-action<\/li>\n <li>Simple conversion process<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">Beshuq can develop landing pages designed to work alongside digital advertising and lead-generation campaigns.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-multilang\" aria-labelledby=\"bq-tab-multilang\" tabindex=\"0\" hidden>\n <h3>Multi-language & international websites<\/h3>\n <p class=\"bq-intro\">Businesses operating across multiple markets may require websites in different languages or regional versions.<\/p>\n <div class=\"bq-svc-block\">\n <h4>An international website can be structured around<\/h4>\n <ul class=\"bq-covers\">\n <li>Multiple languages<\/li>\n <li>Regional pages<\/li>\n <li>Country-specific content<\/li>\n <li>International contact information<\/li>\n <li>Currency display<\/li>\n <li>Localised services<\/li>\n <li>Regional SEO<\/li>\n <li>Global navigation<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">The technical approach depends on the number of markets and languages involved.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-redesign\" aria-labelledby=\"bq-tab-redesign\" tabindex=\"0\" hidden>\n <h3>Website redesign<\/h3>\n <p class=\"bq-intro\">An outdated website can affect both user experience and business credibility. A redesign does not necessarily mean starting everything from zero.<\/p>\n <p class=\"bq-p\">Beshuq can review the existing website and identify areas that may need improvement.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Website redesign may address<\/h4>\n <ul class=\"bq-covers\">\n <li>Outdated design<\/li>\n <li>Poor navigation<\/li>\n <li>Mobile responsiveness<\/li>\n <li>Slow loading<\/li>\n <li>Weak content structure<\/li>\n <li>Poor calls-to-action<\/li>\n <li>Inconsistent branding<\/li>\n <li>Difficult user journey<\/li>\n <li>Technical problems<\/li>\n <li>SEO structure<\/li>\n <li>Security issues<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>Redesign process<\/h4>\n <ol class=\"bq-flowline\">\n <li>Audit<\/li>\n <li>Strategy<\/li>\n <li>Structure<\/li>\n <li>Design<\/li>\n <li>Development<\/li>\n <li>Testing<\/li>\n <li>Launch<\/li>\n <\/ol>\n <\/div>\n <p class=\"bq-closing\">The goal is to create a better digital experience while preserving useful existing assets where appropriate.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-uiux\" aria-labelledby=\"bq-tab-uiux\" tabindex=\"0\" hidden>\n <h3>UI\/UX design<\/h3>\n <p class=\"bq-intro\">A website should be easy to understand and navigate. UI focuses on the visual interface, while UX focuses more broadly on how users experience and interact with the website.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can work on<\/h4>\n <ul class=\"bq-covers\">\n <li>Website layouts<\/li>\n <li>Navigation<\/li>\n <li>Information hierarchy<\/li>\n <li>Page structure<\/li>\n <li>Typography<\/li>\n <li>Visual consistency<\/li>\n <li>Buttons and CTAs<\/li>\n <li>Forms<\/li>\n <li>Mobile experience<\/li>\n <li>User journey<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-p\">Good UX should help users answer three questions quickly:<\/p>\n <div class=\"bq-svc-block bq-tight\">\n <ul class=\"bq-questions\">\n <li>Where am I?<\/li>\n <li>What can I do here?<\/li>\n <li>What should I do next?<\/li>\n <\/ul>\n <\/div>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-responsive\" aria-labelledby=\"bq-tab-responsive\" tabindex=\"0\" hidden>\n <h3>Responsive web development<\/h3>\n <p class=\"bq-intro\">Customers access websites from different devices. Your website should therefore work effectively across desktop, laptop, tablet and mobile.<\/p>\n <div class=\"bq-svc-block\">\n <h4>See one layout adapt to each device<\/h4>\n <div class=\"bq-rd\" data-bq-rd>\n <div class=\"bq-rd-tabs\">\n <button class=\"bq-rd-btn\" type=\"button\" data-size=\"desktop\" aria-pressed=\"true\">Desktop<\/button>\n <button class=\"bq-rd-btn\" type=\"button\" data-size=\"laptop\" aria-pressed=\"false\">Laptop<\/button>\n <button class=\"bq-rd-btn\" type=\"button\" data-size=\"tablet\" aria-pressed=\"false\">Tablet<\/button>\n <button class=\"bq-rd-btn\" type=\"button\" data-size=\"mobile\" aria-pressed=\"false\">Mobile<\/button>\n <\/div>\n <div class=\"bq-rd-stage\">\n <div class=\"bq-rd-frame\" data-size=\"desktop\" aria-hidden=\"true\">\n <div class=\"bq-wf-nav\"><span class=\"bq-wf-logo\"><\/span><span class=\"bq-wf-links\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span><span class=\"bq-wf-burger\"><\/span><\/div>\n <div class=\"bq-wf-hero\"><div class=\"bq-wf-h\"><\/div><div class=\"bq-wf-p\"><\/div><div class=\"bq-wf-p bq-wf-p2\"><\/div><div class=\"bq-wf-btn\"><\/div><\/div>\n <div class=\"bq-wf-cards\"><div class=\"bq-wf-card\"><\/div><div class=\"bq-wf-card\"><\/div><div class=\"bq-wf-card\"><\/div><\/div>\n <\/div>\n <\/div>\n <p class=\"bq-rd-cap\">Illustration: the same page layout at four screen sizes.<\/p>\n <\/div>\n <\/div>\n <p class=\"bq-p\">Responsive development ensures that the layout and content adapt to different screen sizes.<\/p>\n <div class=\"bq-svc-block\">\n <h4>We consider<\/h4>\n <ul class=\"bq-covers\">\n <li>Mobile navigation<\/li>\n <li>Text readability<\/li>\n <li>Image sizing<\/li>\n <li>Button placement<\/li>\n <li>Forms<\/li>\n <li>Page spacing<\/li>\n <li>Touch interaction<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">A website should provide a consistent experience regardless of the device being used.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-content\" aria-labelledby=\"bq-tab-content\" tabindex=\"0\" hidden>\n <h3>Website content management<\/h3>\n <p class=\"bq-intro\">A website needs clear and useful content. Beshuq can help organise website content around the customer\u2019s journey.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Content may include<\/h4>\n <ul class=\"bq-covers\">\n <li>Service descriptions<\/li>\n <li>Product descriptions<\/li>\n <li>About pages<\/li>\n <li>Industry pages<\/li>\n <li>Blog articles<\/li>\n <li>FAQs<\/li>\n <li>Case studies<\/li>\n <li>Landing-page content<\/li>\n <li>Calls-to-action<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">Content can be structured to support both customer understanding and digital marketing objectives.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-seo\" aria-labelledby=\"bq-tab-seo\" tabindex=\"0\" hidden>\n <h3>SEO-friendly website development<\/h3>\n <p class=\"bq-intro\">Web development and SEO should not be treated as completely separate activities. The website\u2019s structure can influence how search engines understand and crawl the site.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can consider<\/h4>\n <ul class=\"bq-covers\">\n <li>Page structure<\/li>\n <li>Heading hierarchy<\/li>\n <li>URLs<\/li>\n <li>Metadata<\/li>\n <li>Internal linking<\/li>\n <li>Mobile responsiveness<\/li>\n <li>Website speed<\/li>\n <li>Image optimisation<\/li>\n <li>Sitemap<\/li>\n <li>Crawlability<\/li>\n <li>Structured content<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">This creates a stronger technical foundation for ongoing SEO work.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-speed\" aria-labelledby=\"bq-tab-speed\" tabindex=\"0\" hidden>\n <h3>Website speed & performance<\/h3>\n <p class=\"bq-intro\">A beautiful website is not enough if it takes too long to load.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Website performance can affect<\/h4>\n <ul class=\"bq-covers\">\n <li>User experience<\/li>\n <li>Engagement<\/li>\n <li>Conversions<\/li>\n <li>Search visibility<\/li>\n <li>Customer satisfaction<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can review and optimise areas such as<\/h4>\n <ul class=\"bq-covers\">\n <li>Image sizes<\/li>\n <li>Page structure<\/li>\n <li>Caching<\/li>\n <li>Scripts<\/li>\n <li>Plugins<\/li>\n <li>Code efficiency<\/li>\n <li>Hosting configuration<\/li>\n <li>Media loading<\/li>\n <li>Database-related performance<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">Performance improvements depend on the website\u2019s technology, hosting environment and existing architecture.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-security\" aria-labelledby=\"bq-tab-security\" tabindex=\"0\" hidden>\n <h3>Website security<\/h3>\n <p class=\"bq-intro\">A website should be protected against common security risks.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Beshuq can assist with website security practices such as<\/h4>\n <ul class=\"bq-covers\">\n <li>SSL configuration<\/li>\n <li>Secure login practices<\/li>\n <li>Software\/plugin updates<\/li>\n <li>Backup systems<\/li>\n <li>Security monitoring<\/li>\n <li>Access management<\/li>\n <li>Malware\/security checks<\/li>\n <li>Basic hardening<\/li>\n <li>Recovery planning<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">Security requirements vary depending on the website, hosting environment and information being handled.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-domain\" aria-labelledby=\"bq-tab-domain\" tabindex=\"0\" hidden>\n <h3>Domain & hosting support<\/h3>\n <p class=\"bq-intro\">A website requires appropriate domain and hosting infrastructure. Beshuq can help businesses with both.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Domain<\/h4>\n <ul class=\"bq-covers\">\n <li>Domain selection<\/li>\n <li>Domain configuration<\/li>\n <li>DNS support<\/li>\n <li>Domain migration<\/li>\n <\/ul>\n <\/div>\n <div class=\"bq-svc-block\">\n <h4>Hosting<\/h4>\n <ul class=\"bq-covers\">\n <li>Hosting selection<\/li>\n <li>Hosting setup<\/li>\n <li>Website deployment<\/li>\n <li>Server-related coordination<\/li>\n <li>SSL<\/li>\n <li>Email-related configuration<\/li>\n <li>Backup planning<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-p\">We can also assist businesses moving their websites between hosting providers.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-maintenance\" aria-labelledby=\"bq-tab-maintenance\" tabindex=\"0\" hidden>\n <h3>Website maintenance & support<\/h3>\n <p class=\"bq-intro\">Launching a website is not the end of the project.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Websites require ongoing attention because<\/h4>\n <ul class=\"bq-covers\">\n <li>Software gets updated<\/li>\n <li>Security requirements change<\/li>\n <li>Content changes<\/li>\n <li>Businesses add services<\/li>\n <li>Products change<\/li>\n <li>Technology evolves<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-p\">Beshuq can provide ongoing website maintenance support.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Maintenance may include<\/h4>\n <ul class=\"bq-covers\">\n <li>Content updates<\/li>\n <li>Plugin updates<\/li>\n <li>Theme updates<\/li>\n <li>Security checks<\/li>\n <li>Backup monitoring<\/li>\n <li>Performance checks<\/li>\n <li>Broken-link checks<\/li>\n <li>Form testing<\/li>\n <li>Minor design changes<\/li>\n <li>Technical troubleshooting<\/li>\n <\/ul>\n <\/div>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-integration\" aria-labelledby=\"bq-tab-integration\" tabindex=\"0\" hidden>\n <h3>Third-party integration<\/h3>\n <p class=\"bq-intro\">Modern websites often need to connect with external platforms.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Depending on the project, integrations may include<\/h4>\n <ul class=\"bq-covers\">\n <li>Payment gateways<\/li>\n <li>CRM systems<\/li>\n <li>Email platforms<\/li>\n <li>WhatsApp solutions<\/li>\n <li>Booking systems<\/li>\n <li>Analytics<\/li>\n <li>Marketing platforms<\/li>\n <li>E-commerce systems<\/li>\n <li>Shipping platforms<\/li>\n <li>APIs<\/li>\n <li>Forms<\/li>\n <li>Business software<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-note\">Integration requirements are evaluated individually based on the systems involved.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <div class=\"bq-svc-panel\" role=\"tabpanel\" id=\"bq-panel-migration\" aria-labelledby=\"bq-tab-migration\" tabindex=\"0\" hidden>\n <h3>Website migration<\/h3>\n <p class=\"bq-intro\">Businesses sometimes need to move a website from one hosting provider, domain environment or technology setup to another.<\/p>\n <div class=\"bq-svc-block\">\n <h4>Migration requires careful planning to reduce the risk of<\/h4>\n <ul class=\"bq-covers\">\n <li>Data loss<\/li>\n <li>Broken pages<\/li>\n <li>Downtime<\/li>\n <li>Lost emails<\/li>\n <li>Broken links<\/li>\n <li>SEO problems<\/li>\n <li>Database issues<\/li>\n <\/ul>\n <\/div>\n <p class=\"bq-closing\">Beshuq can support website migration planning, implementation and post-migration checks.<\/p>\n <a class=\"bq-btn bq-btn-primary\" href=\"#consultation\">Discuss this service<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n\/* Services: tabs (click + arrow keys). Also exposes window.bqSelectService(id) for the hero picker. *\/\n(function(){\n var root = document.querySelector('[data-bq-services]');\n if(!root) return;\n var tabs = [].slice.call(root.querySelectorAll('[role=\"tab\"]'));\n var panels = [].slice.call(root.querySelectorAll('[role=\"tabpanel\"]'));\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function select(id, scroll){\n tabs.forEach(function(t){\n var on = t.getAttribute('data-target') === id;\n t.setAttribute('aria-selected', on ? 'true' : 'false');\n t.setAttribute('tabindex', on ? '0' : '-1');\n });\n panels.forEach(function(p){ p.hidden = (p.id !== 'bq-panel-' + id); });\n if(scroll){\n var sec = root.closest('.bq-services') || root;\n sec.scrollIntoView({behavior: reduce ? 'auto' : 'smooth', block: 'start'});\n }\n }\n\n tabs.forEach(function(t, i){\n t.addEventListener('click', function(){ select(t.getAttribute('data-target')); });\n t.addEventListener('keydown', function(e){\n var n = tabs.length, next = null;\n if(e.key === 'ArrowDown' || e.key === 'ArrowRight') next = (i + 1) % n;\n else if(e.key === 'ArrowUp' || e.key === 'ArrowLeft') next = (i - 1 + n) % n;\n else if(e.key === 'Home') next = 0;\n else if(e.key === 'End') next = n - 1;\n if(next !== null){\n e.preventDefault();\n select(tabs[next].getAttribute('data-target'));\n tabs[next].focus();\n }\n });\n });\n\n window.bqSelectService = function(id){ select(id, true); };\n})();\n<\/script>\n\n<script>\n\/* Responsive demo: resizes the illustrated page to each device width *\/\n(function(){\n var rd = document.querySelector('[data-bq-rd]');\n if(!rd) return;\n var frame = rd.querySelector('.bq-rd-frame');\n var btns = [].slice.call(rd.querySelectorAll('.bq-rd-btn'));\n btns.forEach(function(b){\n b.addEventListener('click', function(){\n frame.setAttribute('data-size', b.getAttribute('data-size'));\n btns.forEach(function(x){ x.setAttribute('aria-pressed', x === b ? 'true' : 'false'); });\n });\n });\n})();\n<\/script>\n\n\n<style>\n.bq-band{background:var(--band);color:var(--band-ink)}\n.bq-band .bq-section-head p{color:color-mix(in srgb,var(--band-ink) 78%,transparent)}\n.bq-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}\n.bq-chain li{position:relative;padding:48px 14px 0 0}\n.bq-chain li::before{\n content:attr(data-n);position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;\n display:grid;place-items:center;background:var(--accent);color:#0E1A2B;font:700 .9rem var(--font-body);\n}\n.bq-chain li:not(:last-child)::after{content:\"\";position:absolute;top:15px;left:40px;right:8px;height:2px;background:rgba(255,255,255,.28)}\n.bq-chain b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.15rem;line-height:1.25}\n.bq-chain span{display:block;margin-top:6px;color:color-mix(in srgb,var(--band-ink) 78%,transparent);font-size:.98rem;line-height:1.5}\n@media (max-width:900px){\n .bq-chain{grid-template-columns:1fr}\n .bq-chain li{padding:4px 0 28px 52px;min-height:32px}\n .bq-chain li:not(:last-child)::after{top:36px;left:15px;right:auto;width:2px;height:auto;bottom:2px}\n}\n<\/style>\n\n<section class=\"bq bq-section bq-band\" id=\"ecosystem\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>A website becomes more useful when it is connected<\/h2>\n <p>A website works best alongside the other digital business activities around it. That is why Beshuq approaches web development as part of a broader business growth ecosystem.<\/p>\n <\/div>\n <ol class=\"bq-chain\">\n <li data-n=\"1\"><b>Digital Marketing<\/b><span>Brings visitors to the website.<\/span><\/li>\n <li data-n=\"2\"><b>Website<\/b><span>Communicates the value proposition.<\/span><\/li>\n <li data-n=\"3\"><b>Landing Page<\/b><span>Converts visitors into enquiries.<\/span><\/li>\n <li data-n=\"4\"><b>CRM \/ Lead Management<\/b><span>Helps manage those enquiries.<\/span><\/li>\n <li data-n=\"5\"><b>Sales Team<\/b><span>Converts opportunities into customers.<\/span><\/li>\n <\/ol>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-approach-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,6vw,88px);align-items:start}\n.bq-approach-grid .bq-section-head{position:sticky;top:32px;margin-bottom:0}\n.bq-steps{display:grid;gap:0}\n.bq-step{position:relative;padding:0 0 36px 68px}\n.bq-step::before{\n content:attr(data-n);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;\n display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font:700 1.05rem var(--font-display);\n}\n.bq-step:not(:last-child)::after{content:\"\";position:absolute;left:21px;top:52px;bottom:8px;width:2px;background:var(--line)}\n.bq-step h3{font-size:1.4rem;font-weight:700;line-height:1.2;padding-top:6px}\n.bq-step p{margin-top:8px;color:var(--muted);max-width:58ch}\n.bq-step .bq-chips{margin-top:14px}\n.bq-step .bq-chip{font-size:.9rem;padding:6px 14px}\n@media (max-width:900px){.bq-approach-grid{grid-template-columns:1fr}.bq-approach-grid .bq-section-head{position:static}}\n<\/style>\n\n<section class=\"bq bq-section\" id=\"process\">\n <div class=\"bq-wrap bq-approach-grid\">\n <div class=\"bq-section-head\">\n <h2>Our web development process<\/h2>\n <p>Eight steps, from understanding your business to improving the website after launch.<\/p>\n <\/div>\n <ol class=\"bq-steps\">\n <li class=\"bq-step\" data-n=\"1\">\n <h3>Discover<\/h3>\n <p>We understand:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Business<\/li>\n <li class=\"bq-chip\">Industry<\/li>\n <li class=\"bq-chip\">Target audience<\/li>\n <li class=\"bq-chip\">Objectives<\/li>\n <li class=\"bq-chip\">Required functionality<\/li>\n <li class=\"bq-chip\">Competitors<\/li>\n <li class=\"bq-chip\">Existing digital presence<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"2\">\n <h3>Plan<\/h3>\n <p>We define:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Website structure<\/li>\n <li class=\"bq-chip\">Navigation<\/li>\n <li class=\"bq-chip\">Pages<\/li>\n <li class=\"bq-chip\">Features<\/li>\n <li class=\"bq-chip\">Technology<\/li>\n <li class=\"bq-chip\">Content requirements<\/li>\n <li class=\"bq-chip\">Conversion objectives<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"3\">\n <h3>Design<\/h3>\n <p>We create the visual direction and user experience. This includes:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Layout<\/li>\n <li class=\"bq-chip\">Typography<\/li>\n <li class=\"bq-chip\">Visual hierarchy<\/li>\n <li class=\"bq-chip\">Brand elements<\/li>\n <li class=\"bq-chip\">Navigation<\/li>\n <li class=\"bq-chip\">Calls-to-action<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"4\">\n <h3>Develop<\/h3>\n <p>The approved design is converted into a functional website. Depending on the project, development may use:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">WordPress<\/li>\n <li class=\"bq-chip\">E-commerce platforms<\/li>\n <li class=\"bq-chip\">Custom development<\/li>\n <li class=\"bq-chip\">Other appropriate technologies<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"5\">\n <h3>Integrate<\/h3>\n <p>Required systems and third-party services are connected.<\/p>\n <\/li>\n <li class=\"bq-step\" data-n=\"6\">\n <h3>Test<\/h3>\n <p>Before launch, the website can be checked for:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Mobile responsiveness<\/li>\n <li class=\"bq-chip\">Forms<\/li>\n <li class=\"bq-chip\">Links<\/li>\n <li class=\"bq-chip\">Navigation<\/li>\n <li class=\"bq-chip\">Performance<\/li>\n <li class=\"bq-chip\">Browser compatibility<\/li>\n <li class=\"bq-chip\">Basic security<\/li>\n <li class=\"bq-chip\">Functionality<\/li>\n <\/ul>\n <\/li>\n <li class=\"bq-step\" data-n=\"7\">\n <h3>Launch<\/h3>\n <p>The website is deployed to the production environment.<\/p>\n <\/li>\n <li class=\"bq-step\" data-n=\"8\">\n <h3>Support & improve<\/h3>\n <p>After launch, businesses can continue improving content, performance, functionality and digital marketing integration.<\/p>\n <\/li>\n <\/ol>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-audience{background:var(--surface);border-block:1px solid var(--line)}\n.bq-aud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,72px)}\n.bq-aud div{padding:20px 0;border-top:1px solid var(--line)}\n.bq-aud dt{font-family:var(--font-display);font-weight:700;font-size:1.2rem}\n.bq-aud dd{margin:4px 0 0;color:var(--muted);max-width:44ch}\n@media (max-width:760px){.bq-aud{grid-template-columns:1fr}}\n<\/style>\n\n<section class=\"bq bq-section bq-audience\" id=\"who\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>Who we serve<\/h2>\n <p>From a first business website to a multi-market platform, the approach is customised to the business.<\/p>\n <\/div>\n <dl class=\"bq-aud\">\n <div><dt>Startups<\/dt><dd>Professional digital presence from day one.<\/dd><\/div>\n <div><dt>Small businesses<\/dt><dd>Affordable and scalable business websites.<\/dd><\/div>\n <div><dt>SMEs<\/dt><dd>Websites designed around business growth.<\/dd><\/div>\n <div><dt>Corporate businesses<\/dt><dd>Structured websites for larger organisations.<\/dd><\/div>\n <div><dt>E-commerce businesses<\/dt><dd>Online stores and marketplace-connected ecosystems.<\/dd><\/div>\n <div><dt>Retail businesses<\/dt><dd>Digital presence for physical and online retail.<\/dd><\/div>\n <div><dt>Hospitality<\/dt><dd>Websites for hotels, restaurants and hospitality businesses.<\/dd><\/div>\n <div><dt>Professional services<\/dt><dd>Consultants, agencies and service-based businesses.<\/dd><\/div>\n <div><dt>International businesses<\/dt><dd>Websites designed for multiple markets and audiences.<\/dd><\/div>\n <\/dl>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px)}\n.bq-why-item h3{font-size:1.25rem;font-weight:700;padding-top:14px;border-top:3px solid var(--primary)}\n.bq-why-item p{margin-top:8px;color:var(--muted)}\n@media (max-width:900px){.bq-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media (max-width:560px){.bq-why-grid{grid-template-columns:1fr}}\n\n.bq-eco{margin-top:clamp(56px,8vw,96px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,80px);align-items:start}\n.bq-eco h3{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.12;font-weight:700}\n.bq-eco .bq-lead{margin-top:14px;color:var(--muted);max-width:44ch}\n.bq-eco .bq-lead + .bq-lead{margin-top:10px}\n.bq-eco-list li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line)}\n.bq-eco-list li:last-child{border-bottom:1px solid var(--line)}\n.bq-eco-list b{font-family:var(--font-display);font-size:1.02rem}\n.bq-eco-list span{color:var(--muted);font-size:.96rem;line-height:1.5}\n@media (max-width:900px){.bq-eco{grid-template-columns:1fr}}\n@media (max-width:520px){.bq-eco-list li{grid-template-columns:1fr;gap:2px}}\n.bq-eco .bq-chips{margin-top:16px}\n<\/style>\n\n<section class=\"bq bq-section\" id=\"why\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>Why Beshuq web development?<\/h2>\n <p>We start with what the business needs the website to achieve, then choose the design and technology to get there.<\/p>\n <\/div>\n <div class=\"bq-why-grid\">\n <div class=\"bq-why-item\"><h3>Business before technology<\/h3><p>We first understand what the website needs to accomplish.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Strategy + design + development<\/h3><p>We connect business objectives with user experience and technology.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Scalable approach<\/h3><p>The website can be structured with future growth in mind.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Mobile-first thinking<\/h3><p>We consider the experience across modern devices.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Performance conscious<\/h3><p>Speed and usability are considered throughout development.<\/p><\/div>\n <div class=\"bq-why-item\"><h3>Digital marketing ready<\/h3><p>Websites can be structured to support SEO, advertising, content and lead generation.<\/p><\/div>\n <\/div>\n\n <div class=\"bq-eco\">\n <div>\n <h3>One business solutions ecosystem<\/h3>\n <p class=\"bq-lead\">Beshuq can also support the business through:<\/p>\n <ul class=\"bq-chips\">\n <li class=\"bq-chip\">Consulting<\/li>\n <li class=\"bq-chip\">Digital Marketing<\/li>\n <li class=\"bq-chip\">Accounting<\/li>\n <li class=\"bq-chip\">Web Development<\/li>\n <li class=\"bq-chip\">E-Commerce<\/li>\n <li class=\"bq-chip\">Photography<\/li>\n <li class=\"bq-chip\">Staffing<\/li>\n <li class=\"bq-chip\">Housekeeping<\/li>\n <li class=\"bq-chip\">Security<\/li>\n <\/ul>\n <\/div>\n <ul class=\"bq-eco-list\">\n <li><b>Business Consulting<\/b><span>Define your digital and business strategy.<\/span><\/li>\n <li><b>Digital Marketing<\/b><span>Drive relevant traffic, visibility and leads.<\/span><\/li>\n <li><b>Accounting & Financial Services<\/b><span>Support the financial management of your business.<\/span><\/li>\n <li><b>E-Commerce Platform Services<\/b><span>Manage online marketplaces and digital commerce.<\/span><\/li>\n <li><b>Photography & Videography<\/b><span>Create professional images and videos for your website and campaigns.<\/span><\/li>\n <li><b>Staffing Services<\/b><span>Build the workforce required to operate and grow your business.<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-faq{background:var(--surface);border-block:1px solid var(--line)}\n.bq-faq-list{max-width:820px}\n.bq-faq details{border-top:1px solid var(--line)}\n.bq-faq details:last-child{border-bottom:1px solid var(--line)}\n.bq-faq summary{\n list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;\n padding:20px 0;font-family:var(--font-display);font-weight:500;font-size:1.18rem;line-height:1.3;\n}\n.bq-faq summary::-webkit-details-marker{display:none}\n.bq-faq summary::after{\n content:\"+\";flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;\n border:1.5px solid var(--line);font:500 1.3rem\/1 var(--font-body);color:var(--primary);\n transition:transform .2s ease,background-color .2s ease;\n}\n.bq-faq details[open] summary::after{content:\"\\2212\";background:var(--tint)}\n.bq-faq details p{padding:0 52px 22px 0;color:var(--muted);max-width:62ch}\n<\/style>\n\n<section class=\"bq bq-section bq-faq\" id=\"faq\">\n <div class=\"bq-wrap\">\n <div class=\"bq-section-head\">\n <h2>Web development FAQ<\/h2>\n <\/div>\n <div class=\"bq-faq-list\">\n <details><summary>What type of websites does Beshuq develop?<\/summary><p>Beshuq can develop business websites, corporate websites, e-commerce websites, WordPress websites, landing pages and customised web solutions.<\/p><\/details>\n <details><summary>Do you develop WordPress websites?<\/summary><p>Yes. WordPress development and customisation can be provided according to project requirements.<\/p><\/details>\n <details><summary>Can you redesign an existing website?<\/summary><p>Yes. Existing websites can be audited and redesigned based on business and user-experience requirements.<\/p><\/details>\n <details><summary>Do you develop e-commerce websites?<\/summary><p>Yes. E-commerce websites can be developed with product catalogues, carts, checkout, payments and other required functionality.<\/p><\/details>\n <details><summary>Can you manage website maintenance after launch?<\/summary><p>Yes. Ongoing maintenance and support can be provided depending on the selected service arrangement.<\/p><\/details>\n <details><summary>Do you provide domain and hosting?<\/summary><p>Beshuq can assist with domain, hosting, DNS, SSL and deployment-related requirements. Specific hosting arrangements depend on the project.<\/p><\/details>\n <details><summary>Can you migrate an existing website?<\/summary><p>Yes. Website migration can be supported with planning, transfer and post-migration checks.<\/p><\/details>\n <details><summary>Will the website be mobile friendly?<\/summary><p>Responsive design and development can be included so the website adapts to different screen sizes.<\/p><\/details>\n <details><summary>Can you connect the website with digital marketing?<\/summary><p>Yes. Website development can be structured to work with SEO, advertising, social media, analytics and lead-generation activities.<\/p><\/details>\n <details><summary>Can you build a website for an international business?<\/summary><p>Yes. International websites can be structured for multiple markets, languages, regions and business requirements.<\/p><\/details>\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-cta{background:var(--band);color:var(--band-ink)}\n.bq-cta-in{display:grid;gap:22px;max-width:760px}\n.bq-cta h2{font-size:clamp(2.2rem,5.2vw,4rem);line-height:1.04;font-weight:700;letter-spacing:-0.025em}\n.bq-cta p{color:color-mix(in srgb,var(--band-ink) 80%,transparent);max-width:56ch}\n.bq-cta .bq-lede{font-family:var(--font-display);font-size:1.4rem;color:var(--band-ink)}\n<\/style>\n\n<section class=\"bq bq-section bq-cta\" id=\"consultation\">\n <div class=\"bq-wrap\">\n <div class=\"bq-cta-in\">\n <h2>Your business deserves more than just a website.<\/h2>\n <p class=\"bq-lede\">Let\u2019s build your digital future.<\/p>\n <p>It needs a digital platform that communicates your value, builds credibility, supports customers and contributes to business growth. Whether you need a new business website, corporate website, e-commerce platform, WordPress website, landing page, redesign or ongoing website support, Beshuq can help you build the right digital foundation.<\/p>\n <div class=\"bq-actions\" style=\"margin-top:6px\">\n \n <a class=\"bq-btn bq-btn-accent\" href=\"#\" data-cta=\"project\">Start your website project<\/a>\n <a class=\"bq-btn bq-btn-light\" href=\"#\" data-cta=\"consultation\">Get free consultation<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n.bq-footer{padding-block:36px;color:var(--muted);font-size:.94rem}\n.bq-footer .bq-wrap{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between}\n<\/style>\n\n\n \n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web Development Services | Beshuq Build a digital presencethat works for your business. Your website is more than an online […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Web Development Services - Beshuq<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/beshuq.com\/fr\/web-development-services\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Development Services - Beshuq\" \/>\n<meta property=\"og:description\" content=\"Web Development Services | Beshuq Build a digital presencethat works for your business. Your website is more than an online […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/beshuq.com\/fr\/web-development-services\/\" \/>\n<meta property=\"og:site_name\" content=\"Beshuq\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-21T11:05:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/\",\"url\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/\",\"name\":\"Web Development Services - Beshuq\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png\",\"datePublished\":\"2026-09-18T13:30:41+00:00\",\"dateModified\":\"2026-09-21T11:05:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#primaryimage\",\"url\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png\",\"contentUrl\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/web-development-services\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/beshuq.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development Services\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/\",\"name\":\"Beshuq\",\"description\":\"Business Growth Solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#organization\",\"name\":\"Beshuq\",\"url\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-1.png\",\"contentUrl\":\"https:\\\/\\\/beshuq.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-1.png\",\"width\":2000,\"height\":668,\"caption\":\"Beshuq\"},\"image\":{\"@id\":\"https:\\\/\\\/beshuq.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Web Development Services - Beshuq","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/beshuq.com\/fr\/web-development-services\/","og_locale":"en_US","og_type":"article","og_title":"Web Development Services - Beshuq","og_description":"Web Development Services | Beshuq Build a digital presencethat works for your business. Your website is more than an online […]","og_url":"https:\/\/beshuq.com\/fr\/web-development-services\/","og_site_name":"Beshuq","article_modified_time":"2026-09-21T11:05:16+00:00","og_image":[{"url":"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/beshuq.com\/fr\/web-development-services\/","url":"https:\/\/beshuq.com\/fr\/web-development-services\/","name":"Web Development Services - Beshuq","isPartOf":{"@id":"https:\/\/beshuq.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#primaryimage"},"image":{"@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#primaryimage"},"thumbnailUrl":"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png","datePublished":"2026-09-18T13:30:41+00:00","dateModified":"2026-09-21T11:05:16+00:00","breadcrumb":{"@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/beshuq.com\/fr\/web-development-services\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#primaryimage","url":"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png","contentUrl":"https:\/\/beshuq.com\/wp-content\/uploads\/elementor\/thumbs\/5-rtmka3pzf1xpknm4lui356kg429qrg6iz2loarkvls.png"},{"@type":"BreadcrumbList","@id":"https:\/\/beshuq.com\/fr\/web-development-services\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/beshuq.com\/"},{"@type":"ListItem","position":2,"name":"Web Development Services"}]},{"@type":"WebSite","@id":"https:\/\/beshuq.com\/fr\/#website","url":"https:\/\/beshuq.com\/fr\/","name":"Beshuq","description":"Business Growth Solutions","publisher":{"@id":"https:\/\/beshuq.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/beshuq.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/beshuq.com\/fr\/#organization","name":"Beshuq","url":"https:\/\/beshuq.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beshuq.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/beshuq.com\/wp-content\/uploads\/2026\/09\/cropped-1.png","contentUrl":"https:\/\/beshuq.com\/wp-content\/uploads\/2026\/09\/cropped-1.png","width":2000,"height":668,"caption":"Beshuq"},"image":{"@id":"https:\/\/beshuq.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":13,"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/pages\/103\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/beshuq.com\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}