{"id":1497,"date":"2026-07-07T09:33:54","date_gmt":"2026-07-07T09:33:54","guid":{"rendered":"https:\/\/www.voctos.com\/?page_id=1497"},"modified":"2026-09-06T13:17:20","modified_gmt":"2026-09-06T13:17:20","slug":"custom-design","status":"publish","type":"page","link":"https:\/\/www.voctos.com\/ar\/web-development\/custom-design\/","title":{"rendered":"Development of a unique website"},"content":{"rendered":"        <section class=\"voctos-service-hero voctos-service-hero--style-2 overflow-hidden relative pt-20 pb-6 lg:pt-24\">\n            <div class=\"container grid grid-cols-12 gap-y-5 mb-7 lg:gap-x-10\">\n\n                <!-- Left card -->\n                <div class=\"col-span-full lg:col-span-6\">\n                    <div class=\"rounded-rc-5 bg-white shadow-lg p-10 h-full flex flex-col items-start\">\n                        <nav class=\"mb-11 w-full\">\n                            <ul class=\"flex overflow-x-auto 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-[&#039;&#039;] [&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-third [&amp;:not(:last-child)]:after:top-2 [&amp;:not(:last-child)]:after:-right-1.5\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><a class=\"block leading-3 text-fs-8 text-third p-1\" href=\"\/\" itemprop=\"item\"><span itemprop=\"name\">Home<\/span><\/a><meta content=\"1\" itemprop=\"position\"\/><\/li><li class=\"relative shrink-0 [&amp;:not(:last-child)]:after:content-[&#039;&#039;] [&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-third [&amp;:not(:last-child)]:after:top-2 [&amp;:not(:last-child)]:after:-right-1.5\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><a class=\"block leading-3 text-fs-8 text-third p-1\" href=\"\/web-development\/\" itemprop=\"item\"><span itemprop=\"name\">Website Development<\/span><\/a><meta content=\"2\" itemprop=\"position\"\/><\/li><li class=\"relative shrink-0 [&amp;:not(:last-child)]:after:content-[&#039;&#039;] [&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-third [&amp;:not(:last-child)]:after:top-2 [&amp;:not(:last-child)]:after:-right-1.5\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span class=\"block leading-3 text-fs-8 text-neutral-500\/90 p-1\" id=\"finalcrumb\" itemprop=\"item\"><span itemprop=\"name\">Custom Web Design<\/span><\/span><meta content=\"3\" itemprop=\"position\"\/><\/li>                            <\/ul>\n                        <\/nav>\n\n                        <h1 class=\"text-fs-13 lg:text-[50px] xl:text-[50px] leading-[110%] mb-2.5\">Custom Websites Built to <span class=\"sh-highlight\">Convert and Rank<\/span><\/h1>\n                        <p class=\"text-[16px] mb-auto\">We design and build every website from scratch, no templates, no shortcuts, shaped entirely around your brand and how your customers actually browse, decide, and buy.<\/p>\n\n                                                    <button @click=\"request.scrollIntoView()\" class=\"sh2-cta mt-5 text-sm py-4 px-10 rounded-rc-6 text-white\">Get My Free Quote<\/button>\n                                            <\/div>\n                <\/div>\n\n                <!-- Right cards: icon + title + description (no bullet list) -->\n                <ul class=\"sh-feat-list grid grid-cols-2 col-span-full gap-5 lg:col-span-6\">\n                                            <li class=\"col-span-2 sm:col-span-1 rounded-rc-5 bg-white shadow-lg sh2-feat\">\n                                                            <span class=\"sh2-feat-icon\" aria-hidden=\"true\" style=\"background-image:url('https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/feature-serm-3.svg')\"><\/span>\n                                                        <p class=\"sh2-feat-title\">Sales Growth<\/p>\n                                                            <p class=\"sh2-feat-desc\">Thoughtful design paired with content that actually answers buyer questions turns more visitors into paying customers.<\/p>\n                                                    <\/li>\n                                            <li class=\"col-span-2 sm:col-span-1 rounded-rc-5 bg-white shadow-lg sh2-feat\">\n                                                            <span class=\"sh2-feat-icon\" aria-hidden=\"true\" style=\"background-image:url('https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/07\/voctos-hero-2.svg')\"><\/span>\n                                                        <p class=\"sh2-feat-title\">Effortless for Visitors<\/p>\n                                                            <p class=\"sh2-feat-desc\">A clean, intuitive interface and a fully responsive mobile experience make your site easy and enjoyable to use on any device.<\/p>\n                                                    <\/li>\n                                            <li class=\"col-span-2 sm:col-span-1 rounded-rc-5 bg-white shadow-lg sh2-feat\">\n                                                            <span class=\"sh2-feat-icon\" aria-hidden=\"true\" style=\"background-image:url('https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/feature-serm-2.svg')\"><\/span>\n                                                        <p class=\"sh2-feat-title\">A Brand That Looks the Part<\/p>\n                                                            <p class=\"sh2-feat-desc\">A distinctive design and a confident visual identity make your business look as credible and professional as the work you actually do.<\/p>\n                                                    <\/li>\n                                            <li class=\"col-span-2 sm:col-span-1 rounded-rc-5 bg-white shadow-lg sh2-feat\">\n                                                            <span class=\"sh2-feat-icon\" aria-hidden=\"true\" style=\"background-image:url('https:\/\/www.voctos.com\/wp-content\/uploads\/2026\/06\/feature-serm-1.svg')\"><\/span>\n                                                        <p class=\"sh2-feat-title\">Built to Rank From Day One<\/p>\n                                                            <p class=\"sh2-feat-desc\">We factor in SEO requirements at the development stage itself: clean code, fast loading, a logical structure, and content built to be found.<\/p>\n                                                    <\/li>\n                                    <\/ul>\n\n            <\/div>\n        <\/section>\n\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    <section class=\"voctos-dev-howwework\">\n        <div class=\"container\">\n\n                        <h2 class=\"dhww-heading\">How It Works<\/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\">Kickoff<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Tell us about your project through the website or over a call<\/li>\n                                                <li>A short discovery call to align on goals and scope<\/li>\n                                                <li>A clear estimate and contract before any work begins<\/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\">Planning<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Site architecture and page map<\/li>\n                                                <li>A written technical spec you sign off on<\/li>\n                                                <li>Content and asset gathering<\/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>Wireframes for every key template<\/li>\n                                                <li>Desktop design<\/li>\n                                                <li>Mobile design<\/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\">Build<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Designs coded into responsive HTML and CSS<\/li>\n                                                <li>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\">Development<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Wired into the CMS so every section stays editable<\/li>\n                                                <li>Custom functionality built and tested<\/li>\n                                                <li>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<\/p>\n                                            <\/div>\n\n                                        <ul class=\"dhww-step__items\">\n                                                <li>Content loaded and formatted<\/li>\n                                                <li>Testing<\/li>\n                                                <li>Deployed to your hosting, with handover docs<\/li>\n                                            <\/ul>\n                                            \n                <\/li>\n                \n                \n            <\/ol>\n\n        <\/div>\n    <\/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\">A design brief is only finished when search performance holds.<\/h2>\n                                    <p class=\"vtabs-lead\">Two screens from the live client portal. After a redesign the risk is a quiet drop, so the technical health and organic performance screens stay open, with the roadmap of what we adjust 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\">Cost of services<\/h2>\n\n                <div class=\"dp-grid mb-5\" style=\"--cols:3\">\n            \n            <!-- \u2500\u2500 Landing* : 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*<\/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#gear\"><\/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#update\"><\/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                        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#cloud\"><\/use><\/svg>\n                        Hosting installation                    <\/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\">We will create a website that encourages visitors to act on a single offer and take one clear next step. This gives you a clear read on whether the demand is really there.<\/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\">Contact us for price<\/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\">Order<\/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 : background (purple) \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:2;--mr-start:10;--mr-end:18;background-color:#6009D4;background-image:url('https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/bg-card-2.svg');\"><\/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-white leading-tight font-medium\">Multi-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:2;--dr:2;--mr:11;\">\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#gear\"><\/use><\/svg>\n                        Unique design                    <\/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                        Responsive layout                    <\/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                        Contact 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#info\"><\/use><\/svg>\n                        Basic content filling                    <\/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#cloud\"><\/use><\/svg>\n                        Basic SEO optimization                    <\/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#update\"><\/use><\/svg>\n                        Analytics 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#cloud\"><\/use><\/svg>\n                        Domain connection                    <\/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#cloud\"><\/use><\/svg>\n                        Hosting installation                    <\/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-white\">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-white\">We will develop your website in line with the latest trends and standards, ensuring ease of use and editing. This will give the site opportunities for effective development and promotion, and the site will be attractive to users.<\/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-white sm:text-[25px] text-[32px] font-medium leading-none\">Contact us for price<\/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-white\"><\/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-third hover:text-white bg-white hover:bg-third transition-colors block text-center\">Order<\/a>\n                            <\/div>\n\n            <!-- mobile gap between stacked cards -->\n            <div class=\"dp-mgap\" style=\"--mr:18\"><\/div>\n\n            \n            <!-- \u2500\u2500 Store : background (dark) \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:#0D172D;background-image:url('https:\/\/www.voctos.com\/wp-content\/themes\/voctos\/firmwork\/assets\/img\/bg-card-3.svg');\"><\/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\">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#gear\"><\/use><\/svg>\n                        Unique design                    <\/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                        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                        Responsive layout                    <\/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#cloud\"><\/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#cloud\"><\/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#cloud\"><\/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#cloud\"><\/use><\/svg>\n                        Basic SEO optimization                    <\/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#update\"><\/use><\/svg>\n                        Analytics 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#cloud\"><\/use><\/svg>\n                        Domain connection                    <\/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#cloud\"><\/use><\/svg>\n                        Hosting installation                    <\/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\">We believe that each project is unique and requires an individual approach, so we do not start from an off-the-shelf template. This allows the site to be as suitable as possible for the specifics of your business.<\/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\">Contact us for price<\/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\">Order<\/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, tightly focused page built around one action, so it looks simple on the surface. Making that page actually convert takes the same level of strategy, copywriting, and design skill as a full website, which is why we treat every landing page as a professional project rather than a quick template fill-in.                <br>We shape our process around your business rather than a generic checklist, taking the time to understand your industry, your customers, and how they decide to buy before writing a line of code. Because of that, your final timeline depends mainly on how quickly you review our work and send over approvals and content.            <\/p>\n        <\/div>\n\n    <\/section>\n    \n\n    <section id=\"svc-6ab6fef4a1a66\" class=\"container mb-4 voctos-collapse\" data-vc-h=\"180\">\n        <div class=\"article-content vc-body vc-fade\" style=\"max-height:180px;overflow:hidden\">\n            <h2>Why custom design beats a template<\/h2>\n<p>A template gives you the same layout as thousands of other sites and forces your brand into someone else&#8217;s boxes. Custom design starts from your brand, your content, and your customers, then builds the interface around them. The result is a site that looks like no one else&#8217;s, guides visitors toward action, and is not limited by what a theme allows.<\/p>\n<ul>\n<li>A look that is yours alone, not a marketplace theme<\/li>\n<li>Layouts built around your content and goals<\/li>\n<li>No compromises forced by a rigid template<\/li>\n<li>Design and UX aimed at conversion, not decoration<\/li>\n<li>Room to grow without fighting the theme<\/li>\n<\/ul>\n<h2>Our design and build approach<\/h2>\n<p>We do not open a template and swap the colors. We research your audience and competitors, wireframe the key pages, design in high fidelity, then hand off to development for a pixel-accurate build. You see and approve the design before a line of production code is written.<\/p>\n<ul>\n<li>Discovery: brand, audience, and competitor research<\/li>\n<li>Wireframes and user flows for the key pages<\/li>\n<li>High-fidelity visual design you approve first<\/li>\n<li>Responsive, mobile-first layouts for every screen<\/li>\n<li>Pixel-accurate build and cross-device testing<\/li>\n<\/ul>\n<h2>Design that is also technically sound<\/h2>\n<p>A beautiful design that loads slowly or breaks on mobile is not custom \u2014 it is broken. We build the design into clean, fast code with accessibility and Core Web Vitals in mind, so the site feels as good as it looks on any device.<\/p>\n<h2>Ready for promotion<\/h2>\n<p>Custom does not mean SEO gets ignored. We build the design on an indexable, fast, well-structured foundation, so the site is ready for search and ad campaigns from launch. If you want, our SEO team takes it forward.<\/p>\n<h2>What you get<\/h2>\n<p>A one-of-a-kind website that reflects your brand, works on every device, and is built to convert and rank. No template limits, no cookie-cutter look. Tell us about your brand and goals, and we scope the design, agree the direction, and build it.<\/p>\n        <\/div>\n        <button type=\"button\"\n            data-vc-target=\"svc-6ab6fef4a1a66\"\n            data-vc-action=\"open\"\n            class=\"vc-toggle block relative w-[214px] shrink-0 rounded-rc-2 bg-third text-white z-10 mx-auto mt-[-45px] font-unbounded text-[14px] py-2.5 px-5 cursor-pointer\">\n            Show full text        <\/button>\n                <button type=\"button\" style=\"display:none\"\n            data-vc-target=\"svc-6ab6fef4a1a66\"\n            data-vc-action=\"close\"\n            class=\"vc-toggle block relative w-[214px] shrink-0 rounded-rc-2 bg-third text-white z-10 mx-auto mt-5 font-unbounded text-[14px] py-2.5 px-5 cursor-pointer\">\n            Collapse text        <\/button>\n            <\/section>\n    \n\n    <section class=\"voctos-dev-tech\" id=\"dt-50191ce0\" 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 id=\"our-team-block_d0168f0c4504915826a4d1c785d90f7d\" 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\">The Team<\/h2>\n                \n                                    <a class=\"ot-all\" href=\"https:\/\/www.voctos.com\/about\/team\/\">\n                        <span>The 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&#8217;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                                            <\/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\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n    <section class=\"voctos-dev-cases\">\n        <div class=\"container\">\n\n            <h2 class=\"dc-heading\">Building a website 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      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:nowrap}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-head h2{min-width:0}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .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_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-all{padding:12px 18px}}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-all:hover{background:#0d172d}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .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_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-track::-webkit-scrollbar{display:none}\n      \/* width set in JS to exact pixels \u2014 avoids iOS 100% flex bug *\/\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .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_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-stars{display:inline-flex;gap:5px;margin-bottom:18px}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-site{font-size:26px;font-weight:700;color:#0d172d;margin:0;line-height:1.2;word-break:break-word}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-logo{max-height:48px;max-width:150px;width:auto;object-fit:contain;flex:0 0 auto}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-name{font-weight:700;color:#0d172d;margin:0;font-size:16px}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-pos{font-size:14px;color:#5b6675;margin:3px 0 0}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-quote{position:relative;margin:22px 0 0;padding:0 0 0 30px}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .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_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-text{font-size:15px;line-height:1.7;color:#0d172d;margin:0}\n      #vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad .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_8d1dd8a2503e7d91d7eccbff5b55dbad .vr-date{font-size:13px;color:#9aa3b2;margin:22px 0 0}\n    <\/style>\n    <section id=\"vr-block_8d1dd8a2503e7d91d7eccbff5b55dbad\" 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 id=\"faq-block_dda26301e9f9f0012f6e25c06923d0e8\" 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_dda26301e9f9f0012f6e25c06923d0e8-a-0\">\n                                <span class=\"faq-q-text\">What is custom web design?<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-0\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Custom web design means creating a unique interface tailored specifically to your brand, audience and goals, rather than using a ready-made template. It gives you a distinctive look, better usability and full control over the user experience.<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-1\">\n                                <span class=\"faq-q-text\">How is custom design better than a template?<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-1\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>A custom design stands out from competitors, aligns precisely with your brand identity, and is built around your specific content and conversion goals. It also scales more naturally as your needs grow, without the limitations of a fixed template.<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-2\">\n                                <span class=\"faq-q-text\">Do you provide the design before development?<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-2\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Yes. We start with research and wireframes, then create high-fidelity mockups for your review and approval. Only once you are happy with the design do we move into development.<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-3\">\n                                <span class=\"faq-q-text\">Will the design be responsive across devices?<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-3\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Absolutely. Every custom design is created to look and work beautifully on desktops, tablets and mobile phones, ensuring a consistent experience for all visitors.<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-4\">\n                                <span class=\"faq-q-text\">Can you match my existing brand identity?<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-4\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Yes. We design around your existing brand guidelines, colors, typography and logo. If you don&#8217;t have brand guidelines yet, we can help define a visual style that fits your business.<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-5\">\n                                <span class=\"faq-q-text\">How many design revisions are included?<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-5\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Our process includes structured feedback rounds so we can refine the design based on your input. We agree on the number of revision rounds up front so expectations are clear from the start.<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-6\">\n                                <span class=\"faq-q-text\">Do you also develop the website after designing it?<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-6\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Yes. We offer end-to-end service, taking the approved design through to a fully functional, responsive and optimized website, so you have a single team responsible for the whole project.<\/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_dda26301e9f9f0012f6e25c06923d0e8-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_dda26301e9f9f0012f6e25c06923d0e8-a-7\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Reach out via the contact form or request a call. We&#8217;ll discuss your vision, audience and goals, then prepare a proposal covering the design and development scope, timeline and pricing.<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-8\">\n                                <span class=\"faq-q-text\">Do you build accessible, ADA-compliant websites?<\/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_dda26301e9f9f0012f6e25c06923d0e8-a-8\" role=\"region\">\n                                <div class=\"faq-a-inner\">\n                                    <p>Yes. We build with accessibility and Core Web Vitals in mind from the start, following WCAG best practices such as proper contrast, keyboard navigation, and semantic markup, so your site works well for every visitor and holds up to modern compliance standards.<\/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=\"\/technical-support\/\" aria-label=\"Website support\"><\/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-500 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\/tech.png\"\/>                            <span class=\"text-lg font-medium leading-tight text-white\">Website support<\/span>\n                            <a class=\"absolute inset-0\" href=\"\/technical-support\/\">\n                                <span class=\"block absolute right-0 top-0 w-12 h-2.5 bg-slate-500 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-500 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\">Keep your website fast, secure, and running smoothly<\/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\/1497\" \/>\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 of a unique site\",\"name\":\"Development of a unique site\",\"description\":\"Unique, made-to-measure website design from VOCTOS. We craft custom sites that reflect your brand and are built to perform in search and convert visitors.\",\"provider\":{\"@type\":\"Organization\",\"name\":\"VOCTOS\",\"url\":\"https:\/\/www.voctos.com\",\"email\":\"contact@voctos.com\",\"telephone\":\"+20 100 805 3953\"},\"areaServed\":\"Worldwide\",\"url\":\"https:\/\/www.voctos.com\/web-development\/custom-design\/\",\"offers\":{\"@type\":\"Offer\",\"availability\":\"https:\/\/schema.org\/InStock\",\"priceCurrency\":\"USD\",\"url\":\"https:\/\/www.voctos.com\/web-development\/custom-design\/\",\"priceRange\":\"$$$\"}},{\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is custom web design?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Custom web design means creating a unique interface tailored specifically to your brand, audience and goals, rather than using a ready-made template. It gives you a distinctive look, better usability and full control over the user experience.\"}},{\"@type\":\"Question\",\"name\":\"How is custom design better than a template?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A custom design stands out from competitors, aligns precisely with your brand identity, and is built around your specific content and conversion goals. It also scales more naturally as your needs grow, without the limitations of a fixed template.\"}},{\"@type\":\"Question\",\"name\":\"Do you provide the design before development?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. We start with research and wireframes, then create high-fidelity mockups for your review and approval. Only once you are happy with the design do we move into development.\"}},{\"@type\":\"Question\",\"name\":\"Will the design be responsive across devices?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Absolutely. Every custom design is created to look and work beautifully on desktops, tablets and mobile phones, ensuring a consistent experience for all visitors.\"}},{\"@type\":\"Question\",\"name\":\"Can you match my existing brand identity?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. We design around your existing brand guidelines, colors, typography and logo. If you don't have brand guidelines yet, we can help define a visual style that fits your business.\"}},{\"@type\":\"Question\",\"name\":\"How many design revisions are included?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Our process includes structured feedback rounds so we can refine the design based on your input. We agree on the number of revision rounds up front so expectations are clear from the start.\"}},{\"@type\":\"Question\",\"name\":\"Do you also develop the website after designing it?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. We offer end-to-end service, taking the approved design through to a fully functional, responsive and optimized website, so you have a single team responsible for the whole project.\"}},{\"@type\":\"Question\",\"name\":\"How do we get started?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Reach out via the contact form or request a call. We'll discuss your vision, audience and goals, then prepare a proposal covering the design and development scope, timeline and pricing.\"}},{\"@type\":\"Question\",\"name\":\"Do you build accessible, ADA-compliant websites?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. We build with accessibility and Core Web Vitals in mind from the start, following WCAG best practices such as proper contrast, keyboard navigation, and semantic markup, so your site works well for every visitor and holds up to modern compliance standards.\"}}]}]}<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":1340,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1497","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/pages\/1497","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=1497"}],"version-history":[{"count":1,"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/pages\/1497\/revisions"}],"predecessor-version":[{"id":12305,"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/pages\/1497\/revisions\/12305"}],"up":[{"embeddable":true,"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/pages\/1340"}],"wp:attachment":[{"href":"https:\/\/www.voctos.com\/ar\/wp-json\/wp\/v2\/media?parent=1497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}