{"id":1340,"date":"2026-07-01T08:34:51","date_gmt":"2026-07-01T08:34:51","guid":{"rendered":"https:\/\/www.voctos.com\/?page_id=1340"},"modified":"2026-09-06T13:17:37","modified_gmt":"2026-09-06T13:17:37","slug":"web-development","status":"publish","type":"page","link":"https:\/\/www.voctos.com\/ar\/web-development\/","title":{"rendered":"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639"},"content":{"rendered":"<style>\n\/* Heading wrapper shrinks to the text's own width so the decorative ring\/oval behind it\n   scales with the heading length, instead of always spanning the full column width\n   (fixes an oversized ring on short headings like \"SEO\"). *\/\n.voctos-hero-offer-wrap{display:block;width:-webkit-fit-content;width:fit-content;}\n\/* Optional country chip above the heading \u2014 location pages only. It renders\n   only when a country code (or an uploaded flag) is set, so every existing\n   hero is untouched. Two\n   tones, because the hero background is dark on seo\/support\/marketplaces and\n   light on dev\/geo\/content\/ppc. *\/\n.voctos-hero-flag{display:inline-flex;align-items:center;gap:9px;margin-bottom:40px;padding:8px 14px;border-radius:10px;font-size:13px;line-height:1;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.30);}\n.voctos-hero-flag img{width:22px;height:15px;border-radius:3px;display:block;object-fit:cover;}\n.voctos-hero-flag--ink{color:#0d172d;background:rgba(13,23,45,.06);border-color:rgba(13,23,45,.14);}\n\/* The decorative ring is drawn OUTSIDE the heading's box, so it reaches up\n   into whatever sits above it. The chip needs real air, not the 20px that\n   looked fine before the ring was there. *\/\n@media (min-width:1024px){.voctos-hero-flag{margin-bottom:56px;}}\n\/* Belt-and-suspenders: hide the ring immediately on first paint (before Alpine.js\n   finishes initializing x-show), so there's no flash of the ring on pages where it's\n   been turned off (e.g. ppc, matching the original page which has no ring at all). *\/\n.voctos-ring-hidden{display:none!important;}\n\/* \"max-w-[250px]\" (an arbitrary-value Tailwind class) was never compiled into the static\n   main.css, so it silently did nothing \u2014 same class of bug as \"lg:text-[60px]\" above. This\n   caps the support ball\/chain graphic's width on mobile; \"lg:max-w-full\" (a real compiled\n   class) already handles desktop, so this only needs to apply below that breakpoint. *\/\n.voctos-support-balls-cap{max-width:250px;}\n@media (min-width:1024px){.voctos-support-balls-cap{max-width:none;}}\n\/* Same broken-arbitrary-class issue for the marketplaces card images: \"h-[184px]\" and\n   \"bg-[#F3F3F3]\" never compiled into main.css. Scoped class fallback, matching the pattern\n   above (mobile keeps the compiled w-36\/h-24 utility classes; desktop needs the override). *\/\n.voctos-mp-card-img{background-color:#F3F3F3;}\n@media (min-width:1024px){.voctos-mp-card-img{width:100%;height:184px;}}\n\/* Marketplaces hero graphic \u2014 reproduces the live original exactly: the classed inline SVG\n   (mp-hand \/ orbit \/ oz \/ wb \/ ya \/ sber) is driven by the theme's OWN GSAP timeline via\n   Alpine x-data=\"marketplaceShort\" (staggered fade-in entrance, then a perpetual yoyo float of\n   the OZON\/WB\/Yandex\/Sber logo bubbles). This wrapper only positions the graphic like the\n   original: left-bleed + navy bottom-fade on mobile, shifted left on desktop. No CSS animation\n   here \u2014 the GSAP timeline in selfhost\/js\/main.min.js owns the motion*\/\n.voctos-mp-wrap{position:relative;transform:translate(-16px,80px);}\n.voctos-mp-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#0D172D 25%,rgba(13,23,45,0) 75%);pointer-events:none;}\n.voctos-mp-wrap svg{display:block;width:100%;height:auto;}\n@media (min-width:1024px){\n  .voctos-mp-wrap{transform:translate(-30%,128px);}\n  .voctos-mp-wrap::after{display:none;}\n}\n\/* Service hero cards \u2014 mobile & tablet only (below lg\/1024px): the 4 cards below the main hero\n   scroll horizontally. (\"auto-cols-[307px]\" was never compiled, so the grid row collapsed and the\n   cards stacked.) The main hero box is untouched; desktop keeps its original layout. *\/\n@media (max-width:1023px){\n  .voctos-hero-cards{display:flex!important;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:18px;padding-bottom:14px;scroll-snap-type:x mandatory;}\n  .voctos-hero-cards>li{flex:0 0 auto;width:320px;max-width:100%;scroll-snap-align:center;}\n  .voctos-mp-wrap{transform:translate(-74px,80px);}\n}\n\/* Desktop: \"auto-cols-[307px]\" was never compiled, so the fixed 307px columns overflowed the\n   container and the last card got clipped by lg:overflow-hidden. Make the columns share the row\n   width equally so all cards fit. *\/\n@media (min-width:1024px){\n  .voctos-hero-cards{grid-auto-columns:minmax(0,1fr);}\n}\n<\/style>\n<style>\n\/* Dark gradient overlay at section top \u2014 shows dark through transparent header (matches original) *\/\n.voctos-hero-light::before {\n    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 10%, rgba(55,65,81,0.5) 50%, rgba(75,85,99,0) 100%) !important;\n}\n<\/style>\n<style>\n\/* Dev hero \u2014 mobile & tablet only (<1024px). The inline \"font-size:60px\" on the h1 is a\n   desktop value (stand-in for the uncompiled \"lg:text-[60px]\") \u2014 on the original site the\n   mobile heading falls back to text-4xl (36px). At 60px the word \"Development\" overflowed\n   the viewport, dragging the whole text column (subtitle + oval) off-screen. Also scale the\n   decorative oval down to hug the smaller heading, and let the CTA shrink to its natural\n   width like the original. Desktop (\u22651024px) is untouched. *\/\n@media (max-width:1023px){\n  .voctos-dev-hero h1{font-size:36px!important;line-height:1.2!important;}\n  \/* The ellipse only occupies the left ~82% of the SVG viewBox (the right part is the\n     arrow\/sparks), so the svg must be wider than the word for the ellipse itself to\n     enclose it: 150% svg \u2248 ellipse from -14% to +108% of the word. *\/\n  .voctos-dev-hero .voctos-ring{width:150%!important;left:-15%!important;height:112px!important;}\n  .voctos-dev-hero .voctos-hero-offer-wrap{margin-bottom:2rem!important;margin-left:auto;margin-right:auto;}\n  .voctos-dev-hero a.bg-primary{width:auto!important;padding-left:24px;padding-right:24px;}\n  \/* The grid has a fixed h-[509px] sized for the 60px desktop heading; with the smaller\n     mobile heading the content overflows it and the breadcrumb crawls up under the CTA.\n     Let it size naturally and restore the original's breathing room before the crumbs. *\/\n  .voctos-dev-hero > .container.grid{height:auto!important;margin-bottom:4px;}\n  .voctos-dev-hero nav{padding-top:40px;}\n}\n@media (max-width:600px){\n  .voctos-dev-hero h1{font-size:34px!important;}\n  .voctos-dev-hero .voctos-ring{height:96px!important;}\n}\n<\/style>\n<!-- Oval positioned via inline style on the SVG element below -->\n<section class=\"voctos-dev-hero overflow-hidden mb-0 lg:pt-36 sm:pt-24 pt-20 voctos-hero-light bg-lg-20 relative before:content-[&#039;&#039;] before:absolute before:inset-x-0 before:top-0 before:h-32\" style=\"background: linear-gradient(#FFFFFF 25%, #EFF0F4 100%);\">\n<div class=\"container grid grid-cols-11 justify-items-center gap-y-5 lg:items-center lg:justify-items-start lg:gap-x-7 lg:mb-16 h-[509px] lg:h-[437px] xl:h-[437px]\">\n\n<!-- LEFT PANEL: controlled by service_type field -->\n<div class=\"col-span-full mb-7 lg:justify-self-stretch lg:col-span-4 h-[295px] lg:h-auto xl:h-auto\" x-data=\"brain(false)\">\n    <img decoding=\"async\" alt=\"\" class=\"block max-w-[328px] lg:!w-full lg:max-w-none\" src=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/brain.svg\" style=\"display: none;\" x-show=\"!isActive\"\/>\n                <svg class=\"si-brain max-w-[328px] lg:!w-full lg:max-w-none\" fill=\"none\" viewbox=\"0 0 381 342\" width=\"381\" x-show=\"isActive\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                    <path class=\"si-curved-1\" d=\"M250.165 120.312C308.972 179.042 308.972 274.268 250.165 332.998L236.739 319.554C288.114 268.246 288.114 185.064 236.739 133.756C185.356 82.4412 102.043 82.4412 50.6598 133.756L37.2336 120.312C96.0343 61.5892 191.364 61.5892 250.165 120.312Z\" data-svg-origin=\"165.75191116333008 204.63394165039062\" fill=\"url(#paint0_linear_39_4160)\" style=\"translate: none; rotate: none; scale: none; transform-origin: 0px 0px; opacity: 0;\" transform=\"matrix(0.07071,0.07071,-0.07071,0.07071,168.50126,178.44396)\"><\/path>\n                    <path class=\"si-curved-2\" d=\"M206.697 218.022C163.866 289.211 71.3668 312.243 0.0895162 269.472L9.86573 253.18C72.1549 290.557 152.992 270.429 190.416 208.227C227.836 146.033 207.685 65.3208 145.404 27.9475L155.18 11.6556C226.465 54.4312 249.532 146.827 206.697 218.022Z\" data-svg-origin=\"114.15925650298595 151.31357383728027\" fill=\"url(#paint1_linear_39_4160)\" style=\"translate: none; rotate: none; scale: none; transform-origin: 0px 0px; opacity: 0;\" transform=\"matrix(-0.05,-0.0866,0.0866,-0.05,106.76346,168.76544)\"><\/path>\n                    <rect class=\"si-brain-img\" data-svg-origin=\"193.28050231933594 183\" fill=\"url(#pattern1)\" height=\"178\" style=\"translate: none; rotate: none; scale: none; transform-origin: 0px 0px;\" transform=\"matrix(0,0.5,-0.5,0,284.7805,86.35975)\" width=\"151.175\" x=\"117.693\" y=\"94\"><\/rect>\n                    <path class=\"si-curved-3\" d=\"M253.929 219.251C183.893 270.068 85.87 254.564 34.9834 184.617L50.3477 173.439C95.0656 234.907 181.219 248.534 242.771 203.873C304.315 159.217 317.957 73.1982 273.245 11.7382L288.609 0.560641C339.501 70.5151 323.973 168.429 253.929 219.251Z\" data-svg-origin=\"176.77223205566406 124.85977429151535\" fill=\"url(#paint2_linear_39_4160)\" style=\"translate: none; rotate: none; scale: none; transform-origin: 0px 0px; opacity: 0;\" transform=\"matrix(0,-0.1,0.1,0,164.28625,142.537)\"><\/path>\n                    <defs>\n                        <pattern height=\"1\" id=\"pattern1\" patterncontentunits=\"objectBoundingBox\" width=\"1\">\n                            <use transform=\"scale(0.00150376 0.00127714)\" xlink:href=\"#image0_39_4160\"><\/use>\n                        <\/pattern>\n                        <lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint0_linear_39_4160\" x1=\"323.191\" x2=\"202.275\" y1=\"299.813\" y2=\"34.3004\">\n                            <stop stop-color=\"#FBFFC7\"><\/stop>\n                            <stop offset=\"1\" stop-color=\"#8698E7\"><\/stop>\n                        <\/lineargradient>\n                        <lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint1_linear_39_4160\" x1=\"50.1234\" x2=\"278.415\" y1=\"332.392\" y2=\"150.838\">\n                            <stop stop-color=\"#D6FFC7\"><\/stop>\n                            <stop offset=\"1\" stop-color=\"#FF80BE\"><\/stop>\n                        <\/lineargradient>\n                        <lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint2_linear_39_4160\" x1=\"57.3046\" x2=\"350.06\" y1=\"265.246\" y2=\"184.185\">\n                            <stop stop-color=\"#4C25FF\"><\/stop>\n                            <stop offset=\"1\" stop-color=\"#F4E2E2\"><\/stop>\n                        <\/lineargradient>\n                        <image height=\"783\" id=\"image0_39_4160\" width=\"665\" xlink:href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/only-brain.png\"\/>\n                    <\/defs>\n                <\/svg>\n<\/div>\n<!-- END LEFT PANEL -->\n\n<div class=\"col-span-full lg:col-span-6 lg:col-start-6\">\n<div class=\"mb-4 lg:mb-4\">\n<div class=\"voctos-hero-offer-wrap relative mb-7 lg:mb-16\" x-data=\"offer\">\n<h1 class=\"text-4xl relative text-third z-[2] lg:text-[60px] lg:leading-snug\" style=\"font-size:60px;line-height:1.2;background:linear-gradient(287deg,rgb(255,130,156) 25.11%,rgb(255,104,151) 52.6%,rgb(141,63,255) 75.13%,rgb(255,135,135) 99.08%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Web development<\/h1>\n<!-- offer-bg SVG: centered on h1 via top:50% translateY(-50%), width:148% of container, left:-14% -->\n<svg class=\"absolute z-[1] voctos-ring\" fill=\"none\" viewbox=\"0 0 473 190\" preserveAspectRatio=\"none\" style=\"width:148%;height:205px;left:-14%;top:50%;transform:translateY(-50%)\" x-show=\"isActive\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path class=\"fade-in-first\" d=\"M221.059 25.2622C299.6 28.1463 347.454 46.0472 363.799 73.8076C378.739 99.1827 365.114 129.208 337.002 142.871C312.179 154.936 238.003 164.92 167.766 165.737C85.2694 166.696 28.9295 155.858 19.9608 131.168C19.8927 130.981 19.8254 130.793 19.7591 130.605C14.4008 115.448 14.7686 99.6966 19.9543 84.2108C24.0134 72.0895 30.7826 60.7448 39.3958 50.2386C43.5913 45.1209 47.9603 40.531 52.2549 36.5247C53.76 35.1206 55.1509 33.8876 56.3964 32.8337C57.1553 32.1915 57.7053 31.7454 58.0153 31.5038C59.7843 30.1243 61.744 31.1126 62.3926 33.7112C63.0411 36.3097 62.1328 39.5344 60.3638 40.9138C60.1315 41.0949 59.6604 41.477 58.9823 42.0508C57.833 43.0234 56.5398 44.1698 55.1347 45.4805C51.1144 49.2308 47.023 53.5293 43.1185 58.2919C25.4435 79.8515 17.954 102.217 25.8407 124.527C25.8964 124.685 25.953 124.843 26.0103 125.001C33.3426 145.186 89.5742 156.003 168.646 155.083C238.209 154.274 311.894 144.357 335.815 132.73C347.257 127.169 356.068 118.616 360.298 109.294C364.379 100.3 364.029 90.9741 358.495 81.5758C343.533 56.1631 296.956 38.7399 219.973 35.9131C107.193 31.7719 45.2346 53.0778 34.7175 96.8216C34.03 99.6814 32.0505 101.44 30.2964 100.749C28.5422 100.059 27.6775 97.1808 28.3651 94.321C40.7022 43.007 104.727 20.9905 221.059 25.2622Z\" fill=\"#CF5C90\" style=\"opacity: 1;\"><\/path>\n<path class=\"fade-in-second\" d=\"M436.863 130.053C438.644 130.053 440.088 131.516 440.088 133.32C440.088 135.125 438.644 136.588 436.863 136.588H416.688L425.764 159.663C426.392 161.26 425.689 163.059 424.192 163.804L423.961 163.908C422.306 164.575 420.43 163.758 419.771 162.081L408.936 134.529L407.176 130.053H436.863Z\" fill=\"url(#paint0_linear_828_6719)\" style=\"opacity: 0.0278;\"><\/path>\n<path class=\"fade-in-second\" d=\"M409.96 131.673C410.856 130.124 412.839 129.593 414.391 130.487C439.587 144.999 458.978 163.194 472.514 185.059C473.456 186.581 472.984 188.576 471.46 189.516C469.936 190.456 467.937 189.985 466.996 188.464C454.043 167.542 435.444 150.089 411.149 136.096C409.597 135.202 409.065 133.222 409.96 131.673Z\" fill=\"url(#paint1_linear_828_6719)\" style=\"opacity: 0.0278;\"><\/path>\n<path class=\"fade-in-third\" d=\"M397.29 148.733C397.851 147.038 399.693 146.115 401.404 146.67C403.115 147.226 404.048 149.05 403.487 150.744L394.73 177.197C394.169 178.892 392.327 179.815 390.615 179.26C388.904 178.704 387.972 176.88 388.533 175.185L397.29 148.733Z\" fill=\"url(#paint2_linear_828_6719)\" style=\"opacity: 0;\"><\/path>\n<path class=\"fade-in-third\" d=\"M382.101 143.59C383.533 142.558 385.539 142.872 386.58 144.291C387.622 145.709 387.305 147.696 385.873 148.728L373.48 157.655C372.048 158.687 370.042 158.374 369.001 156.955C367.959 155.536 368.276 153.55 369.708 152.518L382.101 143.59Z\" fill=\"url(#paint3_linear_828_6719)\" style=\"opacity: 0;\"><\/path>\n<path class=\"fade-in-third\" d=\"M426.909 81.5559C427.561 79.8867 429.409 79.0748 431.038 79.7425C432.666 80.4101 433.458 82.3045 432.807 83.9737L423.88 106.848C423.228 108.517 421.38 109.329 419.751 108.661C418.123 107.993 417.331 106.099 417.982 104.43L426.909 81.5559Z\" fill=\"url(#paint4_linear_828_6719)\" style=\"opacity: 0;\"><\/path>\n<path class=\"fade-in-third\" d=\"M449.089 97.7365C450.539 96.71 452.555 97.0429 453.591 98.48C454.628 99.9171 454.292 101.914 452.841 102.941L436.964 114.176C435.513 115.203 433.497 114.87 432.461 113.433C431.425 111.996 431.761 109.999 433.212 108.972L449.089 97.7365Z\" fill=\"url(#paint5_linear_828_6719)\" style=\"opacity: 0;\"><\/path>\n<path class=\"fade-in-first\" d=\"M231.683 14.4673C318.441 18.2098 371.444 36.6082 389.692 64.2826C406.137 89.2235 391.824 118.441 361.467 131.583C334.299 143.344 252.365 152.537 174.704 152.586C83.8887 152.644 21.4259 141.17 11.4193 116.939C11.3428 116.754 11.2671 116.568 11.1924 116.383C5.1626 101.394 5.35256 85.8586 10.8007 70.6175C15.0734 58.6647 22.329 47.4928 31.6252 37.1594C36.1619 32.1166 40.8981 27.5983 45.5598 23.6605C47.1925 22.2814 48.7011 21.0717 50.0513 20.0395C50.5271 19.6758 50.9502 19.3595 51.3161 19.0916C51.5408 18.9272 51.6997 18.8132 51.7885 18.7508C53.2215 17.7433 54.7579 18.6322 55.2201 20.7364C55.6824 22.8405 54.8955 25.363 53.4626 26.3706C53.4026 26.4127 53.2728 26.5058 53.0776 26.6487C52.7437 26.8931 52.353 27.1852 51.91 27.5239C50.6351 28.4985 49.203 29.6467 47.6491 30.9593C43.2062 34.7123 38.6922 39.0186 34.3912 43.7995C14.8283 65.545 6.69506 88.2977 15.9294 111.252C15.9947 111.415 16.0609 111.577 16.1279 111.739C24.7878 132.709 87.3103 144.194 175.433 144.138C252.598 144.089 334.175 134.936 360.676 123.464C373.51 117.908 383.377 109.226 388.075 99.6353C392.646 90.3059 392.108 80.5364 385.619 70.696C368.466 44.6806 316.391 26.6043 230.804 22.9124C105.352 17.5007 36.5817 38.3275 25.3314 82.875C24.7611 85.1331 23.1692 86.4886 21.7756 85.9025C20.3821 85.3164 19.7148 83.0108 20.285 80.7527C33.0563 30.1827 103.243 8.9268 231.683 14.4673Z\" fill=\"url(#paint6_linear_828_6719)\" style=\"opacity: 1;\"><\/path>\n<defs>\n<lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint0_linear_828_6719\" x1=\"443.418\" x2=\"422.292\" y1=\"136.676\" y2=\"105.463\"><stop stop-color=\"#FF8AA3\"><\/stop><stop offset=\"0.371585\" stop-color=\"#F7709A\"><\/stop><stop offset=\"0.676191\" stop-color=\"#A669FF\"><\/stop><stop offset=\"1\" stop-color=\"#FFA4A4\"><\/stop><\/lineargradient>\n<lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint1_linear_828_6719\" x1=\"475.109\" x2=\"419.575\" y1=\"120.286\" y2=\"101.948\"><stop stop-color=\"#FF8AA3\"><\/stop><stop offset=\"0.371585\" stop-color=\"#F7709A\"><\/stop><stop offset=\"0.676191\" stop-color=\"#A669FF\"><\/stop><stop offset=\"1\" stop-color=\"#FFA4A4\"><\/stop><\/lineargradient>\n<lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint2_linear_828_6719\" x1=\"404.158\" x2=\"389.635\" y1=\"141.147\" y2=\"139.044\"><stop stop-color=\"#FF8AA3\"><\/stop><stop offset=\"0.371585\" stop-color=\"#F7709A\"><\/stop><stop offset=\"0.676191\" stop-color=\"#A669FF\"><\/stop><stop offset=\"1\" stop-color=\"#FFA4A4\"><\/stop><\/lineargradient>\n<lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint3_linear_828_6719\" x1=\"387.819\" x2=\"371.914\" y1=\"140.493\" y2=\"134.388\"><stop stop-color=\"#FF8AA3\"><\/stop><stop offset=\"0.371585\" stop-color=\"#F7709A\"><\/stop><stop offset=\"0.676191\" stop-color=\"#A669FF\"><\/stop><stop offset=\"1\" stop-color=\"#FFA4A4\"><\/stop><\/lineargradient>\n<lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint4_linear_828_6719\" x1=\"433.543\" x2=\"419.095\" y1=\"74.7214\" y2=\"72.3784\"><stop stop-color=\"#FF8AA3\"><\/stop><stop offset=\"0.371585\" stop-color=\"#F7709A\"><\/stop><stop offset=\"0.676191\" stop-color=\"#A669FF\"><\/stop><stop offset=\"1\" stop-color=\"#FFA4A4\"><\/stop><\/lineargradient>\n<lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint5_linear_828_6719\" x1=\"454.935\" x2=\"436.19\" y1=\"94.2682\" y2=\"86.8629\"><stop stop-color=\"#FF8AA3\"><\/stop><stop offset=\"0.371585\" stop-color=\"#F7709A\"><\/stop><stop offset=\"0.676191\" stop-color=\"#A669FF\"><\/stop><stop offset=\"1\" stop-color=\"#FFA4A4\"><\/stop><\/lineargradient>\n<lineargradient gradientunits=\"userSpaceOnUse\" id=\"paint6_linear_828_6719\" x1=\"419.881\" x2=\"218.905\" y1=\"8.42526\" y2=\"-198.005\"><stop stop-color=\"#CF5C90\"><\/stop><stop offset=\"0.371585\" stop-color=\"#E060B0\"><\/stop><stop offset=\"0.676191\" stop-color=\"#A855F7\"><\/stop><stop offset=\"1\" stop-color=\"#7B2EF1\"><\/stop><\/lineargradient>\n<\/defs>\n<\/svg>\n<\/div>\n<\/div>\n<p class=\"text-lg text-black mb-3 leading-tight whitespace-pre-line lg:mb-5 lg:text-fs-8 mt-[40px]\">Fast, SEO-ready websites built to convert<\/p>\n<div class=\"flex flex-col lg:flex-row xl:flex-row\">\n<div class=\"w-full lg:w-auto xl:w-auto\">\n    <a href=\"#request\" class=\"inline-block text-center w-full lg:50 xl:50 text-sm py-4 px-5 bg-primary rounded-rc-6 text-white\">Get a project quote<\/a>\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div class=\"container relative z-[2]\">\n<nav class=\"py-6 lg:py-16\">\n<ul class=\"flex justify-center gap-x-2.5 lg:justify-start\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\n        <li class=\"relative shrink-0 [&amp;:not(:last-child)]:after:content-[''] [&amp;:not(:last-child)]:after:absolute [&amp;:not(:last-child)]:after:w-0.5 [&amp;:not(:last-child)]:after:h-0.5 [&amp;:not(:last-child)]:after:rounded-full [&amp;:not(:last-child)]:after:bg-white [&amp;:not(:last-child)]:after:top-2 [&amp;:not(:last-child)]:after:-right-1.5\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\n                <a class=\"block leading-3 text-fs-8 text-third p-1\" href=\"\/\" itemprop=\"item\"><span itemprop=\"name\">Home<\/span><\/a>\n                <meta content=\"1\" itemprop=\"position\"\/>\n    <\/li>\n        <li class=\"relative shrink-0 [&amp;:not(:last-child)]:after:content-[''] [&amp;:not(:last-child)]:after:absolute [&amp;:not(:last-child)]:after:w-0.5 [&amp;:not(:last-child)]:after:h-0.5 [&amp;:not(:last-child)]:after:rounded-full [&amp;:not(:last-child)]:after:bg-white [&amp;:not(:last-child)]:after:top-2 [&amp;:not(:last-child)]:after:-right-1.5\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\n                <span class=\"block leading-3 text-fs-8 text-neutral-500\/90 p-1\" itemprop=\"item\"><span itemprop=\"name\">Web Development<\/span><\/span>\n                <meta content=\"2\" itemprop=\"position\"\/>\n    <\/li>\n    <\/ul>\n<\/nav>\n<\/div>\n<\/section>\n\n\n    <section class=\"voctos-dev-services\">\n        <div class=\"container\">\n\n            <h2 class=\"ds-heading\">Website development services built to rank and convert<\/h2>\n\n            <ul class=\"ds-grid\">\n\n                <!-- Card 1: Types of sites (green) -->\n                <li class=\"ds-card ds-card--green ds-card--has-list\">\n                    <div class=\"ds-card__body\">\n                        <h3 class=\"ds-card__title\">Types of sites<\/h3>\n                        <ul class=\"ds-pills\">\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    Promo site                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    One-page company site                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    Online store                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    Portal or marketplace                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    Corporate website                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    Landing                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                                        <div class=\"ds-card__pic ds-card__pic--dev1\">\n                        <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/illustration-dev-1.svg\" alt=\"\" aria-hidden=\"true\">\n                    <\/div>\n                                    <\/li>\n\n                <!-- Card 2: Platforms (light) -->\n                <li class=\"ds-card ds-card--light ds-card--has-list\">\n                    <div class=\"ds-card__body\">\n                        <h3 class=\"ds-card__title\">Platforms<\/h3>\n                        <ul class=\"ds-pills\">\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    DJANGO                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    LARAVEL                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    VUE JS\/NUXT                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    REACT\/NEXT                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    WORDPRESS                                <\/li>\n                                                            <li class=\"ds-pill\">\n                                    <svg class=\"ds-pill__check\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M1 4L3.5 6.5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    OPENCART                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                                        <div class=\"ds-card__pic ds-card__pic--dev2\">\n                        <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/illustration-dev-2.svg\" alt=\"\" aria-hidden=\"true\">\n                    <\/div>\n                                    <\/li>\n\n                <!-- Card 3: Website development (white, narrow) -->\n                <li class=\"ds-card ds-card--white ds-card--narrow\">\n                    <div class=\"ds-card__body\">\n                        <h3 class=\"ds-card__title\">Website development<\/h3>\n                        <p class=\"ds-card__text\">We design and build websites that are fast, secure, and easy to manage. Every project is built for SEO from the first line of code, so your site is ready to rank and convert, not just look good.<\/p>\n                    <\/div>\n                                        <div class=\"ds-card__pic ds-card__pic--dev3\">\n                        <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/illustration-dev-3.svg\" alt=\"\" aria-hidden=\"true\">\n                    <\/div>\n                                    <\/li>\n\n                <!-- Card 4: Result (white, wide) -->\n                <li class=\"ds-card ds-card--white ds-card--wide\">\n                    <div class=\"ds-card__body\">\n                        <h3 class=\"ds-card__title\">Result<\/h3>\n                                                        <p class=\"ds-card__text\">Our developers turn your idea into a site your customers actually use: clean code, mobile-first design, and a build that loads fast and holds up under traffic. Tell us what you need and we scope the project, agree the plan, and ship a site that supports your growth.<\/p>\n                                                <\/div>\n                                        <div class=\"ds-card__pic ds-card__pic--dev4\">\n                        <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/illustration-dev-4.svg\" alt=\"\" aria-hidden=\"true\">\n                    <\/div>\n                                    <\/li>\n\n            <\/ul><!-- .ds-grid -->\n        <\/div>\n    <\/section>\n    \n\n<svg width=\"0\" height=\"0\" class=\"vhinc-sprite\" aria-hidden=\"true\" focusable=\"false\" style=\"position:absolute\"><defs><g id=\"vhinc-i-audit\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/><path d=\"M15.4 15.4 21 21\"\/><path d=\"M7.6 9.4h5.8M7.6 12.2h3.4\"\/><\/g><g id=\"vhinc-i-split\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h5l3-6h10\"\/><path d=\"M8 12l3 6h10\"\/><path d=\"M18 3.4 21 6l-3 2.6\"\/><path d=\"M18 15.4 21 18l-3 2.6\"\/><\/g><g id=\"vhinc-i-doc\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5Z\"\/><path d=\"M14 3v5h5\"\/><path d=\"M8.6 14.6 11 17l4.4-4.6\"\/><\/g><g id=\"vhinc-i-entity\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3.1\"\/><circle cx=\"12\" cy=\"4.2\" r=\"2\"\/><circle cx=\"4.8\" cy=\"17\" r=\"2\"\/><circle cx=\"19.2\" cy=\"17\" r=\"2\"\/><path d=\"M12 6.2v2.7M9.6 13.9 6.4 15.8M14.4 13.9l3.2 1.9\"\/><\/g><g id=\"vhinc-i-network\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3.6\" width=\"7\" height=\"7\" rx=\"1.8\"\/><rect x=\"14\" y=\"3.6\" width=\"7\" height=\"7\" rx=\"1.8\"\/><rect x=\"8.5\" y=\"13.4\" width=\"7\" height=\"7\" rx=\"1.8\"\/><path d=\"M6.5 10.6v1.2a1.8 1.8 0 0 0 1.8 1.8M17.5 10.6v1.2a1.8 1.8 0 0 1-1.8 1.8\"\/><\/g><g id=\"vhinc-i-repeat\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.4 12a8.4 8.4 0 0 1-14.3 6\"\/><path d=\"M3.6 12a8.4 8.4 0 0 1 14.3-6\"\/><path d=\"M17.9 2.6V6h-3.4M6.1 21.4V18h3.4\"\/><path d=\"M9.6 14.4v-2.6M12 14.4V9.6M14.4 14.4v-3.6\"\/><\/g><\/defs><\/svg>\t<section class=\"vh-sec vhinc-sec\">\n\t\t<div class=\"vhinc-inner\">\n\n\t\t\t<p class=\"vhinc-eye\">What you get<\/p>\t\t\t\t\t\t\t<h2 class=\"vhinc-h2\">What&#039;s included in every build<\/h2>\n\t\t\t\t\t\t<p class=\"vhinc-intro\">A site is not a design file. Six things decide whether it earns anything after launch, and all six are in scope.<\/p>\n\t\t\t<div class=\"vhinc-pack\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"vhinc-e888bf\" id=\"vhinc-e888bf-1\"\n\t\t\t\t\t\tclass=\"vr1\" checked>\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"vhinc-e888bf\" id=\"vhinc-e888bf-2\"\n\t\t\t\t\t\tclass=\"vr2\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"vhinc-e888bf\" id=\"vhinc-e888bf-3\"\n\t\t\t\t\t\tclass=\"vr3\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"vhinc-e888bf\" id=\"vhinc-e888bf-4\"\n\t\t\t\t\t\tclass=\"vr4\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"vhinc-e888bf\" id=\"vhinc-e888bf-5\"\n\t\t\t\t\t\tclass=\"vr5\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"vhinc-e888bf\" id=\"vhinc-e888bf-6\"\n\t\t\t\t\t\tclass=\"vr6\">\n\t\t\t\t\n\t\t\t\t<div class=\"vhinc-body\">\n\n\t\t\t\t\t<div class=\"vhinc-fan\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"vhinc-c vhinc-c--1\"\n\t\t\t\t\t\t\t\tfor=\"vhinc-e888bf-1\"\n\t\t\t\t\t\t\t\tstyle=\"--i:0;--z:1;--rot:-7deg;--c:#9bb725;--fg:#0d172d\">\n\t\t\t\t\t\t\t\t<b>01<\/b>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#vhinc-i-audit\"\/><\/svg>\n\t\t\t\t\t\t\t\t<i>Architecture<\/i>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"vhinc-c vhinc-c--2\"\n\t\t\t\t\t\t\t\tfor=\"vhinc-e888bf-2\"\n\t\t\t\t\t\t\t\tstyle=\"--i:1;--z:2;--rot:-4.2deg;--c:#0f172a;--fg:#ffffff\">\n\t\t\t\t\t\t\t\t<b>02<\/b>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#vhinc-i-split\"\/><\/svg>\n\t\t\t\t\t\t\t\t<i>Design you sign<\/i>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"vhinc-c vhinc-c--3\"\n\t\t\t\t\t\t\t\tfor=\"vhinc-e888bf-3\"\n\t\t\t\t\t\t\t\tstyle=\"--i:2;--z:3;--rot:-1.4deg;--c:#7616f4;--fg:#ffffff\">\n\t\t\t\t\t\t\t\t<b>03<\/b>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#vhinc-i-doc\"\/><\/svg>\n\t\t\t\t\t\t\t\t<i>Built to be<\/i>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"vhinc-c vhinc-c--4\"\n\t\t\t\t\t\t\t\tfor=\"vhinc-e888bf-4\"\n\t\t\t\t\t\t\t\tstyle=\"--i:3;--z:4;--rot:1.4deg;--c:#64748b;--fg:#ffffff\">\n\t\t\t\t\t\t\t\t<b>04<\/b>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#vhinc-i-entity\"\/><\/svg>\n\t\t\t\t\t\t\t\t<i>Speed treated as<\/i>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"vhinc-c vhinc-c--5\"\n\t\t\t\t\t\t\t\tfor=\"vhinc-e888bf-5\"\n\t\t\t\t\t\t\t\tstyle=\"--i:4;--z:5;--rot:4.2deg;--c:#d4ee69;--fg:#0d172d\">\n\t\t\t\t\t\t\t\t<b>05<\/b>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#vhinc-i-network\"\/><\/svg>\n\t\t\t\t\t\t\t\t<i>Editable without<\/i>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"vhinc-c vhinc-c--6 vhinc-c--light-card\"\n\t\t\t\t\t\t\t\tfor=\"vhinc-e888bf-6\"\n\t\t\t\t\t\t\t\tstyle=\"--i:5;--z:6;--rot:7deg;--c:#ffffff;--fg:#0d172d\">\n\t\t\t\t\t\t\t\t<b>06<\/b>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#vhinc-i-repeat\"\/><\/svg>\n\t\t\t\t\t\t\t\t<i>Handover that is<\/i>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"vhinc-page\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vhinc-p vhinc-p--1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Architecture before design<\/h3>\n\t\t\t\t\t\t\t\t<p>Page map, URL structure and internal linking planned before anyone opens Figma. Retrofitting this after launch is the most expensive mistake in web projects.<\/p>\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vhinc-p vhinc-p--2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Design you sign off in stages<\/h3>\n\t\t\t\t\t\t\t\t<p>Wireframes, then desktop, then mobile. You approve each stage, so nobody discovers a problem at handover.<\/p>\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vhinc-p vhinc-p--3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Built to be crawled and cited<\/h3>\n\t\t\t\t\t\t\t\t<p>Clean HTML, real headings, schema, fast server response. If a page cannot be read by a crawler or lifted by a model, its design does not matter.<\/p>\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vhinc-p vhinc-p--4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Speed treated as a requirement<\/h3>\n\t\t\t\t\t\t\t\t<p>Core Web Vitals are a launch condition, not a follow-up ticket. Images, fonts and scripts are budgeted before build starts.<\/p>\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vhinc-p vhinc-p--5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Editable without a developer<\/h3>\n\t\t\t\t\t\t\t\t<p>Every section is a block your team can change. You should not need us to update a price or swap a photo.<\/p>\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vhinc-p vhinc-p--6\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Handover that is actually usable<\/h3>\n\t\t\t\t\t\t\t\t<p>Documentation, admin walkthrough and a 30-day window for anything that surfaces after launch.<\/p>\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vhinc-hint\">Move across the pack to read each one.<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"vhinc-cta\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3>Rebuilding, or starting from nothing?<\/h3>\t\t\t\t\t\t<p>Send us the current URL and we will tell you which of the two costs less in your case.<\/p>\t\t\t\t\t\t<span class=\"vhinc-note\">Free, usually the same working day.<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"vhinc-btn\" href=\"#request\">Get the read<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t<\/section>\n\t\n\n    <section class=\"voctos-dev-howwework voctos-dev-howwework--style-3\">\n        <div class=\"container\">\n\n                        <h2 class=\"dhww-heading\">How we work<\/h2>\n            \n            <ol class=\"dhww-steps\">\n\n                                <li class=\"dhww-step dhww-step--first\">\n\n                    \n                    <!-- Number box: number from CSS counter, dark bg -->\n                    <div class=\"dhww-step__head\">\n                        <p class=\"dhww-step__title\">Discovery<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>You send us an inquiry through the site or call us<\/li>\n                                                <li>We discuss the brief with you<\/li>\n                                                <li>We prepare an estimate and sign the project contract<\/li>\n                                            <\/ul>\n                                            \n                <\/li>\n                                <li class=\"dhww-step\">\n\n                    \n                    <!-- Number box: number from CSS counter, dark bg -->\n                    <div class=\"dhww-step__head\">\n                        <p class=\"dhww-step__title\">Preparation stage<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Defining the project architecture<\/li>\n                                                <li>A written technical spec you sign off on<\/li>\n                                                <li>Gathering all necessary information and materials<\/li>\n                                            <\/ul>\n                                            \n                <\/li>\n                                <li class=\"dhww-step\">\n\n                    \n                    <!-- Number box: number from CSS counter, dark bg -->\n                    <div class=\"dhww-step__head\">\n                        <p class=\"dhww-step__title\">Design<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Building the prototype<\/li>\n                                                <li>Designing the visual layout<\/li>\n                                                <li>Designing the mobile version<\/li>\n                                            <\/ul>\n                                            \n                <\/li>\n                                <li class=\"dhww-step\">\n\n                    \n                    <!-- Number box: number from CSS counter, dark bg -->\n                    <div class=\"dhww-step__head\">\n                        <p class=\"dhww-step__title\">Markup<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Coding the design into a working markup<\/li>\n                                                <li>Cross browser and device testing<\/li>\n                                            <\/ul>\n                                            \n                <\/li>\n                                <li class=\"dhww-step\">\n\n                    \n                    <!-- Number box: number from CSS counter, dark bg -->\n                    <div class=\"dhww-step__head\">\n                        <p class=\"dhww-step__title\">Programming<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Integrating the markup with the chosen CMS<\/li>\n                                                <li>Building out the functionality<\/li>\n                                                <li>Quality assurance testing<\/li>\n                                            <\/ul>\n                                            \n                <\/li>\n                                <li class=\"dhww-step\">\n\n                    \n                    <!-- Number box: number from CSS counter, dark bg -->\n                    <div class=\"dhww-step__head\">\n                        <p class=\"dhww-step__title\">Launch and handover<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Populating the site with content<\/li>\n                                                <li>Final testing<\/li>\n                                                <li>Launching the site on the client server<\/li>\n                                            <\/ul>\n                                            \n                <\/li>\n                \n                \n            <\/ol>\n\n        <\/div>\n    <\/section>\n    \n\n    <section class=\"voctos-dev-cases\">\n        <div class=\"container\">\n\n            <h2 class=\"dc-heading\">Website creation from scratch: examples of our work<\/h2>\n\n            <ul class=\"dc-filters\" role=\"tablist\">\n                <li class=\"dc-filter is-active\" data-filter=\"all\" role=\"tab\" aria-selected=\"true\" tabindex=\"0\">\n                    <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"8\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M8 2.5c-1.5 2-1.5 9 0 11M8 2.5c1.5 2 1.5 9 0 11M2.5 8h11\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><\/svg>                    <span>All cases<\/span>\n                <\/li>\n                                <li class=\"dc-filter\" data-filter=\"website\" role=\"tab\" aria-selected=\"false\" tabindex=\"0\">\n                    <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"12\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M5 8h6M8 5v6\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>                    <span>Website<\/span>\n                <\/li>\n                            <\/ul>\n\n            <ul class=\"dc-grid\" data-dc-grid>\n                                <li class=\"dc-card\" data-category=\"website\">\n                    <article class=\"dc-card__inner\">\n\n                        <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/ogaei-virtual-care\/\" class=\"dc-card__shot\" tabindex=\"-1\" aria-hidden=\"true\">\n                                                        <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/ogaei.webp\" alt=\"ogaei.ca\" class=\"dc-card__shot-img\" loading=\"lazy\">\n                                                    <\/a>\n\n                        <div class=\"dc-card__info\">\n                                                        <div class=\"dc-card__logo-wrap\">\n                                <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/logo.webp\" alt=\"\" class=\"dc-card__logo\" loading=\"lazy\">\n                            <\/div>\n                            \n                            <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/ogaei-virtual-care\/\" class=\"dc-card__domain\">ogaei.ca<\/a>\n\n                            <div class=\"dc-card__meta\">\n                                <p class=\"dc-card__meta-line\">CMS System: WordPress<\/p>                                <p class=\"dc-card__meta-line\">Development time: 8 months<\/p>                            <\/div>\n\n                            <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/ogaei-virtual-care\/\" class=\"dc-card__btn\">Read more<span class=\"screen-reader-text\"> about ogaei.ca<\/span><\/a>\n                        <\/div>\n\n                    <\/article>\n                <\/li>\n                                <li class=\"dc-card\" data-category=\"website\">\n                    <article class=\"dc-card__inner\">\n\n                        <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/alhokail-medical-group\/\" class=\"dc-card__shot\" tabindex=\"-1\" aria-hidden=\"true\">\n                                                        <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/hokail-MG.webp\" alt=\"alhokail.com.sa\" class=\"dc-card__shot-img\" loading=\"lazy\">\n                                                    <\/a>\n\n                        <div class=\"dc-card__info\">\n                                                        <div class=\"dc-card__logo-wrap\">\n                                <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/Hokail.webp\" alt=\"\" class=\"dc-card__logo\" loading=\"lazy\">\n                            <\/div>\n                            \n                            <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/alhokail-medical-group\/\" class=\"dc-card__domain\">alhokail.com.sa<\/a>\n\n                            <div class=\"dc-card__meta\">\n                                <p class=\"dc-card__meta-line\">CMS System: WordPress<\/p>                                <p class=\"dc-card__meta-line\">Development time: 2 months<\/p>                            <\/div>\n\n                            <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/alhokail-medical-group\/\" class=\"dc-card__btn\">Read more<span class=\"screen-reader-text\"> about alhokail.com.sa<\/span><\/a>\n                        <\/div>\n\n                    <\/article>\n                <\/li>\n                                <li class=\"dc-card\" data-category=\"website\">\n                    <article class=\"dc-card__inner\">\n\n                        <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/seek-purpose\/\" class=\"dc-card__shot\" tabindex=\"-1\" aria-hidden=\"true\">\n                                                        <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/SeekPurpose.webp\" alt=\"seekpurpose.ca\" class=\"dc-card__shot-img\" loading=\"lazy\">\n                                                    <\/a>\n\n                        <div class=\"dc-card__info\">\n                                                        <div class=\"dc-card__logo-wrap\">\n                                <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/seek-logo.png.webp\" alt=\"\" class=\"dc-card__logo\" loading=\"lazy\">\n                            <\/div>\n                            \n                            <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/seek-purpose\/\" class=\"dc-card__domain\">seekpurpose.ca<\/a>\n\n                            <div class=\"dc-card__meta\">\n                                <p class=\"dc-card__meta-line\">CMS System: WordPress<\/p>                                <p class=\"dc-card__meta-line\">Development time: 1.5 months<\/p>                            <\/div>\n\n                            <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/seek-purpose\/\" class=\"dc-card__btn\">Read more<span class=\"screen-reader-text\"> about seekpurpose.ca<\/span><\/a>\n                        <\/div>\n\n                    <\/article>\n                <\/li>\n                                <li class=\"dc-card\" data-category=\"website\">\n                    <article class=\"dc-card__inner\">\n\n                        <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/jalal-alsharif-law-firm\/\" class=\"dc-card__shot\" tabindex=\"-1\" aria-hidden=\"true\">\n                                                        <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/law-firm-dark-office.webp\" alt=\"jalalfirm.com\" class=\"dc-card__shot-img\" loading=\"lazy\">\n                                                    <\/a>\n\n                        <div class=\"dc-card__info\">\n                                                        <div class=\"dc-card__logo-wrap\">\n                                <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/Jalal-Law-Firm-Logo.webp\" alt=\"\" class=\"dc-card__logo\" loading=\"lazy\">\n                            <\/div>\n                            \n                            <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/jalal-alsharif-law-firm\/\" class=\"dc-card__domain\">jalalfirm.com<\/a>\n\n                            <div class=\"dc-card__meta\">\n                                <p class=\"dc-card__meta-line\">CMS System: WordPress<\/p>                                <p class=\"dc-card__meta-line\">Development time: 3 weeks<\/p>                            <\/div>\n\n                            <a href=\"https:\/\/www.voctos.com\/ar\/case-studies\/jalal-alsharif-law-firm\/\" class=\"dc-card__btn\">Read more<span class=\"screen-reader-text\"> about jalalfirm.com<\/span><\/a>\n                        <\/div>\n\n                    <\/article>\n                <\/li>\n                            <\/ul>\n\n        <\/div>\n    <\/section>\n    \n\n    <style>\n      .vh-sec{padding:30px 0 48px 0px;font-family:inherit;color:#0D172D}\n      \/* Scoped to this block with .vhcc: the bare .vh-wrap rule used to set\n         padding:0, so on a phone the card ran into the screen edge. Other\n         blocks share these class names, so the side padding is added here\n         only, and nothing else changes. *\/\n      .vh-wrap{max-width:1300px;margin:0 auto;padding:0}\n      .vhcc .vh-wrap{padding-inline:24px}\n      .vh-ey{text-align:center;color:#7e9c0a;font-weight:400;font-size:14px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}\n      .vh-h2{text-align:center;font-size:clamp(26px,4.2vw,40px);font-weight:400;color:#0D172D;line-height:1.07;margin:0 0 14px}\n      .vh-h2 .g{color:#7e9c0a}\n      .vh-sub{text-align:center;color:#6b7280;font-size:16px;line-height:1.6;margin:0 auto 44px}\n      .vh-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:820px){.vh-grid{grid-template-columns:1fr}}\n      .vh-card{border-radius:30px;padding:34px 32px;background:#fff;box-shadow:0 10px 30px rgba(13,23,45,.06)}\n      .vh-can{border:1px solid rgba(150,180,30,.28)}\n      .vh-cant{border:1px solid rgba(240,96,107,.22)}\n      .vh-hd{display:flex;align-items:center;gap:14px;margin-bottom:26px}\n      .vh-bd{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:400;flex:0 0 auto}\n      .vh-bd.g{background:#C3D82E;color:#0D172D}.vh-bd.r{background:#F0606B;color:#fff}\n      .vh-hd h3{font-size:22px;font-weight:400;color:#0D172D;margin:0}\n      .vh-ul{list-style:none;display:flex;flex-direction:column;gap:16px;padding:0;margin:0}\n      .vh-li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:400;color:#1f2a37}\n      .vh-ic{width:22px;height:22px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:400}\n      .vh-ic.g{background:rgba(150,180,30,.16);color:#6f8e0a}.vh-ic.r{background:rgba(240,96,107,.14);color:#e0444f}\n      .vh-ft{text-align:center;margin-top:40px;color:#6b7280;font-size:16px}\n      .vh-ft a{color:#6f8e0a;font-weight:700;text-decoration:none}.vh-ft a:hover{text-decoration:underline}\n    <\/style>\n    <section class=\"vh-sec vhcc\"><div class=\"vh-wrap\">\n        <p class=\"vh-ey\">Straight answers<\/p>\n        <h2 class=\"vh-h2\">What a new website <span class=\"g\">can and cannot<\/span> do<\/h2>\n        <p class=\"vh-sub\">A redesign is sold as a growth lever more often than it is one. Here is what actually changes when the site changes.<\/p>\n        <div class=\"vh-grid\">\n            <div class=\"vh-card vh-can\"><div class=\"vh-hd\"><span class=\"vh-bd g\">&#10003;<\/span><h3>What it does<\/h3><\/div><ul class=\"vh-ul\"><li class=\"vh-li\"><span class=\"vh-ic g\">&#10003;<\/span>Remove the technical ceiling on your SEO. A site that cannot be crawled cannot rank, however good the content is.<\/li><li class=\"vh-li\"><span class=\"vh-ic g\">&#10003;<\/span>Raise conversion rate on traffic you already have, which is usually cheaper than buying more traffic.<\/li><li class=\"vh-li\"><span class=\"vh-ic g\">&#10003;<\/span>Make you publishable. If adding a page takes a developer and two weeks, your content program will not happen.<\/li><li class=\"vh-li\"><span class=\"vh-ic g\">&#10003;<\/span>Fix the speed and mobile problems that quietly cost you rankings and sales at the same time.<\/li><li class=\"vh-li\"><span class=\"vh-ic g\">&#10003;<\/span>Give AI models clean, structured HTML to read, which is the base layer of every GEO engagement.<\/li><\/ul><\/div>\n            <div class=\"vh-card vh-cant\"><div class=\"vh-hd\"><span class=\"vh-bd r\">&#10007;<\/span><h3>What it does not<\/h3><\/div><ul class=\"vh-ul\"><li class=\"vh-li\"><span class=\"vh-ic r\">&#10007;<\/span>Bring traffic on its own. A new site with no content and no links ranks for your brand name and nothing else.<\/li><li class=\"vh-li\"><span class=\"vh-ic r\">&#10007;<\/span>Recover rankings you never had. A redesign protects what you have earned. It does not create it.<\/li><li class=\"vh-li\"><span class=\"vh-ic r\">&#10007;<\/span>Fix positioning. If the message is wrong, a better-looking site delivers the wrong message faster.<\/li><li class=\"vh-li\"><span class=\"vh-ic r\">&#10007;<\/span>Stay fast forever. Speed decays with every plugin and tracking script added after launch.<\/li><li class=\"vh-li\"><span class=\"vh-ic r\">&#10007;<\/span>Justify itself in three months. A build is a two-to-three year asset, and it should be judged that way.<\/li><\/ul><\/div>\n        <\/div>\n        <p class=\"vh-ft\">Not sure a rebuild is the right spend? Book 15 minutes and we will tell you honestly. <a href=\"\/meet\/\">See it for yourself \u2192<\/a><\/p>\n    <\/div><\/section>\n    \n\n    <section class=\"voctos-why-tabs\">\n        <div class=\"container\">\n\n            <!-- Header -->\n            <div class=\"vtabs-header\">\n                <p class=\"vtabs-eyebrow\">INSIDE THE VOCTOS CLIENT PORTAL<\/p>\n                <h2 class=\"vtabs-heading\">The build is judged on what it does in search after launch.<\/h2>\n                                    <p class=\"vtabs-lead\">Two screens from the live client portal. Core Web Vitals, crawl health, indexation and organic performance stay visible after handover, with the roadmap of what changes next. The screenshots below are live views of a demo workspace. The layout is exactly what you get; the figures inside are demo data.<\/p>\n                            <\/div>\n\n            <!-- Tabs -->\n            <div class=\"vtabs-root\" x-data=\"{ tab: 0, lightbox: '' }\">\n\n                <div class=\"vtabs-nav\" role=\"tablist\">\n                    <span class=\"vtabs-line\" aria-hidden=\"true\"><\/span>\n                                            <button\n                            type=\"button\"\n                            role=\"tab\"\n                            class=\"vtabs-btn\"\n                            :class=\"tab === 0 ? 'vtabs-btn--active' : ''\"\n                            @click=\"tab = 0\"\n                            :aria-selected=\"(tab === 0).toString()\"\n                        ><span class=\"vtabs-btn-label\">SEO performance<\/span><\/button>\n                        <span class=\"vtabs-line\" aria-hidden=\"true\"><\/span>\n                                            <button\n                            type=\"button\"\n                            role=\"tab\"\n                            class=\"vtabs-btn\"\n                            :class=\"tab === 1 ? 'vtabs-btn--active' : ''\"\n                            @click=\"tab = 1\"\n                            :aria-selected=\"(tab === 1).toString()\"\n                        ><span class=\"vtabs-btn-label\">Roadmap<\/span><\/button>\n                        <span class=\"vtabs-line\" aria-hidden=\"true\"><\/span>\n                                    <\/div>\n\n                                <div\n                    class=\"vtabs-panel\"\n                    role=\"tabpanel\"\n                    x-show=\"tab === 0\"\n                    x-cloak\n                                    >\n                    <div class=\"vtabs-panel-inner\">\n\n                                                <div class=\"vtabs-photo\" role=\"button\" tabindex=\"0\"\n                             aria-label=\"Enlarge image\"\n                             @click=\"lightbox = 'https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-portal-seo-performance-technical-health.gif'\"\n                             @keydown.enter=\"lightbox = 'https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-portal-seo-performance-technical-health.gif'\"\n                             @keydown.space.prevent=\"lightbox = 'https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-portal-seo-performance-technical-health.gif'\">\n                            <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-portal-seo-performance-technical-health.gif\" alt=\"\" loading=\"lazy\">\n                            <span class=\"vtabs-zoom\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/span>\n                        <\/div>\n                        \n                        <div class=\"vtabs-body\">\n                                                            <div class=\"vtabs-text\"><p>Clicks, impressions, positions and the pages producing them, next to the technical health of the site: Core Web Vitals, indexation, crawl errors, redirect chains and pages that have dropped out. Search Console and analytics data sit in the same view as the technical checks, so a traffic drop and the change behind it are on one screen rather than in two tools.<\/p>\n<\/div>\n                                                                                <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div\n                    class=\"vtabs-panel\"\n                    role=\"tabpanel\"\n                    x-show=\"tab === 1\"\n                    x-cloak\n                    style=\"display:none\"                >\n                    <div class=\"vtabs-panel-inner\">\n\n                                                <div class=\"vtabs-photo\" role=\"button\" tabindex=\"0\"\n                             aria-label=\"Enlarge image\"\n                             @click=\"lightbox = 'https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-portal-roadmap-month-by-month.gif'\"\n                             @keydown.enter=\"lightbox = 'https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-portal-roadmap-month-by-month.gif'\"\n                             @keydown.space.prevent=\"lightbox = 'https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-portal-roadmap-month-by-month.gif'\">\n                            <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-portal-roadmap-month-by-month.gif\" alt=\"\" loading=\"lazy\">\n                            <span class=\"vtabs-zoom\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/span>\n                        <\/div>\n                        \n                        <div class=\"vtabs-body\">\n                                                            <div class=\"vtabs-text\"><p>What is planned, what is in progress and what has shipped, month by month, with each item tied to the outcome it is meant to move. You can see what we are working on right now without asking, and what is queued behind it, which also makes it easy to tell us when your priorities change.<\/p>\n<\/div>\n                                                                                <\/div>\n\n                    <\/div>\n                <\/div>\n                \n                <!-- Lightbox -->\n                <div class=\"vtabs-lightbox\" x-show=\"lightbox\" x-cloak style=\"display:none\"\n                     @click=\"lightbox = ''\"\n                     @keydown.escape.window=\"lightbox = ''\">\n                    <button class=\"vtabs-lightbox-close\" type=\"button\" @click.stop=\"lightbox = ''\" aria-label=\"Close\">&times;<\/button>\n                    <img :src=\"lightbox\" @click.stop alt=\"\">\n                <\/div>\n\n            <\/div><!-- .vtabs-root -->\n\n        <\/div><!-- .container -->\n    <\/section>\n    \n\n    <section class=\"voctos-dev-pricing container pt-4 pb-2.5\" id=\"tarifs\">\n\n                <h2 class=\"text-2xl sm:text-fs-5 text-third sm:mb-7 mb-4\">Web development pricing<\/h2>\n\n                <div class=\"dp-grid mb-5\" style=\"--cols:3\">\n            \n            <!-- \u2500\u2500 Landing page : background (white) \u2500\u2500 -->\n            <div                  class=\"dp-bg rounded-rc-1 bg-no-repeat bg-center bg-contain\"\n                 style=\"--dc:1;--mr-start:1;--mr-end:9;background-color:#ffffff;\"><\/div>\n\n            <!-- row 1: name + optional logos gallery -->\n            <div class=\"dp-cell px-4 sm:px-10 sm:pt-7 pt-6 sm:pb-3.5 pb-4\" style=\"--dc:1;--dr:1;--mr:1;\">\n                                <p class=\"text-fs-7 text-third leading-tight font-medium\">Landing page<\/p>\n                            <\/div>\n\n            <!-- row 2: features -->\n            <div class=\"dp-cell px-4 sm:px-10 py-4 border-y\" style=\"--dc:1;--dr:2;--mr:2;\">\n                                <ul class=\"dp-features\">\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Design mockup                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Responsive layout                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Contact form setup                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        CRM integration                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Hosting installation                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Domain connection                    <\/li>\n                                    <\/ul>\n            <\/div>\n\n            <!-- row 3: timeline -->\n            <div class=\"dp-cell px-4 sm:px-10 pt-5 pb-2\" style=\"--dc:1;--dr:3;--mr:3;\">\n                            <\/div>\n\n            <!-- row 4: description -->\n            <div class=\"dp-cell px-4 sm:px-10 pt-2 pb-1.5\" style=\"--dc:1;--dr:4;--mr:4;\">\n                <p class=\"mb-auto text-third\">One page, built to convert a single campaign or offer.<\/p>\n            <\/div>\n\n            <!-- row 5: strikethrough \/ spacer -->\n            <div class=\"dp-cell px-4 sm:px-10 py-1.5 justify-self-start\" style=\"--dc:1;--dr:5;--mr:5;\">\n                            <\/div>\n\n            <!-- row 6: price -->\n            <div class=\"dp-cell px-4 sm:px-10 pb-0.5\" style=\"--dc:1;--dr:6;--mr:6;\">\n                <span class=\"text-third sm:text-[25px] text-[32px] font-medium leading-none\">Priced after a scoping call<\/span>\n            <\/div>\n\n            <!-- row 7: currency + badge -->\n            <div class=\"dp-cell px-4 sm:px-10 pt-0.5 pb-2\" style=\"--dc:1;--dr:7;--mr:7;\">\n                <div class=\"flex justify-between items-center\">\n                    <span class=\"text-sm text-third\"><\/span>\n                                    <\/div>\n            <\/div>\n\n            <!-- row 8: CTA -->\n            <div class=\"dp-cell px-4 sm:px-10 pb-8 pt-2\" style=\"--dc:1;--dr:8;--mr:8;\">\n                                <a href=\"#request\" class=\"text-sm p-4 w-full rounded-rc-6 text-white bg-secondary hover:bg-third transition-colors block text-center\">Scope my build<\/a>\n                            <\/div>\n\n            <!-- mobile gap between stacked cards -->\n            <div class=\"dp-mgap\" style=\"--mr:9\"><\/div>\n\n            \n            <!-- \u2500\u2500 Multi-page site : background (white) \u2500\u2500 -->\n            <div                  class=\"dp-bg rounded-rc-1 bg-no-repeat bg-center bg-contain\"\n                 style=\"--dc:2;--mr-start:10;--mr-end:18;background-color:#ffffff;\"><\/div>\n\n            <!-- row 1: name + optional logos gallery -->\n            <div class=\"dp-cell px-4 sm:px-10 sm:pt-7 pt-6 sm:pb-3.5 pb-4\" style=\"--dc:2;--dr:1;--mr:10;\">\n                                <p class=\"text-fs-7 text-third leading-tight font-medium\">Multi-page site<\/p>\n                            <\/div>\n\n            <!-- row 2: features -->\n            <div class=\"dp-cell px-4 sm:px-10 py-4 border-y\" style=\"--dc:2;--dr:2;--mr:11;\">\n                                <ul class=\"dp-features\">\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Unique design                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Basic content filling                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Basic SEO optimization                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Analytics setup                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        URL structure planned for search                    <\/li>\n                                        <li class=\"text-sm text-third flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Handover so your team can edit it                    <\/li>\n                                    <\/ul>\n            <\/div>\n\n            <!-- row 3: timeline -->\n            <div class=\"dp-cell px-4 sm:px-10 pt-5 pb-2\" style=\"--dc:2;--dr:3;--mr:12;\">\n                                <span class=\"py-2 px-3.5 border rounded-rc-4 text-sm text-third\">from 3 months<\/span>\n                            <\/div>\n\n            <!-- row 4: description -->\n            <div class=\"dp-cell px-4 sm:px-10 pt-2 pb-1.5\" style=\"--dc:2;--dr:4;--mr:13;\">\n                <p class=\"mb-auto text-third\">Everything in the landing page, plus the structure a site needs to rank.<\/p>\n            <\/div>\n\n            <!-- row 5: strikethrough \/ spacer -->\n            <div class=\"dp-cell px-4 sm:px-10 py-1.5 justify-self-start\" style=\"--dc:2;--dr:5;--mr:14;\">\n                            <\/div>\n\n            <!-- row 6: price -->\n            <div class=\"dp-cell px-4 sm:px-10 pb-0.5\" style=\"--dc:2;--dr:6;--mr:15;\">\n                <span class=\"text-third sm:text-[25px] text-[32px] font-medium leading-none\">Priced after a scoping call<\/span>\n            <\/div>\n\n            <!-- row 7: currency + badge -->\n            <div class=\"dp-cell px-4 sm:px-10 pt-0.5 pb-2\" style=\"--dc:2;--dr:7;--mr:16;\">\n                <div class=\"flex justify-between items-center\">\n                    <span class=\"text-sm text-third\"><\/span>\n                                    <\/div>\n            <\/div>\n\n            <!-- row 8: CTA -->\n            <div class=\"dp-cell px-4 sm:px-10 pb-8 pt-2\" style=\"--dc:2;--dr:8;--mr:17;\">\n                                <a href=\"#request\" class=\"text-sm p-4 w-full rounded-rc-6 text-white bg-secondary hover:bg-third transition-colors block text-center\">Scope my build<\/a>\n                            <\/div>\n\n            <!-- mobile gap between stacked cards -->\n            <div class=\"dp-mgap\" style=\"--mr:18\"><\/div>\n\n            \n            <!-- \u2500\u2500 Online store : background (blue) \u2500\u2500 -->\n            <div x-data x-init=\"gsap.to($el, {duration:1,ease:'power1.inOut',backgroundPosition:'left 50% top 65%',delay:1,yoyo:true,repeat:-1})\"                 class=\"dp-bg rounded-rc-1 bg-no-repeat bg-center bg-contain\"\n                 style=\"--dc:3;--mr-start:19;--mr-end:27;background-color:#1531DA;background-image:url('https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/atom-bg.png');\"><\/div>\n\n            <!-- row 1: name + optional logos gallery -->\n            <div class=\"dp-cell px-4 sm:px-10 sm:pt-7 pt-6 sm:pb-3.5 pb-4\" style=\"--dc:3;--dr:1;--mr:19;\">\n                                <p class=\"text-fs-7 text-white leading-tight font-medium\">Online store<\/p>\n                            <\/div>\n\n            <!-- row 2: features -->\n            <div class=\"dp-cell px-4 sm:px-10 py-4 border-y\" style=\"--dc:3;--dr:2;--mr:20;\">\n                                <ul class=\"dp-features\">\n                                        <li class=\"text-sm text-white flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Suitable CMS selection                    <\/li>\n                                        <li class=\"text-sm text-white flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Product card setup                    <\/li>\n                                        <li class=\"text-sm text-white flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Shopping cart setup                    <\/li>\n                                        <li class=\"text-sm text-white flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Payment form setup                    <\/li>\n                                        <li class=\"text-sm text-white flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Category and filter structure                    <\/li>\n                                        <li class=\"text-sm text-white flex items-center\">\n                        <svg class=\"w-6 h-6 mr-2.5 shrink-0\"><use href=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/sprite.svg#check-box\"><\/use><\/svg>\n                        Product schema for search and AI answers                    <\/li>\n                                    <\/ul>\n            <\/div>\n\n            <!-- row 3: timeline -->\n            <div class=\"dp-cell px-4 sm:px-10 pt-5 pb-2\" style=\"--dc:3;--dr:3;--mr:21;\">\n                                <span class=\"py-2 px-3.5 border rounded-rc-4 text-sm text-white\">from 4 months<\/span>\n                            <\/div>\n\n            <!-- row 4: description -->\n            <div class=\"dp-cell px-4 sm:px-10 pt-2 pb-1.5\" style=\"--dc:3;--dr:4;--mr:22;\">\n                <p class=\"mb-auto text-white\">Everything in the multi-page site, plus everything a transaction needs.<\/p>\n            <\/div>\n\n            <!-- row 5: strikethrough \/ spacer -->\n            <div class=\"dp-cell px-4 sm:px-10 py-1.5 justify-self-start\" style=\"--dc:3;--dr:5;--mr:23;\">\n                            <\/div>\n\n            <!-- row 6: price -->\n            <div class=\"dp-cell px-4 sm:px-10 pb-0.5\" style=\"--dc:3;--dr:6;--mr:24;\">\n                <span class=\"text-white sm:text-[25px] text-[32px] font-medium leading-none\">Priced after a scoping call<\/span>\n            <\/div>\n\n            <!-- row 7: currency + badge -->\n            <div class=\"dp-cell px-4 sm:px-10 pt-0.5 pb-2\" style=\"--dc:3;--dr:7;--mr:25;\">\n                <div class=\"flex justify-between items-center\">\n                    <span class=\"text-sm text-white\"><\/span>\n                                        <span class=\"px-2 py-1 text-sm uppercase lg:top-0 relative text-transparent bg-lg-12 bg-clip-text border border-solid border-[#D1AEFF] rounded-md\">Best value<\/span>\n                                    <\/div>\n            <\/div>\n\n            <!-- row 8: CTA -->\n            <div class=\"dp-cell px-4 sm:px-10 pb-8 pt-2\" style=\"--dc:3;--dr:8;--mr:26;\">\n                                <a href=\"#request\" class=\"text-sm p-4 w-full rounded-rc-6 text-third hover:text-white bg-white hover:bg-third transition-colors block text-center\">Scope my build<\/a>\n                            <\/div>\n\n            <!-- mobile gap between stacked cards -->\n            <div class=\"dp-mgap\" style=\"--mr:27\"><\/div>\n\n                    <\/div><!-- .dp-grid -->\n        \n        <!-- \u2500\u2500 Footnote row \u2500\u2500 -->\n        <div class=\"flex sm:flex-row flex-col-reverse items-start py-5 border-y-2 border-sixth gap-x-5 gap-y-4 sm:items-center\">\n            <a class=\"py-4 sm:px-14 px-9 text-third border text-sm border-third transition-colors hover:bg-eleventh rounded-rc-6 shrink-0\"\n               href=\"https:\/\/www.voctos.com\/about\/cost-of-services\/\"\n               target=\"_blank\" rel=\"noopener\">\n                How we scope and price work            <\/a>\n            <p class=\"text-fs-8 text-seventh\">\n                * A landing page is a single-page website. However, despite its apparent simplicity, creating an effective one-page website is a complex task that only professionals can handle.                <br>** Our primary goal is to create a website that meets your business needs, so we take our time developing it, delving into the specifics of the business and the decision-making process of end clients. The final development time directly depends on the speed of approvals and content delivery.            <\/p>\n        <\/div>\n\n    <\/section>\n    \n\n    <section class=\"voctos-dev-tech\" id=\"dt-dbaab6c8\" data-dt-mode=\"all\" data-dt-style=\"grid\">\n        <div class=\"container\">\n\n        \n            <div class=\"dt-head-row\">\n                <h2 class=\"dt-heading\">Technologies and CMS we work with<\/h2>\n                <span class=\"dt-head-line\" aria-hidden=\"true\"><\/span>\n            <\/div>\n\n            <ul class=\"dt-cards dt-cards--grid\">\n                                <li class=\"dt-card\">\n                    <p class=\"dt-card__title-row\">\n                        <a class=\"dt-card__name\" href=\"https:\/\/www.voctos.com\/web-development\/wordpress\/\">WORDPRESS<\/a>\n                        <svg class=\"dt-card__arrow-svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M2 8L8 2M8 2H3M8 2v5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>                    <\/p>\n                    <p class=\"dt-card__desc\">The CMS we build on most often. Fast, editable by your team without a developer, and easy to keep crawlable for search engines and AI crawlers.<\/p>\n                                        <a class=\"dt-card__img-wrap\" href=\"https:\/\/www.voctos.com\/web-development\/wordpress\/\" tabindex=\"-1\" aria-hidden=\"true\">\n                        <img decoding=\"async\" class=\"dt-card__img\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/wordpress-icon.png\" alt=\"WordPress\" loading=\"lazy\">\n                    <\/a>\n                                    <\/li>\n                                <li class=\"dt-card\">\n                    <p class=\"dt-card__title-row\">\n                        <a class=\"dt-card__name\" href=\"https:\/\/www.voctos.com\/technical-support\/technical-support-on-opencart\/\">OPENCART<\/a>\n                        <svg class=\"dt-card__arrow-svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M2 8L8 2M8 2H3M8 2v5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>                    <\/p>\n                    <p class=\"dt-card__desc\">A lean PHP e-commerce platform. We maintain existing OpenCart stores and keep OCMOD and vQmod conflicts from breaking checkout.<\/p>\n                                        <a class=\"dt-card__img-wrap\" href=\"https:\/\/www.voctos.com\/technical-support\/technical-support-on-opencart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n                        <img decoding=\"async\" class=\"dt-card__img\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/opencart-icon.png\" alt=\"OpenCart\" loading=\"lazy\">\n                    <\/a>\n                                    <\/li>\n                                <li class=\"dt-card\">\n                    <p class=\"dt-card__title-row\">\n                        <a class=\"dt-card__name\" href=\"https:\/\/www.voctos.com\/web-development\/\">REACT<\/a>\n                        <svg class=\"dt-card__arrow-svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M2 8L8 2M8 2H3M8 2v5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>                    <\/p>\n                    <p class=\"dt-card__desc\">For interfaces that need to be genuinely interactive. We pair it with server rendering so crawlers and AI bots still read the content.<\/p>\n                                        <a class=\"dt-card__img-wrap\" href=\"https:\/\/www.voctos.com\/web-development\/\" tabindex=\"-1\" aria-hidden=\"true\">\n                        <img decoding=\"async\" class=\"dt-card__img\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/react-icon.webp\" alt=\"React\" loading=\"lazy\">\n                    <\/a>\n                                    <\/li>\n                                <li class=\"dt-card\">\n                    <p class=\"dt-card__title-row\">\n                        <a class=\"dt-card__name\" href=\"https:\/\/www.voctos.com\/web-development\/\">VUE<\/a>\n                        <svg class=\"dt-card__arrow-svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M2 8L8 2M8 2H3M8 2v5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>                    <\/p>\n                    <p class=\"dt-card__desc\">A lighter front-end framework for dashboards and internal tools where React would be more than the job needs.<\/p>\n                                        <a class=\"dt-card__img-wrap\" href=\"https:\/\/www.voctos.com\/web-development\/\" tabindex=\"-1\" aria-hidden=\"true\">\n                        <img decoding=\"async\" class=\"dt-card__img\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/vue-logo-clean-1.webp\" alt=\"Vue\" loading=\"lazy\">\n                    <\/a>\n                                    <\/li>\n                                <li class=\"dt-card\">\n                    <p class=\"dt-card__title-row\">\n                        <a class=\"dt-card__name\" href=\"https:\/\/www.voctos.com\/web-development\/\">LARAVEL<\/a>\n                        <svg class=\"dt-card__arrow-svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M2 8L8 2M8 2H3M8 2v5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>                    <\/p>\n                    <p class=\"dt-card__desc\">For custom back-end logic, integrations and anything a CMS cannot carry on its own.<\/p>\n                                        <a class=\"dt-card__img-wrap\" href=\"https:\/\/www.voctos.com\/web-development\/\" tabindex=\"-1\" aria-hidden=\"true\">\n                        <img decoding=\"async\" class=\"dt-card__img\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/laravel-icon.webp\" alt=\"Laravel\" loading=\"lazy\">\n                    <\/a>\n                                    <\/li>\n                                <li class=\"dt-card\">\n                    <p class=\"dt-card__title-row\">\n                        <a class=\"dt-card__name\" href=\"https:\/\/www.voctos.com\/web-development\/\">DJANGO<\/a>\n                        <svg class=\"dt-card__arrow-svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M2 8L8 2M8 2H3M8 2v5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>                    <\/p>\n                    <p class=\"dt-card__desc\">Our Python option for data-heavy applications and internal systems that need to be maintainable years later.<\/p>\n                                        <a class=\"dt-card__img-wrap\" href=\"https:\/\/www.voctos.com\/web-development\/\" tabindex=\"-1\" aria-hidden=\"true\">\n                        <img decoding=\"async\" class=\"dt-card__img\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/django-icon.png\" alt=\"Django\" loading=\"lazy\">\n                    <\/a>\n                                    <\/li>\n                            <\/ul>\n\n        \n        <\/div>\n    <\/section>\n\n        \n\n    <section class=\"container mb-4\">\n\n        <div class=\"grid grid-cols-12 bg-white rounded-rc-1 pt-7 px-4 lg:pt-11 lg:pl-7 lg:pr-0 lg:pb-5 lg:overflow-hidden\">\n\n            <!-- Content: 9 cols desktop, full mobile -->\n            <div class=\"col-span-full lg:col-span-9\">\n\n                <h2 class=\"text-fs-7 font-medium mb-4 lg:text-4xl\">Why choose VOCTOS for web development<\/h2>\n\n                <p class=\"text-xs leading-tight mb-8 text-third lg:text-sm\">We build websites that work for both people and search engines. Clean code, fast load times, mobile-first design, and an SEO-ready structure come standard. You get a site that looks right, ranks well, and stays easy to run after launch, not a template you fight with.<\/p>\n\n                <div class=\"grid grid-cols-2\">\n\n                    <h2 class=\"text-lg font-medium mb-3 text-third col-span-full lg:text-2xl\">Our advantages<\/h2>\n\n                    <!-- Left advantages -->\n                    <ul class=\"si-whyus-list col-span-full mb-7 lg:col-span-1\">\n                                                <li>Expertise: senior developers across WordPress, Laravel, Django, React, and Vue<\/li>\n                                                <li>Tailored builds: we match the platform to your business, not the other way around<\/li>\n                                                <li>Flexible engagement: full end-to-end builds, or design, development, and SEO on their own<\/li>\n                                                <li>Quality and security: tested code, hardened setup, and stable performance<\/li>\n                                            <\/ul>\n\n                    <!-- Right advantages -->\n                    <ul class=\"si-whyus-list col-span-full mb-8 lg:col-span-1\">\n                                                <li>Track record: projects from early-stage startups to established brands<\/li>\n                                                <li>Ongoing support: maintenance and updates so your site stays fast and current<\/li>\n                                                <li>Fair pricing: competitive rates without cutting corners on quality<\/li>\n                                                <li>SEO Optimization: We optimize your websites for search engines so that they rank high in search results and attract more targeted customers<\/li>\n                                            <\/ul>\n\n                <\/div>\n            <\/div><!-- .col-span-9 -->\n\n            <!-- Illustration: bottom-right on desktop, centered below on mobile -->\n            <div class=\"col-span-full h-40 flex items-end justify-center lg:col-span-3 lg:h-auto lg:self-end lg:justify-end lg:overflow-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/dev-illustr-2.svg\" alt=\"\" aria-hidden=\"true\"\n                     class=\"w-[195px] h-[241px] object-contain lg:w-80 lg:h-80 lg:translate-x-[16%] lg:-translate-y-8\">\n            <\/div>\n\n        <\/div>\n    <\/section>\n    \n\n    <section class=\"vh-sec vhins\" id=\"industries\">\n      <div class=\"vh-wrap\">\n        <h2 class=\"vh-h2\">Types of websites we build<\/h2>\n        <p class=\"vh-sub\">Every business needs a different kind of website. We match the platform and build to your goals, budget, and timeline.<\/p>\n        <div class=\"vhins-card\">\n          <div class=\"vhins-left\">\n            <div class=\"vhins-pills\">\n                              <button type=\"button\" class=\"vhins-pill is-active\">Promo website<\/button>\n                              <button type=\"button\" class=\"vhins-pill\">One-page company site<\/button>\n                              <button type=\"button\" class=\"vhins-pill\">Online store<\/button>\n                              <button type=\"button\" class=\"vhins-pill\">Web portal<\/button>\n                              <button type=\"button\" class=\"vhins-pill\">Corporate website<\/button>\n                              <button type=\"button\" class=\"vhins-pill\">Landing page<\/button>\n                          <\/div>\n            <div class=\"vhins-detail\">\n                              <div class=\"vhins-item is-active\">\n                  <h3 class=\"vhins-name\">Promo website<\/h3>\n                  <p class=\"vhins-desc\">A focused site built around a single offer or campaign, designed to turn visitors into leads quickly.<\/p>\n                <\/div>\n                              <div class=\"vhins-item\">\n                  <h3 class=\"vhins-name\">One-page company site<\/h3>\n                  <p class=\"vhins-desc\">A compact site presenting your company, services, and contact details in a clean, professional format.<\/p>\n                <\/div>\n                              <div class=\"vhins-item\">\n                  <h3 class=\"vhins-name\">Online store<\/h3>\n                  <p class=\"vhins-desc\">A full e-commerce build with product catalogs, payment integration, and a checkout flow designed to convert.<\/p>\n                <\/div>\n                              <div class=\"vhins-item\">\n                  <h3 class=\"vhins-name\">Web portal<\/h3>\n                  <p class=\"vhins-desc\">A large scale site organizing extensive content or services into a structured, easy to navigate platform.<\/p>\n                <\/div>\n                              <div class=\"vhins-item\">\n                  <h3 class=\"vhins-name\">Corporate website<\/h3>\n                  <p class=\"vhins-desc\">A comprehensive site that represents your brand, showcases your work, and supports your sales process.<\/p>\n                <\/div>\n                              <div class=\"vhins-item\">\n                  <h3 class=\"vhins-name\">Landing page<\/h3>\n                  <p class=\"vhins-desc\">A single page built to drive one specific action, ideal for ad campaigns and product launches.<\/p>\n                <\/div>\n                          <\/div>\n          <\/div>\n          <div class=\"vhins-right\">\n            <span class=\"vhins-pulse\"><\/span>\n            <span class=\"vhins-pulse p2\"><\/span>\n            <span class=\"vhins-ring r1\"><\/span>\n            <span class=\"vhins-ring r2\"><\/span>\n            <span class=\"vhins-ring r3\"><\/span>\n            <span class=\"vhins-ring r4\"><\/span>\n            <span class=\"vhins-node\">\n                              <span class=\"vhins-nico is-active\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"20\" r=\"1.4\"\/><circle cx=\"18\" cy=\"20\" r=\"1.4\"\/><path d=\"M2 3h3l2.4 12.5a1.5 1.5 0 0 0 1.5 1.2h8a1.5 1.5 0 0 0 1.5-1.2L21 7H6\"\/><\/svg><\/span>\n                              <span class=\"vhins-nico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"4\"\/><path d=\"M12 8.5v7M8.5 12h7\"\/><\/svg><\/span>\n                              <span class=\"vhins-nico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 17l6-6 4 4 8-8\"\/><path d=\"M15 7h6v6\"\/><\/svg><\/span>\n                              <span class=\"vhins-nico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l9-7 9 7\"\/><path d=\"M5 9.5V20h14V9.5\"\/><path d=\"M10 20v-5h4v5\"\/><\/svg><\/span>\n                              <span class=\"vhins-nico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M8 20h8M12 16v4\"\/><\/svg><\/span>\n                              <span class=\"vhins-nico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 4 3 11l6 2 2 6 3-5 5-9z\"\/><\/svg><\/span>\n                          <\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n        <style>\n      .vhins.vh-sec{padding:30px 0 48px;font-family:inherit;color:#0D172D}\n      .vhins .vh-wrap{max-width:1300px;margin:0 auto;padding:0}\n      .vhins .vh-h2{text-align:center;font-size:clamp(26px,4.2vw,40px);font-weight:400;color:#0D172D;line-height:1.07;margin:0 0 16px}\n      .vhins .vh-sub{text-align:center;color:#6b7280;font-size:16px;line-height:1.6;margin:0 auto 44px;max-width:100%}\n      .vhins{position:relative;padding-top:14px}\n      .vhins-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:34px;background:#fff;border:1px solid rgba(13,23,45,.1);border-radius:28px;padding:44px 46px;overflow:hidden}\n      .vhins-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}\n      .vhins-pill{font-family:inherit;font-weight:400;font-size:14px;padding:11px 18px;border-radius:12px;background:#f1f3ef;border:none;color:#3a4150;cursor:pointer;transition:background .2s ease,color .2s ease}\n      .vhins-pill:hover{background:#e6eadf}\n      .vhins-pill.is-active{background:#0d172d;color:#fff}\n      .vhins-item{display:none}\n      .vhins-item.is-active{display:block;animation:vhinsf .35s ease}\n      @keyframes vhinsf{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n      .vhins-name{font-family:inherit;font-weight:400;font-size:24px;line-height:1.25;color:#0d172d;margin:0 0 16px}\n      .vhins-desc{font-family:inherit;font-weight:400;font-size:16px;line-height:1.6;color:#5b6675;margin:0;max-width:520px}\n      .vhins-right{position:relative;height:380px}\n      .vhins-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(155,183,37,.22);border-radius:50%;pointer-events:none}\n      .vhins-ring.r1{width:180px;height:180px}\n      .vhins-ring.r2{width:300px;height:300px}\n      .vhins-ring.r3{width:440px;height:440px;border-color:rgba(155,183,37,.16)}\n      .vhins-ring.r4{width:600px;height:600px;border-color:rgba(155,183,37,.1)}\n      .vhins-node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:50%;background:#fff;border:1.5px solid #9bb725;box-shadow:0 0 0 10px rgba(155,183,37,.07),0 0 46px rgba(155,183,37,.4);display:flex;align-items:center;justify-content:center;animation:vhins-glow 3s ease-in-out infinite}\n      .vhins-nico{display:none;color:#5b7a00}\n      .vhins-nico.is-active{display:flex}\n      .vhins-nico svg{width:46px;height:46px;display:block}\n      .vhins-pulse{position:absolute;top:50%;left:50%;width:122px;height:122px;border-radius:50%;border:1.5px solid rgba(155,183,37,.45);transform:translate(-50%,-50%);pointer-events:none;animation:vhins-ripple 3.4s ease-out infinite}\n      .vhins-pulse.p2{animation-delay:1.7s}\n      @keyframes vhins-ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:.55}100%{transform:translate(-50%,-50%) scale(3.4);opacity:0}}\n      @keyframes vhins-glow{0%,100%{box-shadow:0 0 0 10px rgba(155,183,37,.06),0 0 40px rgba(155,183,37,.3)}50%{box-shadow:0 0 0 16px rgba(155,183,37,.1),0 0 64px rgba(155,183,37,.5)}}\n      @media(max-width:860px){.vhins-card{grid-template-columns:1fr;padding:32px 26px}.vhins-right{height:300px;margin-top:10px}}\n    <\/style>\n    <script>\n    (function(){\n      function bind(s){\n        var p=s.querySelectorAll(\".vhins-pill\"),it=s.querySelectorAll(\".vhins-item\"),nc=s.querySelectorAll(\".vhins-nico\");\n        function act(i){for(var a=0;a<p.length;a++)p[a].classList.toggle(\"is-active\",a===i);for(var b=0;b<it.length;b++)it[b].classList.toggle(\"is-active\",b===i);for(var c=0;c<nc.length;c++)nc[c].classList.toggle(\"is-active\",c===i);}\n        for(var i=0;i<p.length;i++){(function(idx){p[idx].addEventListener(\"click\",function(){act(idx);});p[idx].addEventListener(\"mouseenter\",function(){act(idx);});})(i);}\n      }\n      document.querySelectorAll(\".vhins\").forEach(bind);\n    })();\n    <\/script>\n    \n\n    <section id=\"our-team-block_4c0707c1bddc707a7e4c75fc973b84ed\" class=\"voctos-ourteam-block\" style=\"background:#eef0f5;--ot-bg:#eef0f5;--ot-accent:#b4f33c;\">\n        <div class=\"ot-inner\">\n\n            <header class=\"ot-head\">\n                                    <h2 class=\"ot-title\">Project Team<\/h2>\n                \n                                    <a class=\"ot-all\" href=\"https:\/\/www.voctos.com\/about\/team\/\">\n                        <span>Project Team<\/span>\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M7 17 L17 7 M9 7 H17 V15\"\/><\/svg>                    <\/a>\n                            <\/header>\n\n            <div class=\"ourteam-slider\" data-ourteam-slider>\n                <div class=\"ot-viewport\">\n                    <div class=\"ot-track\">\n                                                    <article class=\"ot-card\">\n                                <div class=\"ot-photo\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/Beshoy-Adel-768x768.webp\" alt=\"Beshoy Adel\" loading=\"lazy\" draggable=\"false\">\n                                    \n                                                                            <button type=\"button\" class=\"ot-info\" aria-label=\"Beshoy Adel info\" data-ot-info>\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 11v5\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"7.6\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n                                            <span class=\"voctos-ourteam-tooltip\" role=\"tooltip\">Beshoy Adel is the Head of SEO &amp; GEO at VOCTOS, where he leads strategic initiatives in advanced search visibility and AI-powered content optimization. With 13+ years of experience in digital marketing, SEO strategy, and emerging search technologies, Beshoy's work focuses on bridging established SEO methodology with generative engine optimization.<\/span>\n                                        <\/button>\n                                    \n                                                                            <span class=\"ot-role\">Head of SEO and GEO<\/span>\n                                                                    <\/div>\n\n                                                                    <h3 class=\"ot-name\">Beshoy Adel<\/h3>\n                                                            <\/article>\n                                                    <article class=\"ot-card\">\n                                <div class=\"ot-photo\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/Reem-1-768x768.webp\" alt=\"Reem Sameh\" loading=\"lazy\" draggable=\"false\">\n                                    \n                                                                            <button type=\"button\" class=\"ot-info\" aria-label=\"Reem Sameh info\" data-ot-info>\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 11v5\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"7.6\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n                                            <span class=\"voctos-ourteam-tooltip\" role=\"tooltip\">Reem Sameh is a Senior Full-Stack Web Developer at VOCTOS with four years of experience building fast, scalable, and SEO-friendly websites. She works across both front-end and back-end development, translating design and marketing requirements into clean, performant code, and ensuring technical foundations like site speed, structure, and Core Web Vitals support strong search performance.<\/span>\n                                        <\/button>\n                                    \n                                                                            <span class=\"ot-role\">Senior Full-Stack Web Developer<\/span>\n                                                                    <\/div>\n\n                                                                    <h3 class=\"ot-name\">Reem Sameh<\/h3>\n                                                            <\/article>\n                                                    <article class=\"ot-card\">\n                                <div class=\"ot-photo\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/Marina-Magdy-768x768.webp\" alt=\"Marina Magdy\" loading=\"lazy\" draggable=\"false\">\n                                    \n                                                                            <button type=\"button\" class=\"ot-info\" aria-label=\"Marina Magdy info\" data-ot-info>\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 11v5\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"7.6\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n                                            <span class=\"voctos-ourteam-tooltip\" role=\"tooltip\">Marina Magdy is an SEO Content Writer at VOCTOS, writing search-optimized content that balances keyword strategy with genuine readability. With one year of experience at VOCTOS, she writes web copy, blog articles, and on-page content designed to rank well while giving readers clear, useful answers.<\/span>\n                                        <\/button>\n                                    \n                                                                            <span class=\"ot-role\">SEO Content Writer<\/span>\n                                                                    <\/div>\n\n                                                                    <h3 class=\"ot-name\">Marina Magdy<\/h3>\n                                                            <\/article>\n                                            <\/div>\n                <\/div>\n\n                <div class=\"ot-progress\" data-ot-progress>\n                    <span class=\"ot-progress-thumb\"><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n\n        <style>\n        \/* Case slide background: desktop image, with an optional separate mobile\/tablet image\n           (below lg\/1024px). Falls back to the desktop image when no mobile image is set. *\/\n        .voctos-cases-block .case-slide{background-image:var(--cbg);}\n        @media (max-width:1023px){\n            .voctos-cases-block .case-slide{background-image:var(--cbg-m,var(--cbg));}\n        }\n        <\/style>\n            <section id=\"our-cases-block_52c078f90e04bc495f351e1d4d0318a3\" class=\"voctos-cases-block\" style=\"background:#eef0f5;--cases-bg:#eef0f5;\">\n        <div class=\"cases-inner\">\n\n            <header class=\"cases-head\">\n                                    <h2 class=\"cases-title\">Our cases<\/h2>\n                                                    <a class=\"cases-all\" href=\"\/case-studies\/\">\n                        <span>All cases<\/span>\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M7 17 L17 7 M9 7 H17 V15\"\/><\/svg>                    <\/a>\n                            <\/header>\n\n            <div class=\"cases-slider\" data-cases-slider>\n                <div class=\"cases-viewport\">\n                    <div class=\"cases-track\">\n                                                                                <article class=\"case-slide\" style=\"--cbg:url(https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/D1_cutout.webp);--cbg-m:url(https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/D1-Mob.webp);\">\n\n                                                                    <img decoding=\"async\" class=\"case-brand\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/delta-logo.webp\" alt=\"Delta Logo\">\n                                \n                                <div class=\"case-content\">\n                                                                            <div class=\"case-head-box\">\n                                            <h3 class=\"case-title\">\n                                                                                                    <span class=\"case-title-dark\">GEO Services for<\/span>\n                                                                                                                                                    <span class=\"case-title-hl\">Delta Medical Labs<\/span>\n                                                                                            <\/h3>\n                                        <\/div>\n                                    \n                                    <div class=\"case-card\">\n                                                                                    <span class=\"case-tag\" style=\"background-color:#0f172a\">\n                                                                                                    <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/geo.svg\" alt=\"\">\n                                                                                                GEO                                            <\/span>\n                                        \n                                                                                    <div class=\"case-title case-title-mobile\">\n                                                                                                    <span class=\"case-title-dark\">GEO Services for<\/span>\n                                                                                                                                                    <span class=\"case-title-hl\">Delta Medical Labs<\/span>\n                                                                                            <\/div>\n                                        \n                                                                                    <div class=\"case-desc\"><p><strong>1M+ monthly <\/strong>organic visits and <strong>159,200 ranked keywords<\/strong>, <strong>3,600 <\/strong>Google AI Overview citations, while <strong>ranking #1 for 1,186 keywords<\/strong> in KSA.<\/p>\n<\/div>\n                                        \n                                        <div class=\"case-actions\">\n                                                                                            <a class=\"case-btn\" href=\"https:\/\/www.voctos.com\/case-studies\/delta-medical-labs\/\">More details<\/a>\n                                            \n                                                                                            <div class=\"case-nav\">\n                                                    <button type=\"button\" class=\"case-prev\" aria-label=\"Previous case\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\n                                                    <button type=\"button\" class=\"case-next\" aria-label=\"Next case\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\n                                                <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                            <\/article>\n                                                                                <article class=\"case-slide\" style=\"--cbg:url(https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/O3_cutout.webp);--cbg-m:url(https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/O3-Mob.webp);\">\n\n                                                                    <img decoding=\"async\" class=\"case-brand\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/logo-1.webp\" alt=\"Ogaei Logo\">\n                                \n                                <div class=\"case-content\">\n                                                                            <div class=\"case-head-box\">\n                                            <h3 class=\"case-title\">\n                                                                                                    <span class=\"case-title-dark\">SEO &amp; GEO for <\/span>\n                                                                                                                                                    <span class=\"case-title-hl\">Ogaei Virtual Care<\/span>\n                                                                                            <\/h3>\n                                        <\/div>\n                                    \n                                    <div class=\"case-card\">\n                                                                                    <span class=\"case-tag\" style=\"background-color:#0f172a\">\n                                                                                                    <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/geo.svg\" alt=\"\">\n                                                                                                GEO                                            <\/span>\n                                        \n                                                                                    <div class=\"case-title case-title-mobile\">\n                                                                                                    <span class=\"case-title-dark\">SEO &amp; GEO for <\/span>\n                                                                                                                                                    <span class=\"case-title-hl\">Ogaei Virtual Care<\/span>\n                                                                                            <\/div>\n                                        \n                                                                                    <div class=\"case-desc\"><div class=\"case-desc\">\n<p><strong>From 3 to 7,931 monthly\u00a0<\/strong>organic clicks in 7 months,\u00a0<strong>2.9M+ impressions<\/strong>, and\u00a0<strong>40+ keywords<\/strong> in Google\u2019s Top 10.<\/p>\n<\/div>\n<\/div>\n                                        \n                                        <div class=\"case-actions\">\n                                                                                            <a class=\"case-btn\" href=\"https:\/\/www.voctos.com\/case-studies\/ogaei-virtual-care\/\">More details<\/a>\n                                            \n                                                                                            <div class=\"case-nav\">\n                                                    <button type=\"button\" class=\"case-prev\" aria-label=\"Previous case\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\n                                                    <button type=\"button\" class=\"case-next\" aria-label=\"Next case\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\n                                                <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                            <\/article>\n                                                                                <article class=\"case-slide\" style=\"--cbg:url(https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/vpn.webp);--cbg-m:url(https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/vpn-Mob.webp);\">\n\n                                                                    <img decoding=\"async\" class=\"case-brand\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/VPNLY-LOGO.webp\" alt=\"VPNLY LOGO\">\n                                \n                                <div class=\"case-content\">\n                                                                            <div class=\"case-head-box\">\n                                            <h3 class=\"case-title\">\n                                                                                                    <span class=\"case-title-dark\">Arabic SEO, GEO &amp; guest posting for <\/span>\n                                                                                                                                                    <span class=\"case-title-hl\">VPNly<\/span>\n                                                                                            <\/h3>\n                                        <\/div>\n                                    \n                                    <div class=\"case-card\">\n                                                                                    <span class=\"case-tag\" style=\"background-color:#2563eb\">\n                                                                                                    <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/seo.svg\" alt=\"\">\n                                                                                                SEO                                            <\/span>\n                                        \n                                                                                    <div class=\"case-title case-title-mobile\">\n                                                                                                    <span class=\"case-title-dark\">Arabic SEO, GEO &amp; guest posting for <\/span>\n                                                                                                                                                    <span class=\"case-title-hl\">VPNly<\/span>\n                                                                                            <\/div>\n                                        \n                                                                                    <div class=\"case-desc\"><div class=\"case-desc\">\n<p><strong>65K peak monthly\u00a0<\/strong>organic visits,\u00a0<strong>55 guest posts<\/strong>, and\u00a0<strong>149 pages cited<\/strong> by AI engines.<\/p>\n<\/div>\n<\/div>\n                                        \n                                        <div class=\"case-actions\">\n                                                                                            <a class=\"case-btn\" href=\"https:\/\/www.voctos.com\/case-studies\/vpnly\/\">More details<\/a>\n                                            \n                                                                                            <div class=\"case-nav\">\n                                                    <button type=\"button\" class=\"case-prev\" aria-label=\"Previous case\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\n                                                    <button type=\"button\" class=\"case-next\" aria-label=\"Next case\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\n                                                <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                            <\/article>\n                                                                                <article class=\"case-slide\" style=\"--cbg:url(https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/teamly-bg.webp);--cbg-m:url(https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/eduverse-mob.webp);\">\n\n                                                                    <img decoding=\"async\" class=\"case-brand\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/eduverse-logo.webp\" alt=\"eduverse logo\">\n                                \n                                <div class=\"case-content\">\n                                                                            <div class=\"case-head-box\">\n                                            <h3 class=\"case-title\">\n                                                                                                    <span class=\"case-title-dark\">SEO for<\/span>\n                                                                                                                                                    <span class=\"case-title-hl\">Eduverse<\/span>\n                                                                                            <\/h3>\n                                        <\/div>\n                                    \n                                    <div class=\"case-card\">\n                                                                                    <span class=\"case-tag\" style=\"background-color:#2563eb\">\n                                                                                                    <img decoding=\"async\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/seo.svg\" alt=\"\">\n                                                                                                SEO                                            <\/span>\n                                        \n                                                                                    <div class=\"case-title case-title-mobile\">\n                                                                                                    <span class=\"case-title-dark\">SEO for<\/span>\n                                                                                                                                                    <span class=\"case-title-hl\">Eduverse<\/span>\n                                                                                            <\/div>\n                                        \n                                                                                    <div class=\"case-desc\"><p>Increased search traffic 12 times in 10 months: <strong>45% of target keywords<\/strong> in the top 5, <strong>55%<\/strong> in the top 10<\/p>\n<\/div>\n                                        \n                                        <div class=\"case-actions\">\n                                                                                            <a class=\"case-btn\" href=\"https:\/\/www.voctos.com\/case-studies\/eduverse\/\">More details<\/a>\n                                            \n                                                                                            <div class=\"case-nav\">\n                                                    <button type=\"button\" class=\"case-prev\" aria-label=\"Previous case\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\n                                                    <button type=\"button\" class=\"case-next\" aria-label=\"Next case\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\n                                                <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                            <\/article>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n\n    <style>\n      @keyframes vmqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n      @keyframes vmqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}\n      .vmq-wrap{overflow:hidden;width:100%}\n      .vmq-track{display:flex;width:max-content;align-items:center}\n      .vmq-track.l{animation:vmqL 60s linear infinite}\n      .vmq-track.r{animation:vmqR 60s linear infinite}\n      .vmq-cell{flex:0 0 auto;padding:0 40px;display:flex;align-items:center}\n      .vmq-cell img{height:104px;width:auto;max-width:280px;object-fit:contain}\n      .vmq-wrap:hover .vmq-track{animation-play-state:paused}\n    <\/style>\n    <section class=\"pt-3.5 pb-8 overflow-hidden vmq-section\"><div class=\"container relative\">\n        <h2 class=\"text-2xl sm:text-fs-5 text-third sm:mb-7 mb-4\">Trusted by<\/h2>\n        <div class=\"vmq-wrap\"><div class=\"vmq-track l\" style=\"animation-duration:147s\"><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Sputnik.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/VPNLY.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/TOTAL.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/SaladsUp.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Ogaei.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/NSFX.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Mouwasat.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/RoyalHairCenter.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/PlanetVPN.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Optifashion.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Mazloum.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Jobed.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Imtilak.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Ostoul.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/OvaSave.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/EVS.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Boston_Translation_Services.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/BrazenMENA.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/turbo-compression-trustedby.svg\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/hyperpay-trustedby.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/Dr-Fahad-Clinic-logo-trustedby.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Sputnik.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/VPNLY.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/TOTAL.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/SaladsUp.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Ogaei.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/NSFX.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Mouwasat.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/RoyalHairCenter.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/PlanetVPN.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Optifashion.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Mazloum.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Jobed.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Imtilak.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Ostoul.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/OvaSave.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/EVS.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Boston_Translation_Services.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/BrazenMENA.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/turbo-compression-trustedby.svg\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/hyperpay-trustedby.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/Dr-Fahad-Clinic-logo-trustedby.webp\" alt=\"\" decoding=\"async\"><\/div><\/div><\/div>\n        <div class=\"vmq-wrap\" style=\"margin-top:5px\"><div class=\"vmq-track r\" style=\"animation-duration:147s\"><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Adidas.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/FBS.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Delta.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/DrSerkanAygin.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Amanleek.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Esaal.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/AlHokail.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/CHMeetings.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Giggles.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Eduverse.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/CapitalHills.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/BaytMisr.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Arincen.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/AlYoumAlGadid.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/AlDar.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/turbo-compression-trustedby.svg\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/hyperpay-trustedby.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/Dr-Fahad-Clinic-logo-trustedby.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Adidas.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/FBS.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Delta.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/DrSerkanAygin.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Amanleek.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Esaal.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/AlHokail.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/CHMeetings.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Giggles.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Eduverse.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/CapitalHills.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/BaytMisr.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/Arincen.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/AlYoumAlGadid.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/clients\/AlDar.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/turbo-compression-trustedby.svg\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/hyperpay-trustedby.webp\" alt=\"\" decoding=\"async\"><\/div><div class=\"vmq-cell\"><img src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/09\/Dr-Fahad-Clinic-logo-trustedby.webp\" alt=\"\" decoding=\"async\"><\/div><\/div><\/div>\n    <\/div><\/section>\n    \n\n    <style>\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:nowrap}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-head h2{min-width:0}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-all{display:inline-block;background:#7c3aed;color:#fff;text-decoration:none;padding:14px 26px;border-radius:14px;font-size:14px;transition:background .25s;flex-shrink:0;white-space:nowrap}\n      @media(max-width:420px){#vr-block_0782edd5a95c543abb7fad4595af810c .vr-all{padding:12px 18px}}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-all:hover{background:#0d172d}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-track{display:flex;gap:0;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:6px;-webkit-overflow-scrolling:touch}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-track::-webkit-scrollbar{display:none}\n      \/* width set in JS to exact pixels \u2014 avoids iOS 100% flex bug *\/\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-slide{scroll-snap-align:start;flex-shrink:0;background:#fff;border-radius:22px;padding:34px 36px;display:flex;flex-direction:column;box-shadow:0 16px 40px rgba(13,23,45,.06);box-sizing:border-box}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-stars{display:inline-flex;gap:5px;margin-bottom:18px}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-site{font-size:26px;font-weight:700;color:#0d172d;margin:0;line-height:1.2;word-break:break-word}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-logo{max-height:48px;max-width:150px;width:auto;object-fit:contain;flex:0 0 auto}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-name{font-weight:700;color:#0d172d;margin:0;font-size:16px}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-pos{font-size:14px;color:#5b6675;margin:3px 0 0}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-quote{position:relative;margin:22px 0 0;padding:0 0 0 30px}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-quote::before{content:\"\\201C\";position:absolute;left:-2px;top:-6px;font-family:Georgia,serif;font-size:54px;line-height:1;color:#7c3aed}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-text{font-size:15px;line-height:1.7;color:#0d172d;margin:0}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-quote .vr-qclose{font-family:Georgia,serif;font-size:40px;line-height:0;color:#7c3aed;vertical-align:-12px;margin-left:6px}\n      #vr-block_0782edd5a95c543abb7fad4595af810c .vr-date{font-size:13px;color:#9aa3b2;margin:22px 0 0}\n    <\/style>\n    <section id=\"vr-block_0782edd5a95c543abb7fad4595af810c\" class=\"container relative mb-12\" style=\"margin:30px auto 50px auto;\">\n        <div class=\"vr-head\">\n            <h2 class=\"text-2xl sm:text-fs-5 text-third\">Client reviews<\/h2>\n            <a class=\"vr-all\" href=\"https:\/\/www.voctos.com\/about\/reviews\/\">All reviews<\/a>\n        <\/div>\n        <div class=\"vr-track\" data-vr-track>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">egyptpyramidstours.com<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/logo-2.png\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\"> Marcous Fathy<\/p>                    <p class=\"vr-pos\">Business Development Manager<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">We&#039;ve just completed our first quarter with Beshoy, and the results have been outstanding. Our organic traffic grew from 3,650 to 18,720, we achieved a 300%+ ROI from reservations, and secured Featured Snippets for multiple tour packages.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">24 September 2023<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">drserkanaygin.com<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/Dr-Serkan-Clinic-1024x512-1.webp\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\">Dr. Serkan Ayg\u0131n<\/p>                    <p class=\"vr-pos\">Hair Transplant Surgeon<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">VOCTOS built an SEO strategy that grew our bookings and expanded our visibility to a whole new audience by 375%, with our keywords in the top search results up more than 1600%. Their understanding of Arabic search behavior made all the difference.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">7 December 2021<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">vpnarabi.com<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/VPN-Arabi.webp\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\">Samy Amin<\/p>                    <p class=\"vr-pos\">Head of Editorial, VPN Arabi<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">VOCTOS developed and executed a full Arabic SEO strategy for our VPN company. We saw a 280% increase in organic traffic, secured the top spot for competitive keywords, and our content got cited 160 times in ChatGPT responses. What really impressed us was how well they understand the Arabic market, not just generic SEO translated into Arabic.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">1 June 2025<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">Saif Cabinets Decor<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/logo-1-e1773228248805.webp\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\">Abraam Samy<\/p>                    <p class=\"vr-pos\">CEO of Saif Cabinets Decor<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">When we first came to VOCTOS, our business was almost invisible online despite years of quality work. Their team fixed the technical issues holding us back and built an SEO strategy ready for AI search too. Within months we ranked on Google&#039;s first page for over 55 keywords, with organic traffic up around 170%.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">4 June 2026<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">serialtranslation.com<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/cropped-logosi.webp\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\">Samy Ibrahim<\/p>                    <p class=\"vr-pos\">General Manager of Serial Translation<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">VOCTOS took over our Google Ads campaigns and brought our CPC down by 53%, while our conversion rate jumped 164.7%, with much higher quality leads coming through. It has been a pleasure working with the entire team.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">15 July 2022<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">Eagle Marble<\/h3>                                            <\/div>\n                    <p class=\"vr-name\">Ebraam Ayoub<\/p>                    <p class=\"vr-pos\">General Manager<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">The VOCTOS team helped us grow our search visibility by 190%. We appreciate their responsiveness, dedication, and continuous support throughout the project.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">25 March 2023<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">ovistone.com<\/h3>                                            <\/div>\n                    <p class=\"vr-name\">John Attia<\/p>                    <p class=\"vr-pos\">Digital Marketing Director<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">We hired VOCTOS two years ago to grow our SEO and traffic, and they delivered. What impressed me most was seeing Ovistone start showing up in ChatGPT and Google AI Overviews when people searched for stone suppliers. Our organic traffic keeps climbing and our qualified B2B inquiries have jumped.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">13 October 2023<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">royalhaircenter.com<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/wibsite-logo-D985D981D8B1D8BA.webp\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\">Dr. Mathew John<\/p>                    <p class=\"vr-pos\">Senior Surgeon<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">When we first partnered with VOCTOS, our clinic had just two physicians and one night doctor, with everyone juggling several roles. We&#039;ve grown a lot since then, today we have three physicians, a full-time secretary, and dedicated cleaning staff, largely thanks to the steady flow of new patients their marketing brought in.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">11 August 2021<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">nsfx.com<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/NSFX-Logo.webp\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\"> Rami Dawud<\/p>                    <p class=\"vr-pos\">Marketing Manager<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">Beshoy is a true SEO professional, punctual, and the quality of his delivery is fantastic. His analysis gave us real insight and a clear path to build our brand&#039;s online presence.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">1 May 2019<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">marketingcollege.com<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/cmc_logo.webp\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\"> Nahed Maher<\/p>                    <p class=\"vr-pos\">Brand Ambassador<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">SEO is a complicated world, and few people bring the creative techniques Beshoy does. He stays on top of the latest SEO trends and genuinely cares about getting his clients the most value.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">16 October 2016<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">nrg-digital.com<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/nrg-degital-solutions-logo-png_seeklogo-250387.png\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\"> Ahmed Sabbour<\/p>                    <p class=\"vr-pos\">CEO<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">It&#039;s been a real pleasure working with Beshoy. He&#039;s innovative, broad-minded, and has a great ability to analyze, summarize, and deliver strong results, even working remotely.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">16 October 2016<\/p>                <\/div>\n                            <div class=\"vr-slide\">\n                    <span class=\"vr-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#F5B301\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg><\/span>                    <div class=\"vr-top\">\n                        <h3 class=\"vr-site\">vintage-vaults.com<\/h3>                        <img decoding=\"async\" class=\"vr-logo\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/vintage-vaults.webp\" alt=\"\" onerror=\"this.style.display='none'\"\/>                    <\/div>\n                    <p class=\"vr-name\"> Sherif El-Haddad<\/p>                    <p class=\"vr-pos\">Founder \/ CEO<\/p>                                            <blockquote class=\"vr-quote\">\n                            <p class=\"vr-text\">Beshoy has done a great job increasing our SEO ranking. He&#039;s also helped boost our conversions and improve the website.<span class=\"vr-qclose\" aria-hidden=\"true\">&#8221;<\/span><\/p>\n                        <\/blockquote>\n                                        <p class=\"vr-date\">7 December 2023<\/p>                <\/div>\n                    <\/div>\n    <\/section>\n        <script>\n    (function(){\n      var GAP = 24; \/* px gap between slides *\/\n      function setSlideWidths(track){\n        \/* iOS Safari fix: set exact pixel width so 100% never mis-resolves *\/\n        var w = track.clientWidth;\n        track.querySelectorAll('.vr-slide').forEach(function(s,i,arr){\n          s.style.width = w + 'px';\n          s.style.marginRight = (i < arr.length - 1) ? GAP + 'px' : '0';\n        });\n      }\n      function initTrack(track){\n        if(track.__vrAuto!==undefined) return;\n        setSlideWidths(track);\n        window.addEventListener('resize',function(){ setSlideWidths(track); });\n        var slides=track.querySelectorAll('.vr-slide');\n        if(slides.length<2){ track.__vrAuto=0; return; }\n        function slideW(){ return track.clientWidth + GAP; }\n        function step(){\n          var max=track.scrollWidth - track.clientWidth - 2;\n          if(track.scrollLeft>=max){ track.scrollTo({left:0,behavior:'smooth'}); }\n          else { track.scrollBy({left:slideW(),behavior:'smooth'}); }\n        }\n        function start(){ if(!track.__vrAuto) track.__vrAuto=setInterval(step,3500); }\n        function stop(){ if(track.__vrAuto){ clearInterval(track.__vrAuto); track.__vrAuto=0; } }\n        start();\n        track.addEventListener('mouseenter',stop);\n        track.addEventListener('mouseleave',start);\n        track.addEventListener('touchstart',stop,{passive:true});\n      }\n      function run(){ document.querySelectorAll('[data-vr-track]').forEach(initTrack); }\n      if(document.readyState!=='loading') run(); else document.addEventListener('DOMContentLoaded',run);\n    })();\n    <\/script>\n    \n\n    <section class=\"container pt-4 pb-8 lg:pt-6 lg:pb-12\">\r\n        <div class=\"flex items-center justify-between gap-4 mb-7 lg:mb-9\">\r\n            <h2 class=\"text-2xl sm:text-fs-5 text-third\">Blog<\/h2>\r\n            <a href=\"\/blog\/\" class=\"shrink-0 inline-flex items-center gap-2 text-seventh text-sm font-medium hover:text-secondary transition-colors\">All posts <span aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n        <\/div>\r\n        <ul class=\"media-teaser__list grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4 lg:gap-x-4 lg:gap-y-7\">\r\n                                            <li class=\"media-teaser__card\">\r\n                    <article class=\"rounded-rc-1 bg-white overflow-hidden h-full relative shadow-[0_10px_30px_rgba(13,23,45,0.06)]\">\r\n                        <a href=\"https:\/\/www.voctos.com\/ar\/blog\/website-loading-speed-guide\/\" class=\"absolute inset-0 z-[2]\" aria-label=\"Website Loading Speed: How to Test It and How to Improve It\"><\/a>\r\n                        <figure class=\"relative h-[200px]\" style=\"--tw-before-bg:linear-gradient(rgba(255,255,255,0) 0%,rgb(255,255,255) 99%)\">\r\n                            <img width=\"1024\" height=\"523\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/website-loading-speed-guide-1.webp\" class=\"w-full h-full object-cover wp-post-image\" alt=\"Google PageSpeed Insights report showing Core Web Vitals scores for mobile and desktop\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/website-loading-speed-guide-1.webp 1024w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/website-loading-speed-guide-1-300x153.webp 300w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/website-loading-speed-guide-1-768x392.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <span class=\"absolute inset-x-0 bottom-0 pointer-events-none\" style=\"height:80px;background:linear-gradient(rgba(255,255,255,0) 0%,rgb(255,255,255) 99%)\"><\/span>\r\n                                                            <figcaption class=\"absolute left-6 bottom-1 text-sm text-black py-1.5 px-3.5 rounded-rc-5 bg-[#B9F8FF] z-[1]\">Technical SEO<\/figcaption>\r\n                                                    <\/figure>\r\n                        <p class=\"media-teaser__title text-sm text-third px-6 pt-2 pb-5\" title=\"Website Loading Speed: How to Test It and How to Improve It\">Website Loading Speed: How to Test It and How to Improve It<\/p>\r\n                    <\/article>\r\n                <\/li>\r\n                                            <li class=\"media-teaser__card\">\r\n                    <article class=\"rounded-rc-1 bg-white overflow-hidden h-full relative shadow-[0_10px_30px_rgba(13,23,45,0.06)]\">\r\n                        <a href=\"https:\/\/www.voctos.com\/ar\/blog\/javascript-seo-guide\/\" class=\"absolute inset-0 z-[2]\" aria-label=\"JavaScript SEO: The Complete Guide to Rendering, Crawling and Indexing\"><\/a>\r\n                        <figure class=\"relative h-[200px]\" style=\"--tw-before-bg:linear-gradient(rgba(255,255,255,0) 0%,rgb(255,255,255) 99%)\">\r\n                            <img width=\"1024\" height=\"522\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-javascript-seo-cover-1024x522.webp\" class=\"w-full h-full object-cover wp-post-image\" alt=\"Screen showing JavaScript include tags and stylesheet links in a page template\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-javascript-seo-cover-1024x522.webp 1024w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-javascript-seo-cover-300x153.webp 300w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-javascript-seo-cover-768x391.webp 768w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-javascript-seo-cover-1536x782.webp 1536w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/08\/voctos-javascript-seo-cover.webp 1541w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <span class=\"absolute inset-x-0 bottom-0 pointer-events-none\" style=\"height:80px;background:linear-gradient(rgba(255,255,255,0) 0%,rgb(255,255,255) 99%)\"><\/span>\r\n                                                            <figcaption class=\"absolute left-6 bottom-1 text-sm text-black py-1.5 px-3.5 rounded-rc-5 bg-[#B9F8FF] z-[1]\">Technical SEO<\/figcaption>\r\n                                                    <\/figure>\r\n                        <p class=\"media-teaser__title text-sm text-third px-6 pt-2 pb-5\" title=\"JavaScript SEO: The Complete Guide to Rendering, Crawling and Indexing\">JavaScript SEO: The Complete Guide to Rendering, Crawling and Indexing<\/p>\r\n                    <\/article>\r\n                <\/li>\r\n                                            <li class=\"media-teaser__card\">\r\n                    <article class=\"rounded-rc-1 bg-white overflow-hidden h-full relative shadow-[0_10px_30px_rgba(13,23,45,0.06)]\">\r\n                        <a href=\"https:\/\/www.voctos.com\/ar\/blog\/website-navigation\/\" class=\"absolute inset-0 z-[2]\" aria-label=\"Website Navigation: What It Is and How to Use It\"><\/a>\r\n                        <figure class=\"relative h-[200px]\" style=\"--tw-before-bg:linear-gradient(rgba(255,255,255,0) 0%,rgb(255,255,255) 99%)\">\r\n                            <img width=\"800\" height=\"490\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/website-navigation-1.webp\" class=\"w-full h-full object-cover wp-post-image\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/website-navigation-1.webp 800w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/website-navigation-1-300x184.webp 300w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/website-navigation-1-768x470.webp 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>                            <span class=\"absolute inset-x-0 bottom-0 pointer-events-none\" style=\"height:80px;background:linear-gradient(rgba(255,255,255,0) 0%,rgb(255,255,255) 99%)\"><\/span>\r\n                                                            <figcaption class=\"absolute left-6 bottom-1 text-sm text-black py-1.5 px-3.5 rounded-rc-5 bg-[#B9F8FF] z-[1]\">Technical SEO<\/figcaption>\r\n                                                    <\/figure>\r\n                        <p class=\"media-teaser__title text-sm text-third px-6 pt-2 pb-5\" title=\"Website Navigation: What It Is and How to Use It\">Website Navigation: What It Is and How to Use It<\/p>\r\n                    <\/article>\r\n                <\/li>\r\n                                            <li class=\"media-teaser__card\">\r\n                    <article class=\"rounded-rc-1 bg-white overflow-hidden h-full relative shadow-[0_10px_30px_rgba(13,23,45,0.06)]\">\r\n                        <a href=\"https:\/\/www.voctos.com\/ar\/blog\/what-is-a-cms-complete-guide\/\" class=\"absolute inset-0 z-[2]\" aria-label=\"What Is a CMS: A Complete Guide to Content Management Systems\"><\/a>\r\n                        <figure class=\"relative h-[200px]\" style=\"--tw-before-bg:linear-gradient(rgba(255,255,255,0) 0%,rgb(255,255,255) 99%)\">\r\n                            <img width=\"1024\" height=\"350\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/what-is-a-cms-complete-guide-1.webp\" class=\"w-full h-full object-cover wp-post-image\" alt=\"CMS dashboard showing content editing and website management tools\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/what-is-a-cms-complete-guide-1.webp 1024w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/what-is-a-cms-complete-guide-1-300x103.webp 300w, https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/what-is-a-cms-complete-guide-1-768x263.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <span class=\"absolute inset-x-0 bottom-0 pointer-events-none\" style=\"height:80px;background:linear-gradient(rgba(255,255,255,0) 0%,rgb(255,255,255) 99%)\"><\/span>\r\n                                                            <figcaption class=\"absolute left-6 bottom-1 text-sm text-black py-1.5 px-3.5 rounded-rc-5 bg-[#B9F8FF] z-[1]\">Technical SEO<\/figcaption>\r\n                                                    <\/figure>\r\n                        <p class=\"media-teaser__title text-sm text-third px-6 pt-2 pb-5\" title=\"What Is a CMS: A Complete Guide to Content Management Systems\">What Is a CMS: A Complete Guide to Content Management Systems<\/p>\r\n                    <\/article>\r\n                <\/li>\r\n                    <\/ul>\r\n    <\/section>\r\n    \n\n    <section id=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108\" class=\"voctos-faq-block\" style=\"background:#eef0f5;--faq-accent:#b4d335;\">\n        <div class=\"faq-inner\">\n            <div class=\"faq-card\">\n\n                <header class=\"faq-head\">\n                    <span class=\"faq-icon\">\n                                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0D172D\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.2 9.3a2.8 2.8 0 0 1 5.4 1c0 1.9-2.6 2.3-2.6 3.9\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"17.4\" r=\"1.05\" fill=\"#0D172D\" stroke=\"none\"\/><\/svg>\n                                            <\/span>\n                                            <h2 class=\"faq-title\">Frequently Asked Questions<\/h2>\n                                    <\/header>\n\n                <div class=\"faq-list\" data-single=\"1\" data-faq-list>\n                                            <div class=\"faq-item\">\n                            <button type=\"button\" class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-0\">\n                                <span class=\"faq-q-text\">What types of websites do you develop?<\/span>\n                                <span class=\"faq-plus\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"faq-a\" id=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-0\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>We build a wide range of projects, from corporate sites and landing pages to complex online stores and custom web applications. Our team works across popular platforms and frameworks including WordPress, Laravel, Django, React and Vue, choosing the technology that best fits your goals and budget.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <button type=\"button\" class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-1\">\n                                <span class=\"faq-q-text\">How long does it take to develop a website?<\/span>\n                                <span class=\"faq-plus\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"faq-a\" id=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-1\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Timelines depend on scope and complexity. A simple landing page can be ready in 1\u20132 weeks, a corporate website typically takes 4\u20136 weeks, and larger e-commerce or custom solutions may take 2\u20134 months. After discussing your requirements we provide a detailed schedule with clear milestones.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <button type=\"button\" class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-2\">\n                                <span class=\"faq-q-text\">How much does website development cost?<\/span>\n                                <span class=\"faq-plus\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"faq-a\" id=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-2\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Every project is priced individually based on its scope, design complexity, integrations and functionality. We prepare a transparent estimate after understanding your needs, with no hidden fees, so you know exactly what you are paying for.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <button type=\"button\" class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-3\">\n                                <span class=\"faq-q-text\">Will my website be mobile-friendly and fast?<\/span>\n                                <span class=\"faq-plus\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"faq-a\" id=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-3\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Yes. Every site we build is fully responsive and optimized for performance on all devices. We follow modern best practices for speed, Core Web Vitals and usability so your visitors get a smooth experience on phones, tablets and desktops.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <button type=\"button\" class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-4\">\n                                <span class=\"faq-q-text\">Do you provide SEO and support after launch?<\/span>\n                                <span class=\"faq-plus\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"faq-a\" id=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-4\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Absolutely. We can deliver an SEO-ready website and offer ongoing technical support, maintenance and content updates after launch. This keeps your site secure, up to date and performing well over time.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <button type=\"button\" class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-5\">\n                                <span class=\"faq-q-text\">Can you redesign or improve my existing website?<\/span>\n                                <span class=\"faq-plus\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"faq-a\" id=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-5\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Yes. We frequently modernise existing websites, improving design, speed, structure and conversion without necessarily rebuilding everything from scratch. We start with an audit and recommend the most cost-effective path forward.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <button type=\"button\" class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-6\">\n                                <span class=\"faq-q-text\">Do I own the website and its code after completion?<\/span>\n                                <span class=\"faq-plus\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"faq-a\" id=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-6\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Yes. Once the project is completed and paid for, you receive full ownership of your website, including the source code, design files and access credentials.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <button type=\"button\" class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-7\">\n                                <span class=\"faq-q-text\">How do we get started?<\/span>\n                                <span class=\"faq-plus\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"faq-a\" id=\"faq-block_0ba803e1e2bf23b4068fdf1a28763108-a-7\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Simply reach out through the contact form or request a call. We will discuss your goals, gather requirements, and prepare a proposal with scope, timeline and pricing so you can make an informed decision.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n\n    <section class=\"pb-3.5 lg:mb-12\">\n        <div class=\"container relative\">\n            <h2 class=\"text-2xl sm:text-fs-5 text-third sm:mb-7 mb-7 flex gap-x-6 items-center sm:after:content-[''] sm:after:relative sm:after:-top-1 sm:after:grow sm:after:h-px sm:after:bg-sixth\">Related services<\/h2>\n                        <ul class=\"grid gap-y-7 lg:grid-cols-3 lg:gap-x-[30px] lg:gap-y-9 mt-[60px]\">\n                                    <li class=\"bg-white rounded-b-rc-1 relative pb-[30px] lg:flex lg:flex-col lg:pb-[40px]\">\n                        <a class=\"absolute inset-0 z-[3]\" href=\"\/seo\/\" aria-label=\"Search Engine Optimization\"><\/a>\n                        <div class=\"mb-[25px] h-[115px] -translate-y-[5px] relative grow shadow-lg rounded-rc-6 rounded-tr-none py-1.5 px-4 !flex flex-row justify-start items-center gap-x-4 bg-blue-600 sm:gap-y-0.5 sm:px-8 lg:grow-0 lg:min-h-[126px]\">\n                            <img decoding=\"async\" alt=\"\" class=\"max-w-[80px] w-auto h-auto object-contain\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/seo.svg\"\/>                            <span class=\"text-lg font-medium leading-tight text-white\">Search Engine Optimization<\/span>\n                            <a class=\"absolute inset-0\" href=\"\/seo\/\">\n                                <span class=\"block absolute right-0 top-0 w-12 h-2.5 bg-blue-600 rounded-tr-[10px] rounded-tl-[5px] -translate-y-[calc(100%-1px)] before:content-[''] before:absolute before:border-r-[2.5px] before:border-b-[2.5px] border-blue-600 before:rounded-br-[10px] before:right-[calc(100%-2.5px)] before:-bottom-[1.4px] before:w-3 before:h-[7px]\"><\/span>\n                                <svg class=\"absolute right-2.5 top-0 w-2.5 h-2.5 text-white\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.5 7.5L7.5 2.5M4 2.5h3.5V6\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>                            <\/a>\n                        <\/div>\n                                                <p class=\"px-[22px] text-xl text-[#80C342] font-medium leading-tight lg:mt-auto\">Climb the rankings and turn search traffic into sales<\/p>\n                    <\/li>\n                                    <li class=\"bg-white rounded-b-rc-1 relative pb-[30px] lg:flex lg:flex-col lg:pb-[40px]\">\n                        <a class=\"absolute inset-0 z-[3]\" href=\"\/geo\/\" aria-label=\"Generative Engine Optimization\"><\/a>\n                        <div class=\"mb-[25px] h-[115px] -translate-y-[5px] relative grow shadow-lg rounded-rc-6 rounded-tr-none py-1.5 px-4 !flex flex-row justify-start items-center gap-x-4 bg-slate-900 sm:gap-y-0.5 sm:px-8 lg:grow-0 lg:min-h-[126px]\">\n                            <img decoding=\"async\" alt=\"\" class=\"max-w-[80px] w-auto h-auto object-contain\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/geo.svg\"\/>                            <span class=\"text-lg font-medium leading-tight text-white\">Generative Engine Optimization<\/span>\n                            <a class=\"absolute inset-0\" href=\"\/geo\/\">\n                                <span class=\"block absolute right-0 top-0 w-12 h-2.5 bg-slate-900 rounded-tr-[10px] rounded-tl-[5px] -translate-y-[calc(100%-1px)] before:content-[''] before:absolute before:border-r-[2.5px] before:border-b-[2.5px] border-slate-900 before:rounded-br-[10px] before:right-[calc(100%-2.5px)] before:-bottom-[1.4px] before:w-3 before:h-[7px]\"><\/span>\n                                <svg class=\"absolute right-2.5 top-0 w-2.5 h-2.5 text-white\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.5 7.5L7.5 2.5M4 2.5h3.5V6\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>                            <\/a>\n                        <\/div>\n                                                <p class=\"px-[22px] text-xl text-[#80C342] font-medium leading-tight lg:mt-auto\">Get your brand cited by AI, chosen by buyers<\/p>\n                    <\/li>\n                                    <li class=\"bg-white rounded-b-rc-1 relative pb-[30px] lg:flex lg:flex-col lg:pb-[40px]\">\n                        <a class=\"absolute inset-0 z-[3]\" href=\"\/content-marketing\/\" aria-label=\"Content Marketing\"><\/a>\n                        <div class=\"mb-[25px] h-[115px] -translate-y-[5px] relative grow shadow-lg rounded-rc-6 rounded-tr-none py-1.5 px-4 !flex flex-row justify-start items-center gap-x-4 bg-[rgba(118,22,244,1)] sm:gap-y-0.5 sm:px-8 lg:grow-0 lg:min-h-[126px]\">\n                            <img decoding=\"async\" alt=\"\" class=\"max-w-[80px] w-auto h-auto object-contain\" src=\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/content.svg\"\/>                            <span class=\"text-lg font-medium leading-tight text-white\">Content Marketing<\/span>\n                            <a class=\"absolute inset-0\" href=\"\/content-marketing\/\">\n                                <span class=\"block absolute right-0 top-0 w-12 h-2.5 bg-[rgba(118,22,244,1)] rounded-tr-[10px] rounded-tl-[5px] -translate-y-[calc(100%-1px)] before:content-[''] before:absolute before:border-r-[2.5px] before:border-b-[2.5px] border-[rgba(118,22,244,1)] before:rounded-br-[10px] before:right-[calc(100%-2.5px)] before:-bottom-[1.4px] before:w-3 before:h-[7px]\"><\/span>\n                                <svg class=\"absolute right-2.5 top-0 w-2.5 h-2.5 text-white\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.5 7.5L7.5 2.5M4 2.5h3.5V6\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>                            <\/a>\n                        <\/div>\n                                                <p class=\"px-[22px] text-xl text-[#80C342] font-medium leading-tight lg:mt-auto\">Content built to rank, convert, and get cited by AI<\/p>\n                    <\/li>\n                            <\/ul>\n        <\/div>\n    <\/section>\n    \n\n    <section class=\"py-8 voctos-contact\" id=\"request\">\n        <div class=\"container\">\n            <form class=\"voctos-contact-form bg-white rounded-rc-1 p-6 sm:p-10 shadow-lg\"\n                  method=\"post\" enctype=\"multipart\/form-data\"\n                  data-ajax=\"https:\/\/www.voctos.com\/wp-admin\/admin-ajax.php\"\n                  data-success=\"Thank you! We&#039;ll be in touch shortly.\"\n                  novalidate>\n                <input type=\"hidden\" name=\"action\" value=\"voctos_contact\">\n                <input type=\"hidden\" name=\"formname\" value=\"Homepage bottom form\">\n                <input type=\"hidden\" id=\"voctos_contact_nonce\" name=\"voctos_contact_nonce\" value=\"22e24237f8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/1340\" \/>\n                <div class=\"vc-head\">\n                    <h2 class=\"vc-title text-2xl sm:text-fs-5 text-third\">Discuss your <span class=\"vc-accent\">project<\/span><\/h2>\n                    <p class=\"vc-required\">* Required fields<\/p>\n                <\/div>\n                \n                <div class=\"vc-grid\">\n                    <input class=\"w-full px-4 py-3.5 sm:px-6 rounded-rc-6 bg-eighth text-sm placeholder:text-third\/40 outline-none vc-req vc-f-name\"    name=\"name\"    type=\"text\"  placeholder=\"Your name*\" required>\n                                        <div class=\"w-full px-4 py-3.5 sm:px-6 rounded-rc-6 bg-eighth text-sm placeholder:text-third\/40 outline-none vc-req vc-f-phone vc-phone-wrap\">\n                                                <div class=\"vc-code\" x-data=\"vcCode()\">\n                            <input type=\"hidden\" name=\"phone_code\" value=\"+20\" :value=\"current.code\">\n                            <button type=\"button\" class=\"vc-code-btn\" @click=\"open = !open\" @click.outside=\"open = false\" :aria-expanded=\"open\" aria-label=\"Country code\">\n                                <img decoding=\"async\" class=\"vc-flag\" :src=\"flag(current.iso)\" src=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/flags\/eg.png\" alt=\"\" width=\"20\" height=\"14\" loading=\"eager\" data-no-lazy=\"1\" data-skip-lazy=\"1\">\n                                <span x-text=\"current.code\">+20<\/span>\n                                <svg class=\"vc-code-chev\" viewBox=\"0 0 10 6\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 1l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/button>\n                            <ul class=\"vc-code-list\" x-show=\"open\" x-cloak>\n                                <template x-for=\"c in codes\" :key=\"c.iso + c.code\">\n                                    <li @click=\"current = c; open = false\" :class=\"{ 'is-active': c.iso === current.iso }\">\n                                        <img class=\"vc-flag\" :src=\"flag(c.iso)\" alt=\"\" width=\"20\" height=\"14\" loading=\"eager\" data-no-lazy=\"1\" data-skip-lazy=\"1\">\n                                        <span class=\"vc-code-num\" x-text=\"c.code\"><\/span>\n                                        <span class=\"vc-code-country\" x-text=\"c.name\"><\/span>\n                                    <\/li>\n                                <\/template>\n                            <\/ul>\n                        <\/div>\n                        <input class=\"vc-req\" name=\"phone\" type=\"tel\" placeholder=\"Phone*\" required>\n                    <\/div>\n                    <input class=\"w-full px-4 py-3.5 sm:px-6 rounded-rc-6 bg-eighth text-sm placeholder:text-third\/40 outline-none vc-f-email\"          name=\"email\"   type=\"email\" placeholder=\"E-mail\">\n                    <input class=\"w-full px-4 py-3.5 sm:px-6 rounded-rc-6 bg-eighth text-sm placeholder:text-third\/40 outline-none vc-f-company\"        name=\"company\" type=\"text\"  placeholder=\"Company or website\">\n                    <input class=\"w-full px-4 py-3.5 sm:px-6 rounded-rc-6 bg-eighth text-sm placeholder:text-third\/40 outline-none vc-f-budget\"         name=\"budget\"  type=\"text\"  placeholder=\"Monthly marketing budget\">\n                    <textarea class=\"w-full px-4 py-3.5 sm:px-6 rounded-rc-6 bg-eighth text-sm placeholder:text-third\/40 outline-none resize-none vc-f-comments\" name=\"comments\" rows=\"4\" placeholder=\"Tell us more about your tasks\"><\/textarea>\n\n                    <label class=\"vc-attach\">\n                        <input type=\"file\" name=\"attachment\" class=\"vc-file-input\"\n                               accept=\".doc,.docx,.pdf,.xls,.xlsx,application\/pdf,application\/msword,application\/vnd.openxmlformats-officedocument.wordprocessingml.document,application\/vnd.ms-excel,application\/vnd.openxmlformats-officedocument.spreadsheetml.sheet\">\n                        <span class=\"vc-attach-inner\">\n                            <img decoding=\"async\" class=\"vc-clip\" src=\"https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/clip.svg\" alt=\"\" width=\"20\" height=\"40\" aria-hidden=\"true\">\n                            <span class=\"vc-attach-text\">Attach file<\/span>\n                        <\/span>\n                        <span class=\"vc-file-name\" aria-live=\"polite\"><\/span>\n                    <\/label>\n                <\/div>\n\n                <div class=\"vc-foot\">\n                    <div class=\"vc-foot-left\">\n                        <button type=\"submit\" class=\"vc-submit text-sm text-white bg-primary hover:bg-third rounded-rc-6\">Send<\/button>\n                        <p class=\"vc-consent text-third\/70\">By clicking the button, I consent to the processing of personal data and agree with the <a href=\"https:\/\/www.voctos.com\/privacy-policy\/\" class=\"vc-privacy\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a><\/p>\n                    <\/div>\n                    <p class=\"vc-filenote text-third\/50\">File size must not exceed 2MB. File extensions: docx, doc, pdf, xlsx, xls<\/p>\n                <\/div>\n\n                <p class=\"vc-status\" role=\"status\" aria-live=\"polite\" hidden><\/p>\n            <\/form>\n        <\/div>\n        <script>\n        \/* The \"vcCode\" Alpine component (flag\/country-code dropdown) is registered\n           GLOBALLY now, in functions.php's wp_footer hook \u2014 not here. See\n           voctos_firmwork_vc_codes() there for why: this per-block <script> used to\n           be the only place it was registered, but anything that copies just this\n           block's <form>...<\/form> markup (like 404.php's \"reuse a real page's\n           contact form\") silently lost the registration along with it. *\/\n\n        \/* ------------------------------------------------------------------\n           Strip the size overrides an off-theme script (id=\"vtx-form-js\") writes\n           straight onto the attach box and the paperclip:\n\n               .vc-attach  height: 100% !important; align-self: stretch !important;\n               .vc-clip    width: 30px !important;  height: auto !important;\n\n           Because those land as INLINE !important they outrank every stylesheet,\n           so contact.css can never win \u2014 the box stretched to the full 150px row\n           height and the clip rendered at 30x60. Only these four properties are\n           removed; the snippet's border\/background styling is left alone.\n           Delete this block once those lines are gone from the snippet.\n           ------------------------------------------------------------------ *\/\n        (function () {\n            var clean = function () {\n                document.querySelectorAll('.voctos-contact .vc-attach').forEach(function (el) {\n                    el.style.removeProperty('height');\n                    el.style.removeProperty('align-self');\n                });\n                document.querySelectorAll('.voctos-contact .vc-clip').forEach(function (el) {\n                    el.style.removeProperty('width');\n                    el.style.removeProperty('height');\n                });\n            };\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', clean);\n            } else { clean(); }\n            \/* the other script may run after us, on load or on a timer *\/\n            window.addEventListener('load', clean);\n            [60, 300, 1200].forEach(function (t) { setTimeout(clean, t); });\n        })();\n        <\/script>\n    <\/section>\n    \n\n\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Service\",\"serviceType\":\"Development\",\"name\":\"Development\",\"description\":\"Custom websites, online stores and web apps from VOCTOS. We build on WordPress, Laravel, Django, React & Vue, optimized for speed, SEO and conversions.\",\"provider\":{\"@type\":\"Organization\",\"name\":\"VOCTOS\",\"url\":\"https:\/\/www.voctos.com\",\"email\":\"contact@voctos.com\",\"telephone\":\"+20 100 805 3953\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Point 9 Mall, Downtown\",\"addressLocality\":\"New Capital\",\"addressRegion\":\"Cairo\",\"postalCode\":\"4850801\",\"addressCountry\":\"EG\"},\"image\":\"https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/logo2.webp\"},\"areaServed\":\"Worldwide\",\"url\":\"https:\/\/www.voctos.com\/web-development\/\",\"offers\":{\"@type\":\"Offer\",\"availability\":\"https:\/\/schema.org\/InStock\",\"priceCurrency\":\"USD\",\"url\":\"https:\/\/www.voctos.com\/web-development\/\",\"priceRange\":\"$$$\"}},{\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What types of websites do you develop?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"We build a wide range of projects, from corporate sites and landing pages to complex online stores and custom web applications. Our team works across popular platforms and frameworks including WordPress, Laravel, Django, React and Vue, choosing the technology that best fits your goals and budget.\"}},{\"@type\":\"Question\",\"name\":\"How long does it take to develop a website?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Timelines depend on scope and complexity. A simple landing page can be ready in 1\u20132 weeks, a corporate website typically takes 4\u20136 weeks, and larger e-commerce or custom solutions may take 2\u20134 months. After discussing your requirements we provide a detailed schedule with clear milestones.\"}},{\"@type\":\"Question\",\"name\":\"How much does website development cost?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Every project is priced individually based on its scope, design complexity, integrations and functionality. We prepare a transparent estimate after understanding your needs, with no hidden fees, so you know exactly what you are paying for.\"}},{\"@type\":\"Question\",\"name\":\"Will my website be mobile-friendly and fast?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Every site we build is fully responsive and optimized for performance on all devices. We follow modern best practices for speed, Core Web Vitals and usability so your visitors get a smooth experience on phones, tablets and desktops.\"}},{\"@type\":\"Question\",\"name\":\"Do you provide SEO and support after launch?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Absolutely. We can deliver an SEO-ready website and offer ongoing technical support, maintenance and content updates after launch. This keeps your site secure, up to date and performing well over time.\"}},{\"@type\":\"Question\",\"name\":\"Can you redesign or improve my existing website?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. We frequently modernise existing websites, improving design, speed, structure and conversion without necessarily rebuilding everything from scratch. We start with an audit and recommend the most cost-effective path forward.\"}},{\"@type\":\"Question\",\"name\":\"Do I own the website and its code after completion?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Once the project is completed and paid for, you receive full ownership of your website, including the source code, design files and access credentials.\"}},{\"@type\":\"Question\",\"name\":\"How do we get started?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Simply reach out through the contact form or request a call. We will discuss your goals, gather requirements, and prepare a proposal with scope, timeline and pricing so you can make an informed decision.\"}}]}]}<\/script>\n\n\n<p><!--voctos-editorial-loop--><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1340","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/pages\/1340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/comments?post=1340"}],"version-history":[{"count":1,"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/pages\/1340\/revisions"}],"predecessor-version":[{"id":12308,"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/pages\/1340\/revisions\/12308"}],"wp:attachment":[{"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/media?parent=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}