1<!DOCTYPE html> 2<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>SEO Agency London - Online Marketing & PR Company | ClickDo</title> 7 8 <!-- All in One SEO 5.0.2 - aioseo.com --> 9 <meta name="description" content="Best SEO Agency in London to help grow your online marketing with digital PR, PPC advertising & content services." /> 10 <meta name="robots" content="max-image-preview:large" /> 11 <meta name="google-site-verification" content="iScJvMsabiyTESnXA7YWDLfE8SjUGOciHeceojpHRmg" /> 12 <link rel="canonical" href="https://www.clickdo.co.uk/" /> 13 <meta name="generator" content="All in One SEO (AIOSEO) 5.0.2" /> 14 <meta property="og:locale" content="en_US" /> 15 <meta property="og:site_name" content="ClickDo" /> 16 <meta property="og:type" content="article" /> 17 <meta property="og:title" content="SEO Agency London - Online Marketing & PR Company | ClickDo" /> 18 <meta property="og:description" content="Best SEO Agency in London to help grow your online marketing with digital PR, PPC advertising & content services." /> 19 <meta property="og:url" content="https://www.clickdo.co.uk/" /> 20 <meta property="fb:app_id" content="1826456997645599" /> 21 <meta property="fb:admins" content="680368875326017" /> 22 <meta property="og:image" content="https://Clickdo.b-cdn.net/wp-content/uploads/2019/04/London-SEO-Services-by-ClickDo.jpg" /> 23 <meta property="og:image:secure_url" content="https://Clickdo.b-cdn.net/wp-content/uploads/2019/04/London-SEO-Services-by-ClickDo.jpg" /> 24 <meta property="og:image:width" content="1920" /> 25 <meta property="og:image:height" content="937" /> 26 <meta property="article:published_time" content="2026-03-31T10:43:27+00:00" /> 27 <meta property="article:modified_time" content="2026-07-03T03:26:52+00:00" /> 28 <meta property="article:publisher" content="https://www.facebook.com/ClickDoMedia/" /> 29 <meta name="twitter:card" content="summary" /> 30 <meta name="twitter:site" content="@clickdomedia" /> 31 <meta name="twitter:title" content="SEO Agency London - Online Marketing & PR Company | ClickDo" /> 32 <meta name="twitter:description" content="Best SEO Agency in London to help grow your online marketing with digital PR, PPC advertising & content services." /> 33 <meta name="twitter:image" content="https://Clickdo.b-cdn.net/wp-content/uploads/2019/04/London-SEO-Services-by-ClickDo.jpg" /> 34 <!-- All in One SEO --> 35 36<link rel='dns-prefetch' href='//ajax.googleapis.com' /> 37<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 38<link rel='dns-prefetch' href='https://fonts.bunny.net' /> 39<link rel='preconnect' href='https://Clickdo.b-cdn.net' /> 40<link rel='preconnect' href='https://fonts.bunny.net' /> 41<link rel="alternate" type="application/rss+xml" title="ClickDo⢠» Feed" href="https://www.clickdo.co.uk/feed/" /> 42<link rel="alternate" type="application/rss+xml" title="ClickDo⢠» Comments Feed" href="https://www.clickdo.co.uk/comments/feed/" /> 43<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.clickdo.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.clickdo.co.uk%2F" /> 44<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.clickdo.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.clickdo.co.uk%2F&format=xml" /> 45<style id="wp-img-auto-sizes-contain-inline-css"> 46img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 47/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 48</style> 49<link rel='stylesheet' id='wp-customer-reviews-3-frontend-css' href='https://www.clickdo.co.uk/wp-content/plugins/wp-customer-reviews/css/wp-customer-reviews.css?ver=3.8.1' media='all' /> 50<style id="classic-theme-styles-inline-css"> 51/*! This file is auto-generated */ 52.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 53/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 54</style> 55 56<style id="global-styles-inline-css"> 57:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
570) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
57.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 58/*# sourceURL=global-styles-inline-css */ 59</style> 60 61<link rel='stylesheet' id='contact-form-7-css' href='https://www.clickdo.co.uk/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' /> 62<link rel='stylesheet' id='cookie-law-info-css' href='https://www.clickdo.co.uk/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-public.css?ver=3.5.6' media='all' /> 63<link rel='stylesheet' id='cookie-law-info-gdpr-css' href='https://www.clickdo.co.uk/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-gdpr.css?ver=3.5.6' media='all' /> 64<link rel='stylesheet' id='ubermenu-open-sans-css' href='https://fonts.bunny.net/css?family=Open+Sans:,300,400,700&ver=36ba794847dbcac4a6b5902c55741a1b' media='all' /> 65<link rel='stylesheet' id='woocommerce-layout-css' href='https://www.clickdo.co.uk/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=11.1.2' media='all' /> 66<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://www.clickdo.co.uk/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=11.1.2' media='only screen and (max-width: 768px)' /> 67<link rel='stylesheet' id='woocommerce-general-css' href='https://www.clickdo.co.uk/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=11.1.2' media='all' /> 68<style id="woocommerce-inline-inline-css"> 69.woocommerce form .form-row .required { visibility: visible; } 70/*# sourceURL=woocommerce-inline-inline-css */ 71</style> 72<link rel='stylesheet' id='wp-pagenavi-css' href='https://www.clickdo.co.uk/wp-content/plugins/wp-pagenavi/css/wp-pagenavi.css?ver=3.0.1' media='all' /> 73<link rel='stylesheet' id='ppress-frontend-css' href='https://www.clickdo.co.uk/wp-content/plugins/wp-user-avatar/assets/css/frontend.min.css?ver=4.17.5' media='all' /> 74<link rel='stylesheet' id='ppress-flatpickr-css' href='https://www.clickdo.co.uk/wp-content/plugins/wp-user-avatar/assets/flatpickr/flatpickr.min.css?ver=4.17.5' media='all' /> 75<link rel='stylesheet' id='ppress-select2-css' href='https://www.clickdo.co.uk/wp-content/plugins/wp-user-avatar/assets/select2/select2.min.css?ver=36ba794847dbcac4a6b5902c55741a1b' media='all' /> 76<link rel='stylesheet' id='brb-public-main-css-css' href='https://www.clickdo.co.uk/wp-content/plugins/business-reviews-bundle/assets/css/public-main.css?ver=1.9.1' media='all' /> 77<link rel='stylesheet' id='vk-font-awesome-css' href='https://www.clickdo.co.uk/wp-content/plugins/vk-post-author-display/vendor/vektor-inc/font-awesome-versions/src/font-awesome/css/all.min.css?ver=7.3.1' media='all' /> 78<link rel='stylesheet' id='heateor_sss_frontend_css-css' href='https://www.clickdo.co.uk/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=3.3.79' media='all' /> 79<style id="heateor_sss_frontend_css-inline-css"> 80.heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent}
80.heateor_sss_horizontal_sharing .heateorSssTCBackground{color:#666}.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent;}.heateor_sss_vertical_sharing .heateorSssTCBackground{color:#666;}.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}@media screen and (max-width:783px) {.heateor_sss_vertical_sharing{display:none!important}}div.heateor_sss_sharing_title{text-align:center}div.heateor_sss_sharing_ul{width:100%;text-align:center;}div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a{float:none!important;display:inline-block;} 81/*# sourceURL=heateor_sss_frontend_css-inline-css */ 82</style> 83<link rel='stylesheet' id='tablepress-default-css' href='https://www.clickdo.co.uk/wp-content/tablepress-combined.min.css?ver=63' media='all' /> 84<link rel='stylesheet' id='js_composer_front-css' href='https://www.clickdo.co.uk/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=8.7.3' media='all' /> 85<link rel='stylesheet' id='js_composer_custom_css-css' href='//www.clickdo.co.uk/wp-content/uploads/js_composer/custom.css?ver=8.7.3' media='all' /> 86<link rel='stylesheet' id='ubermenu-css' href='https://www.clickdo.co.uk/wp-content/plugins/ubermenu/pro/assets/css/ubermenu.min.css?ver=3.8.5' media='all' /> 87<link rel='stylesheet' id='ubermenu-white-css' href='https://www.clickdo.co.uk/wp-content/plugins/ubermenu/pro/assets/css/skins/white.css?ver=36ba794847dbcac4a6b5902c55741a1b' media='all' /> 88<link rel='stylesheet' id='ubermenu-font-awesome-all-css' href='https://www.clickdo.co.uk/wp-content/plugins/ubermenu/assets/fontawesome/css/all.min.css?ver=36ba794847dbcac4a6b5902c55741a1b' media='all' /> 89<link rel='stylesheet' id='rpt-css' href='https://www.clickdo.co.uk/wp-content/plugins/responsive-pricing-table-pro/inc/css/rpt_style.min.css?ver=36ba794847dbcac4a6b5902c55741a1b' media='all' /> 90<link rel='stylesheet' id='arflite-forms0-css' href='https://www.clickdo.co.uk/?plugin=ARFormslite&controller=settings&ver=1.8.2' media='all' />
91<script id="jquery-js" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js?ver=36ba794847dbcac4a6b5902c55741a1b"></script>
vendor: 1 bytes, line 91
91
92<script id="wp-customer-reviews-3-frontend-js-extra"> 93var wpcr3Ajax = {"nonce":"6ea53513db"}; 94//# sourceURL=wp-customer-reviews-3-frontend-js-extra 95</script>
vendor: 1 bytes, line 95
95
96<script id="wp-customer-reviews-3-frontend-js" src="https://www.clickdo.co.uk/wp-content/plugins/wp-customer-reviews/js/wp-customer-reviews.js?ver=3.8.1"></script>
vendor: 1 bytes, line 96
96
97<script id="cookie-law-info-js-extra"> 98var Cli_Data = {"nn_cookie_ids":[],"cookielist":[],"non_necessary_cookies":[],"ccpaEnabled":"","ccpaRegionBased":"","ccpaBarEnabled":"","strictlyEnabled":["necessary","obligatoire"],"ccpaType":"gdpr","js_blocking":"1","custom_integration":"","triggerDomRefresh":"","secure_cookies":""}; 99var cli_cookiebar_settings = {"animate_speed_hide":"500","animate_speed_show":"500","background":"#FFF","border":"#b1a6a6c2","border_on":"","button_1_button_colour":"#61a229","button_1_button_hover":"#4e8221","button_1_link_colour":"#fff","button_1_as_button":"1","button_1_new_win":"","button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":"","button_2_hidebar":"1","button_3_button_colour":"#dedfe0","button_3_button_hover":"#b2b2b3","button_3_link_colour":"#fff","button_3_as_button":"1","button_3_new_win":"","button_4_button_colour":"#000","button_4_button_hover":"#000000","button_4_link_colour":"#fff","button_4_as_button":"1","button_7_button_colour":"#61a229","button_7_button_hover":"#4e8221","button_7_link_colour":"#fff","button_7_as_button":"1","button_7_new_win":"","font_family":"inherit","header_fix":"","notify_animate_hide":"1","notify_animate_show":"","notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":"","scroll_close_reload":"","accept_close_reload":"","reject_close_reload":"","showagain_tab":"","showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#000","show_once_yn":"","show_once":"10000","logging_on":"","as_popup":"","popup_overlay":"1","bar_heading_text":"","cookie_bar_as":"banner","popup_showagain_position":"bottom-right","widget_position":"left"}; 100var log_object = {"ajax_url":"https://www.clickdo.co.uk/wp-admin/admin-ajax.php"}; 101//# sourceURL=cookie-law-info-js-extra 102</script>
vendor: 1 bytes, line 102
102
103<script id="cookie-law-info-js" src="https://www.clickdo.co.uk/wp-content/plugins/cookie-law-info/legacy/public/js/cookie-law-info-public.js?ver=3.5.6"></script>
vendor: 1 bytes, line 103
103
104<script data-wp-strategy="defer" id="wc-jquery-blockui-js" src="https://www.clickdo.co.uk/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.1.2"></script>
vendor: 1 bytes, line 104
104
105<script id="wc-add-to-cart-js-extra"> 106var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https://www.clickdo.co.uk/cart/","is_cart":"","cart_redirect_after_add":"yes"}; 107//# sourceURL=wc-add-to-cart-js-extra 108</script>
vendor: 1 bytes, line 108
108
109<script data-wp-strategy="defer" id="wc-add-to-cart-js" src="https://www.clickdo.co.uk/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 109
109
110<script data-wp-strategy="defer" id="wc-js-cookie-js" src="https://www.clickdo.co.uk/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.1.2"></script>
vendor: 1 bytes, line 110
110
111<script id="ppress-flatpickr-js" src="https://www.clickdo.co.uk/wp-content/plugins/wp-user-avatar/assets/flatpickr/flatpickr.min.js?ver=4.17.5"></script>
vendor: 1 bytes, line 111
111
112<script id="ppress-select2-js" src="https://www.clickdo.co.uk/wp-content/plugins/wp-user-avatar/assets/select2/select2.min.js?ver=4.17.5"></script>
vendor: 1 bytes, line 112
112
113<script id="brb-public-main-js-js" defer="defer" src="https://www.clickdo.co.uk/wp-content/plugins/business-reviews-bundle/assets/js/public-main.js?ver=1.9.1"></script>
vendor: 1 bytes, line 113
113
114<script id="vc_woocommerce-add-to-cart-js-js" src="https://www.clickdo.co.uk/wp-content/plugins/js_composer/assets/js/vendors/woocommerce-add-to-cart.js?ver=8.7.3"></script>
114 115 116<!-- Google tag (gtag.js) snippet added by Site Kit --> 117<!-- Google Ads snippet added by Site Kit -->
vendor: 80 bytes, lines 117-118
117 118<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
118AW-870735419
vendor: 18 bytes, line 118
118" async></script>
119<script id="google_gtagjs-js-after"> 120window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 121gtag("js", new Date()); 122gtag("set", "developer_id.dZTNiMT", true); 123gtag("config", "AW-870735419"); 124 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 125//# sourceURL=google_gtagjs-js-after 126</script>
vendor: 1 bytes, line 126
126
127<script id="rpt-js" src="https://www.clickdo.co.uk/wp-content/plugins/responsive-pricing-table-pro/inc/js/rptp.min.js?ver=36ba794847dbcac4a6b5902c55741a1b"></script>
127 128<link rel="https://api.w.org/" href="https://www.clickdo.co.uk/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.clickdo.co.uk/wp-json/wp/v2/pages/50971" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.clickdo.co.uk/xmlrpc.php?rsd" /> 129 130<link rel='shortlink' href='https://www.clickdo.co.uk/' /> 131<meta name="generator" content="Site Kit by Google 1.188.0" /><meta name='dmca-site-verification' content='T3phNGFxRDIycGNhM096Nm54cHN5amNuS0NqNzRKNkMxUlZZNnhiakREVT01' />
132<script type="application/ld+json"> 133 134{ 135 136 "@context": "https://schema.org/", 137 138 "@type": "WebSite", 139 140 "name": "ClickDo", 141 142 "url": "https://www.clickdo.co.uk/", 143 144 "potentialAction": { 145 146 "@type": "SearchAction", 147 148 "target": "{search_term_string}", 149 150 "query-input": "required name=search_term_string" 151 152 } 153 154} 155 156</script>
156 157 158 159<!-- This site is converting visitors into subscribers and customers with OptinMonster - https://optinmonster.com -->
159<script type="text/javascript" src="https://a.omappapi.com/app/js/api.min.js" data-account="112671" data-user="101145" async></script>
159 <!-- / https://optinmonster.com --> 160 161<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 161-162
161 162<script async src="https://www.googletagmanager.com/gtag/js?id=
162UA-55848965-1
vendor: 13 bytes, line 162
162"></script>
163<script> 164
vendor: 138 bytes, lines 164-168
164window.dataLayer = window.dataLayer || []; 165 function gtag(){dataLayer.push(arguments);} 166 gtag('js', new Date()); 167 168 gtag('config', '
168UA-55848965-1
vendor: 5 bytes, line 168
168');
169</script>
169 170<!--BEGIN: TRACKING CODE MANAGER (v2.8.0) BY INTELLYWP.COM IN HEAD//--> 171<meta name="ahrefs-site-verification" content="1bc2098003f170687c22b7b5984f1a0731039da1a91143de21019ec6835c10a2"> 172<!--END: https://wordpress.org/plugins/tracking-code-manager IN HEAD//--><style id="ubermenu-custom-generated-css"> 173/** Font Awesome 4 Compatibility **/ 174.fa{font-style:normal;font-variant:normal;font-weight:normal;font-family:FontAwesome;} 175 176/** UberMenu Custom Menu Styles (Customizer) **/ 177/* main */ 178 .ubermenu-main { margin-top:5px; background-color:#f7fafc; background:-webkit-gradient(linear,left top,left bottom,from(#f7fafc),to(#f7fafc)); background:-webkit-linear-gradient(top,#f7fafc,#f7fafc); background:-moz-linear-gradient(top,#f7fafc,#f7fafc); background:-ms-linear-gradient(top,#f7fafc,#f7fafc); background:-o-linear-gradient(top,#f7fafc,#f7fafc); background:linear-gradient(top,#f7fafc,#f7fafc); border:1px solid #f7fafc; } 179 .ubermenu.ubermenu-main { background:none; border:none; box-shadow:none; } 180 .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { border:none; box-shadow:none; } 181 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; color:#212121; } 182 .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#0d002d; } 183 .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#000559; } 184 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:16px; } 185 .ubermenu-main .ubermenu-nav .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { font-weight:600; } 186 .ubermenu-main .ubermenu-item-normal > .ubermenu-target { font-size:16px; } 187 .ubermenu-main, .ubermenu-main .ubermenu-target, .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target, .ubermenu-main div, .ubermenu-main p, .ubermenu-main input { font-family:'Open Sans', sans-serif; font-weight:400; } 188 189 190/** UberMenu Custom Menu Item Styles (Menu Item Settings) **/ 191/* 49367 */ .ubermenu .ubermenu-item-49367 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:150px; } 192 193/* Status: Loaded from Transient */ 194 195</style>
195<script type="text/javascript"> 196(function(url){ 197 if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; } 198 var addEvent = function(evt, handler) { 199 if (window.addEventListener) { 200 document.addEventListener(evt, handler, false); 201 } else if (window.attachEvent) { 202 document.attachEvent('on' + evt, handler); 203 } 204 }; 205 var removeEvent = function(evt, handler) { 206 if (window.removeEventListener) { 207 document.removeEventListener(evt, handler, false); 208 } else if (window.detachEvent) { 209 document.detachEvent('on' + evt, handler); 210 } 211 }; 212 var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' '); 213 var logHuman = function() { 214 if (window.wfLogHumanRan) { return; } 215 window.wfLogHumanRan = true; 216 var wfscr = document.createElement('script'); 217 wfscr.type = 'text/javascript'; 218 wfscr.async = true; 219 wfscr.src = url + '&r=' + Math.random(); 220 (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr); 221 for (var i = 0; i < evts.length; i++) { 222 removeEvent(evts[i], logHuman); 223 } 224 }; 225 for (var i = 0; i < evts.length; i++) { 226 addEvent(evts[i], logHuman); 227 } 228})('//www.clickdo.co.uk/?wordfence_lh=1&hid=D4E8E10B9D236AFCB82C73FD570D4E4C'); 229</script>
229 <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> 230 <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>
231<script> 232document.addEventListener("DOMContentLoaded", function () { 233 234 const input = document.getElementById("businessNameInput"); 235 const preview = document.getElementById("previewName"); 236 const textarea = document.getElementById("embedCode"); 237 const button = document.getElementById("generateBadgeCodeBtn"); 238 239 button.addEventListener("click", function () { 240 241 const businessName = input.value.trim() || "Business Name Here"; 242 243 preview.textContent = businessName; 244 245 const code = 246`<a href="https://www.clickdo.co.uk/top-lead-generation-tools/" target="_blank" rel="noopener noreferrer" style="text-decoration:none; display:inline-block; text-align:center; font-family:Arial,sans-serif;"> 247<img src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/Top-5-Lead-Generation-Tools-Services-for-the-UK-Market.png" alt="Top 5 Lead Generation Tools & Services for the UK Market" width="220" style="display:block; margin:0 auto; border:0; max-width:100%; height:auto;"> 248<span style="display:block; margin-top:8px; font-size:18px; font-weight:bold; color:#293658;">${businessName}</span> 249<span style="display:block; margin-top:4px; font-size:13px; color:#666666;">Featured on ClickDo UK</span> 250</a>`; 251 252 textarea.value = code; 253 254 }); 255 256}); 257</script>
257<link rel="icon" href="https://Clickdo.b-cdn.net/wp-content/uploads/2020/03/favicon.png" sizes="32x32" /> 258<link rel="icon" href="https://Clickdo.b-cdn.net/wp-content/uploads/2020/03/favicon.png" sizes="192x192" /> 259<link rel="apple-touch-icon" href="https://Clickdo.b-cdn.net/wp-content/uploads/2020/03/favicon.png" /> 260<meta name="msapplication-TileImage" content="https://Clickdo.b-cdn.net/wp-content/uploads/2020/03/favicon.png" /> 261<style id="wp-custom-css"> 262@media only screen and (min-width: 900px) { 263.cli-bar-btn_container { 264 margin-right: 310px !important; 265 } 266.cli-style-v2 .cli-bar-message { 267 text-align: center; 268 } 269} 270 271 272 273.share-box { 274 display: none; 275} 276.heateor_sss_sharing_title { 277 font-family: Caveat,Helvetica,sans-serif !important; 278 font-size: 30px; 279} 280.heateor_sss_sharing_container { 281 background-color: #fcc106; 282 border-radius: 20px; 283 padding: 30px 0px; 284} 285div#ez-toc-container { 286 border: 3px solid #fcc106; 287} 288 289/* Read More Button */ 290 291.yrm-button-text-1,.yrm-button-text-2 { 292 background: #31457a !important; 293 color: #fff !important; 294 font-family: proxima-soft-bold; 295 padding: 10px 25px 10px 25px; 296 border-radius: 5px; 297 border: 2px solid #ff9800 !important; 298 display: inline-block; 299 margin-top: 28px; 300 transition: all 130ms linear; 301 outline: none; 302 font-size: 15px !important; 303 letter-spacing: 1.5px; 304} 305.yrm-button-text-1:hover,.yrm-button-text-2:hover { 306background: #f99400 !important; 307 transform: translateY(3px); 308 transition: all 130ms linear; 309} 310 311.yrm-btn-wrapper-1 span { 312 display: inline-block; 313 width: 49% !important; 314 border: none; 315} 316/* Read More Button */ 317 318 319.textwidget.custom-html-widget a { 320 margin-bottom: 15px; 321 font-size: 1.1rem; 322 font-family: nova-light; 323 border-bottom: 1px solid #dbebff; 324 padding-bottom: 16px; 325 margin-top: 1rem; 326 margin-bottom: 1rem; 327 color: #3d3d3e; 328 font-size: 1.07rem; 329 line-height: 1.5; 330 font-weight: 300; 331 font-family: Eesti-bold; 332 -webkit-font-smoothing: antialiased; 333 display: block; 334 color: #18639e; 335 text-decoration: underline !important; 336 text-align: center; 337} 338 339 340 341 342.home-search { 343 text-align: center; 344 margin-top: -1em; 345 margin-bottom: 3em; 346} 347.home-search input.search-field { 348 background: #fbfdff; 349 width: 430px; 350 border: 1px solid #dcdcdc; 351 border-radius: 6px 6px 6px 6px; 352 padding: 13px 40px 13px 15px; 353 outline: none; 354} 355.home-search input[type="submit"] { 356 background: #5b86ee; 357 color: white; 358 font-weight: 600; 359 border: 1px solid #5b86ee; 360 border-radius: 6px 6px 6px 6px; 361 padding: 13px 30px; 362 cursor: pointer; 363} 364 365.search-result { 366 padding-bottom: 45px; 367} 368.search-result h2 { 369 text-align: center; 370 padding: 50px 0 10px 0; 371} 372.search-result ul { 373 margin: 0; 374 padding: 0; 375} 376.search-result ul li { 377 list-style: none; 378 border-bottom: 1px solid #2a395c26; 379} 380.search-result ul li a { 381 display: table; 382 color: #212121; 383 padding-top: 10px; 384 padding-bottom: 10px; 385} 386.search-result ul li img { 387 display: table-cell; 388 width: 115px; 389 border-radius: 5px; 390 height: auto; 391 margin: 0 25px 0 0; 392} 393.search-result ul li h3 { 394 display: table-cell; 395 font-size: 20px; 396 font-weight: 600; 397 vertical-align: middle; 398} 399 400@media screen and (max-width: 768px){ 401.home-search input.search-field, .home-search input[type="submit"] { 402 width: 100%; 403} 404} 405html { 406 scroll-padding-top: 180px; /* adjust based on your fixed header/menu height */ 407 scroll-behavior: smooth; /* optional: smooth scrolling */ 408} 409.single-blog-post .container, 410.single-post .container { 411 max-width: 1400px; 412 width: 95%; 413} 414 415</style> 416<style type="text/css" data-type="vc_shortcodes-custom-css">.vc_custom_1774953434229{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}.vc_custom_1774952777979{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}.vc_custom_1782296876408{margin-bottom: 0px !important;}</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head> 417<body data-rsssl=1 class="home wp-singular page-template-default page page-id-50971 wp-theme-clickdo-main-theme theme-clickdo-main-theme fa_v7_css woocommerce-no-js wpb-js-composer js-comp-ver-8.7.3 vc_responsive"> 418 <div class="wpb-content--blank"> 419 <article id="post-50971" class="post-50971 page type-page status-publish has-post-thumbnail hentry"> 420 <div class="entry-content"> 421 <div class="wpb-content-wrapper"><div data-vc-full-width="true" data-vc-full-width-temp="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row vc_row-fluid vc_custom_1774953434229 vc_row-no-padding vc_row-o-equal-height vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner vc_custom_1774952777979"><div class="wpb_wrapper"> 422 <div class="wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1782296876408" > 423 <div class="wpb_wrapper"> 424 <!DOCTYPE html> 425<html lang="en"> 426<head> 427 <meta charset="UTF-8"> 428 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 429 <title>SEO Agency London - Online Marketing & PR Company | ClickDo</title> 430 431 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"> 432 433 434 <!-- Fonts -->
435 <link rel="preconnect" href="https://fonts.bunny.net"> 436 <link rel="preconnect" href="https://fonts.bunny.net" crossorigin> 437 <link href="https://fonts.bunny.net/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 438 439 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> 440
441<script src="https://unpkg.com/lucide@latest"></script>
vendor: 2 bytes, line 441
441
442<script> 443 lucide.createIcons(); 444</script>
444 445 446 <style> 447 448 449.container { 450 width: 100%; 451 max-width: 100%; 452} 453 454*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Outfit,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
454input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}body{background-color:var(--bg);color:var(--text);font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.btn-primary{background:linear-gradient(#0284c7,#328bcb);color:#fff;padding:1rem 2.5rem;border-radius:9999px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 10px 25px -5px rgba(2,132,199,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 30px -10px rgba(2,132,199,.4)}.btn-outline{background:#fff;border:1px solid var(--card-border);color:var(--text);padding:1rem 2.5rem;border-radius:9999px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.btn-outline:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.glass-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:2rem;overflow:hidden;box-shadow:0 10px 30px -10px rgba(0,0,0,.04);transition:all .5s cubic-bezier(.4,0,.2,1)}.text-gradient{background:linear-gradient(135deg,#0284c7,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-1{inset:-.25rem}.-inset-10{inset:-2.5rem}.-inset-2{inset:-.5rem}.inset-0{inset:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-10{right:-2.5rem}.-top-10{top:-2.5rem}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-5{right:1.25rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-20{top:5rem}.top-6{top:1.5rem}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-video{aspect-ratio:16/9}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[1px\]{height:1px}.h-\[500px\]{height:500px}.h-\[50px\]{height:50px}.h-\[600px\]{height:600px}.h-\[800px\]{height:800px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-\[1px\]{width:1px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.rotate-180,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-2{--tw-rotate:2deg}.rotate-2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}
454}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.75rem*var(--tw-space-x-reverse));margin-left:calc(-.75rem*(1 - var(--tw-space-x-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.\!overflow-visible{overflow:visible!important}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2\.2rem\]{border-radius:2.2rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-full{border-radius:9999px}
454.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-8{border-width:8px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-\[\#3b82f6\]\/50{border-color:rgba(59,130,246,.5)}.border-\[var\(--bg\)\]{border-color:var(--bg)}.border-\[var\(--card-border\)\]{border-color:var(--card-border)}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-black\/10{border-color:rgba(0,0,0,.1)}.border-black\/5{border-color:rgba(0,0,0,.05)}.border-primary\/10{border-color:rgba(2,132,199,.1)}.border-primary\/30{border-color:rgba(2,132,199,.3)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity))}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.bg-\[\#3b82f6\]{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--card-bg\)\]{background-color:var(--card-bg)}.bg-\[var\(--nav-bg\)\]{background-color:var(--nav-bg)}.bg-black\/10{background-color:rgba(0,0,0,.1)}.bg-black\/5{background-color:rgba(0,0,0,.05)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.bg-primary\/10{background-color:rgba(2,132,199,.1)}.bg-primary\/20{background-color:rgba(2,132,199,.2)}.bg-primary\/5{background-color:rgba(2,132,199,.05)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/40{background-color:hsla(0,0%,100%,.4)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-\[radial-gradient\(circle_at_center\2c rgba\(255\2c 255\2c 255\2c 0\.15\)\2c transparent_60\%\)\]{background-image:radial-gradient(circle at center,hsla(0,0%,100%,.15),transparent 60%)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/40{--tw-gradient-from:rgba(0,0,0,.4) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#06f var(--tw-gradient-from-position);--tw-gradient-to:rgba(2,132,199,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-primary\/30{--tw-gradient-to:rgba(2,132,199,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(2,132,199,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-40{padding-top:10rem;padding-bottom:10rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pl-4{padding-left:1rem}.pt-12{padding-top:3rem}.pt-40{padding-top:10rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.leading-\[0\.9\]{line-height:.9}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#0077b5\]{--tw-text-opacity:1;color:rgb(0 119 181/var(--tw-text-opacity))}.text-\[\#3b82f6\]{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-\[var\(--text\)\]{color:var(--text)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.opacity-0{opacity:0}
454.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-\[0\.04\]{opacity:.04}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:0 10px 30px rgba(0,0,0,.06);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color)}.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:0 20px 60px rgba(0,0,0,.08);--tw-shadow-colored:0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:0 20px 60px rgba(0,0,0,.25);--tw-shadow-colored:0 20px 60px var(--tw-shadow-color)}.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-sha
454dow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.blur-\[100px\]{--tw-blur:blur(100px)}.blur-\[100px\],.blur-\[120px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[120px\]{--tw-blur:blur(120px)}.blur-\[150px\]{--tw-blur:blur(150px)}.blur-\[150px\],.blur-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur:blur(24px)}.drop-shadow-\[0_3px_10px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-drop-shadow:drop-shadow(0 3px 10px rgba(0,0,0,.25))}.drop-shadow-\[0_3px_10px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-xl{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg:#f8fafc;--text:#0f172a;--text-muted:#64748b;--card-bg:#fff;--card-border:rgba(0,0,0,.06);--nav-bg:rgba(248,250,252,.8);--accent:#0284c7;--secondary: #2f3f63}.bg-noise{position:fixed;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:50}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-track{display:flex;width:-moz-max-content;width:max-content;animation:marquee 30s linear infinite}#progress-bar{position:fixed;top:0;left:0;height:4px;background-color:#0284c7;z-index:100;width:0;transition:width .1s}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-float{animation:float 4s ease-in-out infinite}[x-cloak]{display:none!important}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:-translate-y-2:hover,.hover\:rotate-0:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-0:hover{--tw-rotate:0deg}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#3b82f6\]:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.hover\:border-primary\/30:hover{border-color:rgba(2,132,199,.3)}.hover\:bg-\[\#2563eb\]:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.hover\:bg-primary\/5:hover{background-color:rgba(2,132,199,.05)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
454--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(255\2c 255\2c 255\2c 0\.9\)\]:hover{--tw-shadow:0 0 20px hsla(0,0%,100%,.9);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(59\2c 130\2c 246\2c 0\.5\)\]:hover{--tw-shadow:0 0 20px rgba(59,130,246,.5);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_18px_45px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover{--tw-shadow:0 18px 45px rgba(0,0,0,.1);--tw-shadow-colored:0 18px 45px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:hover{--tw-shadow:0 20px 40px rgba(0,0,0,.05);
454--tw-shadow-colored:0 20px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_30px_80px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]:hover{--tw-shadow:0 30px 80px rgba(0,0,0,.12);--tw-shadow-colored:0 30px 80px var(--tw-shadow-color)}.hover\:shadow-\[0_30px_80px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:rotate-12{--tw-rotate:12deg}.group:hover .group-hover\:rotate-12,.group:hover .group-hover\:scale-105{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:gap-5{gap:1.25rem}.group:hover .group-hover\:border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.group:hover .group-hover\:bg-primary{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.group:hover .group-hover\:text-primary{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:opacity-\[0\.1\]{opacity:.1}.group:hover .group-hover\:shadow-\[0_0_40px_rgba\(255\2c 255\2c 255\2c 0\.6\)\]{--tw-shadow:0 0 40px hsla(0,0%,100%,.6);
454--tw-shadow-colored:0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:grayscale-0{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-14{height:3.5rem}.md\:h-\[60px\]{height:60px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:p-24{padding:6rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:1024px){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:block{display:block}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:text-left{text-align:left}}@media (prefers-color-scheme:dark){.dark\:border-white\/10{border-color:hsla(0,0%,100%,.1)}.dark\:bg-white\/5{background-color:hsla(0,0%,100%,.05)}} 455/* Vanilla JS helpers */ 456.js-hidden{display:none !important;} 457.nav-scrolled{background:rgba(30, 56, 102, 0.75);backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,0,0,.05);padding-top:.75rem;padding-bottom:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.04);} 458.nav-default{background:transparent;padding-top:1.5rem;padding-bottom:1.5rem;} 459.dropdown-menu{display:none;} 460@media (min-width: 768px){ 461 .dropdown:hover > .dropdown-menu, 462 .dropdown:focus-within > .dropdown-menu{display:block;} 463} 464.mobile-panel{overflow:hidden;max-height:0;transition:max-height .35s ease,opacity .35s ease;margin-top:0;opacity:0;} 465.mobile-panel.is-open{max-height:600px;opacity:1;margin-top:1rem;} 466.faq-panel{overflow:hidden;max-height:0;transition:max-height .35s ease,opacity .35s ease;opacity:0;} 467.faq-panel.is-open{max-height:500px;opacity:1;} 468.rotate-180{transform:rotate(180deg);} 469.custom-cursor,.cursor-follower{position:fixed;top:0;left:0;border-radius:9999px;pointer-events:none;z-index:60;mix-blend-mode:multiply;} 470.custom-cursor{width:10px;height:10px;background:#328bcb;transform:translate(-50%,-50%);} 471.cursor-follower{width:34px;height:34px;border:1px solid rgba(0,102,255,.25);background:rgba(0,102,255,.06);transform:translate(-50%,-50%);transition:transform .16s ease-out,left .16s ease-out,top .16s ease-out,width .2s ease,height .2s ease,background .2s ease;} 472.cursor-active{width:52px;height:52px;background:rgba(0,102,255,.12);} 473@media (max-width: 767px){.custom-cursor,.cursor-follower{display:none !important;}} 474 475 476.hero-clickdo .glass-card{background:linear-gradient(180deg,rgba(23,47,88,.58) 0%,rgba(18,37,71,.74) 100%);border:1px solid rgba(74,121,198,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 80px rgba(7,17,40,.28);} 477.hero-clickdo .group > .absolute.-inset-1{opacity:.12 !important;} 478.hero-clickdo .conversion-badge{background:linear-gradient(180deg,rgba(24,49,92,.96) 0%,rgba(19,40,76,.96) 100%);border:1px solid rgba(52,113,202,.62)!important;box-shadow:0 24px 55px rgba(6,16,39,.32);} 479.hero-clickdo .conversion-badge p:first-child{color:#fff;} 480.hero-clickdo .conversion-badge p:last-child{color:rgba(226,234,247,.68);} 481.hero-clickdo .service-card-custom h4{color:#fff;letter-spacing:.08em;} 482.hero-clickdo .service-card-custom p{color:rgba(218,226,240,.72)!important;} 483.hero-clickdo .hero-card-inner .space-y-6{gap:1.8rem;} 484 485/* Nav goes solid when mobile menu is open */ 486#site-nav.mobile-menu-open { 487 background: #1a3461 !important; 488 backdrop-filter: blur(24px) !important; 489} 490/* Mobile menu panel â fully opaque */ 491#mobile-menu, 492#mobile-menu > div { 493 background: #1a3461 !important; 494} 495 496/* Sub-panel slide animation */ 497.mobile-panel { 498 overflow: hidden; 499 max-height: 0; 500 opacity: 0; 501 transition: max-height 0.35s ease, opacity 0.35s ease; 502 margin-top: 0;
503 color: #ffffff !important; 504} 505.mobile-panel.is-open { 506 max-height: 600px; 507 opacity: 1; 508 margin-top: 1rem; 509} 510 511/* Chevron rotation */ 512.submenu-icon { 513 transition: transform 0.3s ease; 514} 515 516 517 518</style> 519 520<style>.dropdown-menu{margin-top:0!important;padding-top:10px!important;transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s ease!important}.dropdown-menu::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px;background:transparent;pointer-events:auto}.dropdown:hover>.dropdown-menu,.dropdown-menu:hover,.dropdown-menu.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;transition-delay:0s!important}</style>
520<script>(function(){document.querySelectorAll('.dropdown').forEach(function(dropdown){var menu=dropdown.querySelector('.dropdown-menu');if(!menu)return;var hideTimer=null;function show(){clearTimeout(hideTimer);menu.classList.add('is-open')} 521function hide(){hideTimer=setTimeout(function(){menu.classList.remove('is-open')},80)} 522dropdown.addEventListener('mouseenter',show);dropdown.addEventListener('mouseleave',hide);menu.addEventListener('mouseenter',show);menu.addEventListener('mouseleave',hide);var trigger=dropdown.querySelector('.dropdown-toggle');if(trigger){trigger.addEventListener('click',function(e){e.preventDefault();e.stopPropagation();var isOpen=menu.classList.contains('is-open');document.querySelectorAll('.dropdown-menu.is-open').forEach(function(m){m.classList.remove('is-open')});if(!isOpen)show()})}});document.addEventListener('click',function(){document.querySelectorAll('.dropdown-menu.is-open').forEach(function(m){m.classList.remove('is-open')})})})();</script>
522 523 524</head> 525
526<script> 527document.addEventListener("DOMContentLoaded", function () { 528 529 const btn = document.getElementById("mobile-menu-toggle"); 530 const menu = document.getElementById("mobile-menu"); 531 532 const openIcon = btn.querySelector(".icon-menu"); 533 const closeIcon = btn.querySelector(".icon-close"); 534 535 btn.addEventListener("click", function () { 536 537 menu.classList.toggle("hidden"); 538 539 const isOpen = !menu.classList.contains("hidden"); 540 541 // ICON FIX (this solves your double icon issue) 542 openIcon.style.display = isOpen ? "none" : "block"; 543 closeIcon.style.display = isOpen ? "block" : "none"; 544 545 btn.setAttribute("aria-expanded", isOpen); 546 }); 547 548}); 549</script>
549 550<body data-rsssl=1> 551 552 <!-- Progress Bar --> 553 <div id="progress-bar"></div> 554 555 <!-- Noise --> 556 <div class="bg-noise"></div> 557 558 <!-- Navbar --> 559 <nav id="site-nav" class="site-nav fixed top-0 left-0 right-0 z-50 nav-default"> 560 <div class="max-w-7xl mx-auto px-6 flex items-center justify-between"> 561 <a href="https://www.clickdo.co.uk/" class="flex-shrink-0 relative group site-logo-link"> 562 <span class="site-logo-glow" aria-hidden="true"></span> 563 <img decoding="async" src="https://clickdo.b-cdn.net/wp-content/uploads/2021/06/logo.png" 564 alt="ClickDo Logo" 565 class="site-logo relative z-10" 566 fetchpriority="high" width="140" height="40"> 567 </a> 568 569 <div class="hidden md:flex items-center gap-10"> 570 <a href="https://www.clickdo.co.uk/" class="font-semibold text-base tracking-tight text-white hover:text-[#0284c7] transition-all py-2">Home</a> 571 <a href="https://www.clickdo.co.uk/about-us/" class="font-semibold text-base tracking-tight text-white hover:text-[#0284c7] transition-all py-2">About Us</a> 572 573 <div class="relative dropdown"> 574 <button type="button" class="flex items-center gap-1 font-semibold text-base tracking-tight text-white hover:text-[#0284c7] transition-all py-2 dropdown-toggle" aria-expanded="false"> 575 Marketing 576 <svg viewBox="0 0 24 24" class="w-3 h-3 opacity-50" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/></svg> 577 </button> 578 <div class="absolute top-full left-1\/2 -translate-x-1\/2 w-72 bg-white border border-slate-100 shadow-2xl rounded-2xl py-4 mt-2 dropdown-menu"> 579 <div class="grid gap-1 px-2"> 580 <a href="https://www.clickdo.co.uk/seo-consultant/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">SEO Consulting</a> 581 <a href="https://www.clickdo.co.uk/guest-blogging-services/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Guest Blogging & Outreach</a> 582 <a href="https://www.clickdo.co.uk/branding-support-services/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Branding Services</a> 583 <a href="https://www.clickdo.co.uk/media-consultant/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Media Consulting</a> 584 <a href="https://www.clickdo.co.uk/ppc-consultant/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Google AdWords</a> 585 <a href="https://www.clickdo.co.uk/digital-pr-services/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Digital PR Services</a> 586 <a href="https://www.clickdo.co.uk/link-building-services/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Link Building Services</a> 587 <a href="https://www.clickdo.co.uk/digital-marketing-services/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Digital Marketing Services</a> 588 <a href="https://www.clickdo.co.uk/press-release-services/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Press Release Services</a> 589 </div> 590 </div> 591 </div> 592 593 <div class="relative dropdown"> 594 <button type="button" class="flex items-center gap-1 font-semibold text-base tracking-tight text-white hover:[#0284c7] transition-all py-2 dropdown-toggle" aria-expanded="false"> 595 Blog 596 <svg viewBox="0 0 24 24" class="w-3 h-3 opacity-50" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/></svg> 597 </button> 598 <div class="absolute top-full left-0 w-72 bg-white border border-slate-100 shadow-2xl rounded-2xl py-4 mt-2 dropdown-menu"> 599 <div class="grid gap-1 px-2"> 600 <a href="https://www.clickdo.co.uk/business-news/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">UK Business News</a> 601 <a href="https://www.clickdo.co.uk/home-business/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Home Business News</a> 602 <a href="https://www.clickdo.co.uk/internet-marketing/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Internet Marketing News</a> 603 <a href="https://www.clickdo.co.uk/how-to-start-a-blog/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Start Your Own Blog</a> 604 <a href="https://www.clickdo.co.uk/create-a-blog/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Create A Blog</a> 605 <a href="https://www.clickdo.co.uk/web-design/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">Web Design News</a> 606 <a href="https://www.clickdo.co.uk/how-to-make-money-blogging/" class="block px-4 py-2.5 text-base font-medium text-slate-600 hover:text-[#0284c7] hover:bg-primary/5 rounded-xl transition-all">How to Make Money Blogging</a> 607 </div> 608 </div> 609 </div> 610 611 <a href="https://www.clickdo.co.uk/contact-us/" class="btn-primary !py-2.5 !px-6 text-base text-white">Contact Us</a> 612 </div> 613 614 <button id="mobile-menu-toggle" aria-expanded="false" aria-controls="mobile-menu" class="md:hidden p-2 bg-white\/10 rounded-lg border border-white\/30 text-white mobile-toggle-btn"> 615 <svg class="icon-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/></svg> 616 <svg class="icon-close hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
616<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg> 617 </button> 618 </div> 619 620 <div id="mobile-menu" class="md:hidden bg-[#213a64] border-b border-white/10 overflow-hidden hidden"> 621 <div class="px-6 py-8 flex flex-col gap-6"> 622 <a href="https://www.clickdo.co.uk/" class="font-bold text-white tracking-widest">Home</a> 623 <a href="https://www.clickdo.co.uk/about-us/" class="font-bold text-white tracking-widest">About Us</a> 624 625 <div> 626 <button type="button" data-toggle="marketing-panel" aria-expanded="false" class="flex items-center justify-between w-full font-bold text-white tracking-widest"> 627 Marketing 628 <svg viewBox="0 0 24 24" class="w-4 h-4 transition-transform submenu-icon" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/></svg> 629 </button> 630 <div id="marketing-panel" class="pl-4 flex flex-col gap-3 mt-4 border-l border-white/10 mobile-panel"> 631 <a href="https://www.clickdo.co.uk/seo-consultant/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">SEO Consulting</a> 632 <a href="https://www.clickdo.co.uk/guest-blogging-services/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Guest Blogging & Outreach</a> 633 <a href="https://www.clickdo.co.uk/branding-support-services/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Branding Services</a> 634 <a href="https://www.clickdo.co.uk/media-consultant/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Media Consulting</a> 635 <a href="https://www.clickdo.co.uk/ppc-consultant/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Google AdWords</a> 636 <a href="https://www.clickdo.co.uk/digital-pr-services/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Digital PR Services</a> 637 <a href="https://www.clickdo.co.uk/link-building-services/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Link Building Services</a> 638 <a href="https://www.clickdo.co.uk/digital-marketing-services/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Digital Marketing Services</a> 639 <a href="https://www.clickdo.co.uk/press-release-services/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Press Release Services</a> 640 </div> 641 </div> 642 643 <div> 644 <button type="button" data-toggle="blog-panel" aria-expanded="false" class="flex items-center justify-between w-full font-bold text-white tracking-widest"> 645 Blog 646 <svg viewBox="0 0 24 24" class="w-4 h-4 transition-transform submenu-icon" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/></svg> 647 </button> 648 <div id="blog-panel" class="pl-4 flex flex-col gap-3 mt-4 border-l border-white/10 mobile-panel"> 649 <a href="https://www.clickdo.co.uk/business-news/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">UK Business News</a> 650 <a href="https://www.clickdo.co.uk/home-business/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Home Business News</a> 651 <a href="https://www.clickdo.co.uk/internet-marketing/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Internet Marketing News</a> 652 <a href="https://www.clickdo.co.uk/how-to-start-a-blog/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Start Your Own Blog</a> 653 <a href="https://www.clickdo.co.uk/create-a-blog/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Create A Blog</a> 654 <a href="https://www.clickdo.co.uk/web-design/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">Web Design News</a> 655 <a href="https://www.clickdo.co.uk/how-to-make-money-blogging/" class="text-[10px] font-bold tracking-widest text-slate-400 hover:text-primary">How to Make Money Blogging</a> 656 </div> 657 </div> 658 659 <a href="https://www.clickdo.co.uk/contact-us/" class="font-bold text-white tracking-widest">Contact Us</a> 660 </div> 661 </div> 662 </nav> 663 664 <section class="hero-clickdo hero-dark relative min-h-screen flex items-center py-32 overflow-hidden"> 665 <div class="absolute top-20 right-0 w-[800px] h-[800px] bg-primary/10 rounded-full blur-[120px] -z-10"></div> 666 <div class="absolute bottom-0 left-0 w-[600px] h-[600px] bg-primary/5 rounded-full blur-[100px] -z-10"></div> 667 668 <div class="max-w-7xl mx-auto px-6 relative z-10"> 669 <div class="grid lg:grid-cols-2 gap-20 items-center"> 670 <div class="reveal"> 671 <div class="hero-badge-dark">#1 London SEO Agency</div> 672 673 <h1 class="text-6xl md:text-7xl font-bold leading-[0.9] text-white mb-8 uppercase"> 674 Helping you to <br> get <span class="text-gradient">Clicks</span><br> 675 Visitors &<br> 676 Customers 677 </h1> 678 679 <p class="text-xl text-white/70 mb-12 leading-relaxed max-w-xl font-normal opacity-100"> 680 ClickDo offers consulting on SEO plus marketing & PR, web design & hosting, branding & outreach for comprehensive campaigns. 681 </p> 682 683 <div class="flex flex-wrap gap-6"> 684 <a href="https://www.clickdo.co.uk/contact-us/" class="btn-primary text-white uppercase"> 685 Get Started 686 <svg viewBox="0 0 24 24" class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/></svg> 687 </a> 688 689 <a href="https://www.clickdo.co.uk/seo-consultant/" class="hero-btn-outline border-white text-white hover:border-primary"> 690 Bespoke SEO 691 </a> 692 </div> 693 694 <div class="mt-16 flex items-center gap-6 hero-review-row">
695 <div class="flex -space-x-3"> 696 <img decoding="async" src="https://clickdo.b-cdn.net/wp-content/uploads/2020/03/Nunzio-Prenna.png" class="w-12 h-12 rounded-full border-2 border-[var(--bg)] object-cover" alt="Client" loading="lazy" width="48" height="48"> 697 <img decoding="async" src="https://clickdo.b-cdn.net/wp-content/uploads/2020/03/Craig-Andres.png" class="w-12 h-12 rounded-full border-2 border-[var(--bg)] object-cover" alt="Client" loading="lazy" width="48" height="48"> 698 <img decoding="async" src="https://clickdo.b-cdn.net/wp-content/uploads/2020/03/Martin-Max.png" class="w-12 h-12 rounded-full border-2 border-[var(--bg)] object-cover" alt="Client" loading="lazy" width="48" height="48"> 699 <img decoding="async" src="https://clickdo.b-cdn.net/wp-content/uploads/2020/03/Michael-Deane.png" class="w-12 h-12 rounded-full border-2 border-[var(--bg)] object-cover" alt="Client" loading="lazy" width="48" height="48"> 700 </div> 701 702 <div class="h-10 w-[1px] bg-white/20"></div> 703 704 <div> 705 <div class="flex text-primary gap-0.5 mb-1 hero-stars"> 706 <svg viewBox="0 0 24 24" class="w-3 h-3 fill-current" aria-hidden="true"><path d="M11.48 3.499a.563.563 0 0 1 1.039 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.386a.562.562 0 0 1-.84.61L12.27 17.77a.563.563 0 0 0-.54 0l-4.745 2.897a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.563.563 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345l2.125-5.11Z"/></svg> 707 <svg viewBox="0 0 24 24" class="w-3 h-3 fill-current" aria-hidden="true"><path d="M11.48 3.499a.563.563 0 0 1 1.039 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.386a.562.562 0 0 1-.84.61L12.27 17.77a.563.563 0 0 0-.54 0l-4.745 2.897a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.563.563 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345l2.125-5.11Z"/></svg> 708 <svg viewBox="0 0 24 24" class="w-3 h-3 fill-current" aria-hidden="true"><path d="M11.48 3.499a.563.563 0 0 1 1.039 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.386a.562.562 0 0 1-.84.61L12.27 17.77a.563.563 0 0 0-.54 0l-4.745 2.897a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.563.563 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345l2.125-5.11Z"/></svg> 709 <svg viewBox="0 0 24 24" class="w-3 h-3 fill-current" aria-hidden="true"><path d="M11.48 3.499a.563.563 0 0 1 1.039 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.386a.562.562 0 0 1-.84.61L12.27 17.77a.563.563 0 0 0-.54 0l-4.745 2.897a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.563.563 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345l2.125-5.11Z"/></svg> 710 <svg viewBox="0 0 24 24" class="w-3 h-3 fill-current" aria-hidden="true"><path d="M11.48 3.499a.563.563 0 0 1 1.039 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.386a.562.562 0 0 1-.84.61L12.27 17.77a.563.563 0 0 0-.54 0l-4.745 2.897a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.563.563 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345l2.125-5.11Z"/></svg> 711 </div> 712 <p class="text-[10px] font-bold uppercase tracking-widest text-white/70">1000+ Happy Clients</p> 713 </div> 714 </div> 715 </div> 716 717 718 <div class="relative reveal overflow-hidden !overflow-visible max-w-full" style="transition-delay:0.2s"> 719 <div class="glass-card p-2 relative group hero-card-outer border-white/10"> 720 <div class="absolute -inset-1 bg-gradient-to-r from-primary to-blue-600 rounded-[2.5rem] blur opacity-20 group-hover:opacity-40 transition duration-1000"></div> 721 <div class="relative hero-card-inner backdrop-blur-md rounded-[2.2rem] p-10 border border-white/10 shadow-2xl"> 722 <div class="space-y-6"> 723 <a href="https://www.clickdo.co.uk/seo-consultant/" target="_blank" class="service-card-custom group"> 724 <div class="flex items-center justify-between mb-4"> 725 <div class="flex items-center gap-3"> 726 <div class="service-icon-box"> 727 <svg viewBox="0 0 24 24" class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></svg> 728 </div> 729 <h4 class="font-bold text-white text-xl uppercase tracking-widest leading-none">SEO Consulting</h4> 730 </div> 731 <svg viewBox="0 0 24 24" class="w-4 h-4 text-primary opacity-0 group-hover:opacity-100 transition-opacity" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"/></svg> 732 </div> 733 <p class="text-slate-400 text-sm leading-relaxed">London's #1 SEO experts helping you get more clicks, visitors and customers.</p> 734 </a> 735 736 <a href="https://www.clickdo.co.uk/link-building-services/" target="_blank" class="service-card-custom group"> 737 <div class="flex items-center justify-between mb-4"> 738 <div class="flex items-center gap-3"> 739 <div class="service-icon-box"> 740 <svg viewBox="0 0 24 24" class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"/></svg> 741 </div> 742 <h4 class="font-bold text-white text-xl uppercase tracking-widest leading-none">Link Building</h4> 743 </div> 744 <svg viewBox="0 0 24 24" class="w-4 h-4 text-primary opacity-0 group-hover:opacity-100 transition-opacity" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"/></svg> 745 </div> 746 <p class="text-slate-400 text-sm leading-relaxed">High-quality backlinks from authoritative sites to boost your rankings.</p> 747 </a> 748 </div> 749 </div> 750 </div> 751 752 <div class="trust-strip mt-8"> 753 754 755 <!-- ============================================================ 756 TRUST SECTION â POLISHED VERSION 757 Drop this block + the <style> tag into your page. 758 ============================================================ --> 759 760<div class="trust-wrap"> 761 762 <p class="trust-eyebrow">Trusted by thousands</p> 763 764 <div class="trust-card"> 765 766 <!-- GOOGLE --> 767 <a class="trust-item" href="https://share.google/g0IG9qTeBL7YWtvka" target="_blank" rel="nofollow noopener"> 768 <img decoding="async" 769 class="trust-logo" 770 src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/04/google-logo-white.png" 771 alt="Google Reviews" 772 width="90" 773 height="30" 774 > 775 <div class="trust-scores">
776 <span class="trust-number trust-number--yellow">4.8<span class="trust-denom">/5</span></span> 777 <div class="trust-stars trust-stars--yellow" aria-label="4.8 out of 5 stars"> 778 <svg viewBox="0 0 20 19" aria-hidden="true"><path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z"/></svg> 779 <svg viewBox="0 0 20 19" aria-hidden="true"><path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z"/></svg> 780 <svg viewBox="0 0 20 19" aria-hidden="true"><path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z"/></svg> 781 <svg viewBox="0 0 20 19" aria-hidden="true"><path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z"/></svg> 782 <svg viewBox="0 0 20 19" class="trust-star-half" aria-hidden="true"> 783 <defs><linearGradient id="g-half"><stop offset="80%" stop-color="#facc15"/><stop offset="80%" stop-color="rgba(255,255,255,0.15)"/></linearGradient></defs> 784 <path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z" fill="url(#g-half)"/> 785 </svg> 786 </div> 787 </div> 788 </a> 789 790 <!-- DIVIDER --> 791 <div class="trust-divider" role="separator" aria-hidden="true"></div> 792 793 <!-- TRUSTPILOT --> 794 <a class="trust-item" href="https://www.trustpilot.com/review/www.clickdo.co.uk" target="_blank" rel="nofollow noopener"> 795 <img decoding="async" 796 class="trust-logo" 797 src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/04/trustpilot-logo.webp" 798 alt="Trustpilot Reviews" 799 width="110" 800 height="28" 801 > 802 <div class="trust-scores"> 803 <span class="trust-number trust-number--green">4.9<span class="trust-denom">/5</span></span> 804 <div class="trust-stars trust-stars--green" aria-label="4.9 out of 5 stars"> 805 <svg viewBox="0 0 20 19" aria-hidden="true"><path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z"/></svg> 806 <svg viewBox="0 0 20 19" aria-hidden="true"><path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z"/></svg> 807 <svg viewBox="0 0 20 19" aria-hidden="true"><path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z"/></svg> 808 <svg viewBox="0 0 20 19" aria-hidden="true"><path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z"/></svg> 809 <svg viewBox="0 0 20 19" aria-hidden="true"><path d="M10 .9l2.4 5 5.5.4-4.1 3.6 1.2 5.4L10 13.1l-5 2.2 1.2-5.4L2.1 6.3l5.5-.4z"/></svg> 810 </div> 811 </div> 812 </a> 813 814 </div><!-- /.trust-card --> 815 816 <!-- CTA --> 817<a href="https://www.clickdo.co.uk/case-study/" 818 class="trust-cta" 819 target="_blank" 820 rel="noopener noreferrer"> 821 822 <span>View Case Studies</span> 823
824 <svg class="trust-cta-arrow" viewBox="0 0 20 10" aria-hidden="true"> 825 <path d="M0 5h18M13 1l5 4-5 4" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 826 </svg> 827 828</a> 829 830</div> 831 832</div> 833 834 <!-- Floating Badge --> 835 <div class="absolute -top-10 -right-10 glass-card p-6 border-primary/30 animate-bounce"> 836 837 <div class="flex items-center gap-4"> 838 839 <div class="w-10 h-10 bg-primary/20 rounded-lg flex items-center justify-center"> 840 <i data-lucide="mouse-pointer-2" class="w-5 h-5 text-primary"></i> 841 </div> 842 843 <div> 844 <p class="text-2xl font-bold text-white text-[var(--text)]">98%</p> 845 <p class="text-[10px] text-[var(--text-muted)] uppercase font-bold">Conversion Rate</p> 846 </div> 847 848 </div> 849 850 </div> 851 852 </div> 853 854 </div> 855 </div> 856 857 <!-- Scroll --> 858 <div class="absolute bottom-10 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2"> 859 <div class="w-[1px] h-12 bg-gradient-to-b from-primary to-transparent"></div> 860 <span class="text-[10px] uppercase tracking-[0.3em] text-[var(--text-muted)] font-bold">Scroll</span> 861 </div> 862 863<style> 864.hero-clickdo .btn-outline:hover{ 865 color:#1d263d; 866} 867 868.site-nav{transition:all .5s cubic-bezier(.4,0,.2,1);} 869.site-logo{height:50px;transition:all .5s cubic-bezier(.4,0,.2,1);} 870@media (min-width:768px){.site-logo{height:60px;}} 871.site-logo-link{display:inline-flex;align-items:center;} 872.site-logo-glow{position:absolute;inset:-.5rem;border-radius:9999px;background:rgba(0,102,255,.18);filter:blur(24px);opacity:0;transition:opacity .3s ease;} 873.site-logo-link:hover .site-logo-glow{opacity:1;} 874.hero-dark{background:radial-gradient(circle at 20% 25%, rgba(86,130,214,.18), transparent 34%),linear-gradient(135deg,#11284d 0%,#1a3461 38%,#234273 72%,#26487b 100%);} 875.hero-badge-dark{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:9999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem;backdrop-filter:blur(10px);} 876.hero-badge-dark::before{content:"";width:.5rem;height:.5rem;border-radius:9999px;background:var(--accent);box-shadow:0 0 0 6px rgba(0,102,255,.16);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;} 877.hero-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:1rem 2.5rem;border-radius:9999px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);} 878.hero-btn-outline:hover{background:rgba(255,255,255,.06);transform:translateY(-2px);} 879.hero-card-inner{background:linear-gradient(180deg,rgba(31,64,119,.52) 0%,rgba(22,48,92,.74) 100%);border:1px solid rgba(111,156,230,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(5,16,38,.34);} 880.service-card-custom{display:block;padding:1.8rem;border-radius:1.35rem;border:1px solid rgba(125,168,236,.22);background:linear-gradient(180deg,rgba(51,92,157,.34) 0%,rgba(36,70,125,.46) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:all .45s cubic-bezier(.4,0,.2,1);} 881.service-card-custom:hover{background:linear-gradient(180deg,rgba(60,106,179,.42) 0%,rgba(40,78,141,.56) 100%);transform:translateY(-8px);border-color:rgba(90,157,255,.42);box-shadow:0 24px 48px rgba(7,19,44,.28);} 882.service-icon-box{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(180deg,rgba(32,93,188,.48) 0%,rgba(24,70,142,.56) 100%);border:1px solid rgba(88,145,232,.24);color:#4f9cff;flex-shrink:0;} 883.badge-icon-wrap{background:linear-gradient(180deg,rgba(32,93,188,.5) 0%,rgba(24,70,142,.58) 100%);border:1px solid rgba(88,145,232,.24);} 884.mobile-toggle-btn svg{width:1.5rem;height:1.5rem;display:block;} 885@media (max-width: 767px) { 886 .hero-review-row { flex-wrap: wrap; } 887 .hero-dark { padding-top: 9rem; padding-bottom: 5rem; } 888 889 /* â ADD THESE TWO */ 890 .hero-dark .grid > div:last-child { 891 overflow: hidden !important; 892 } 893 .hero-dark .absolute.-top-10.-right-10 { 894 display: none; 895 } 896} 897 898 899/* Wrapper */ 900.trust-wrap { 901 padding: 0; 902 margin-top: 36px; 903 width: 100%; 904 box-sizing: border-box; 905} 906 907/* Eyebrow label */ 908.trust-eyebrow { 909 font-size: 11px; 910 font-weight: 600; 911 letter-spacing: 2.5px; 912 text-transform: uppercase; 913 color: rgba(255, 255, 255, 0.45); 914 margin-bottom: 18px; 915} 916 917/* Card container */ 918.trust-card { 919 display: flex; 920 align-items: center; 921 justify-content: center; 922 gap: 0; 923 background: #1e3866; 924 border: 1px solid rgba(255, 255, 255, 0.10); 925 border-radius: 16px; 926 padding: 22px 28px; 927 width: 100%; 928 max-width: 100%; 929 box-sizing: border-box; 930 overflow: hidden; 931} 932 933/* Each platform block */ 934.trust-item { 935 display: flex; 936 align-items: center; 937 gap: 18px;
938 text-decoration: none; 939 padding: 4px 28px 4px 0; 940 transition: opacity 0.18s ease; 941 cursor: pointer; 942} 943.trust-item:first-child { padding-left: 0; } 944.trust-item:last-child { padding-right: 0; padding-left: 28px; } 945.trust-item:hover { opacity: 0.82; } 946 947/* Logo */ 948.trust-logo { 949 display: block; 950 height: 44px; 951 width: auto; 952 object-fit: contain; 953 filter: brightness(1.05); 954 flex-shrink: 0; 955} 956 957/* Score block */ 958.trust-scores { 959 display: flex; 960 flex-direction: column; 961 gap: 5px; 962} 963 964/* Number */ 965.trust-number { 966 font-size: 30px; 967 font-weight: 800; 968 line-height: 1; 969 letter-spacing: -0.5px; 970} 971.trust-denom { 972 font-size: 16px; 973 font-weight: 500; 974 opacity: 0.65; 975} 976.trust-number--yellow { color: #facc15; } 977.trust-number--green { color: #22c55e; } 978 979/* Stars row */ 980.trust-stars { 981 display: flex; 982 gap: 3px; 983 align-items: center; 984} 985.trust-stars svg { 986 width: 16px; 987 height: 16px; 988 display: block; 989} 990.trust-stars--yellow svg { fill: #facc15; } 991.trust-stars--green svg { fill: #22c55e; } 992.trust-star-half svg { fill: url(#g-half); } 993 994/* Divider */ 995.trust-divider { 996 width: 1px; 997 height: 52px; 998 background: rgba(255, 255, 255, 0.12); 999 flex-shrink: 0; 1000} 1001 1002/* CTA link */ 1003.trust-cta { 1004 display: flex; /* â was inline-flex */ 1005 justify-content: center; /* â centres the arrow link */ 1006 align-items: center; 1007 gap: 10px; 1008 margin-top: 22px; 1009 font-size: 15px; 1010 font-weight: 600; 1011 color: rgba(255, 255, 255, 0.75); 1012 text-decoration: none; 1013 letter-spacing: 0.2px; 1014 transition: color 0.2s ease, gap 0.2s ease; 1015} 1016.trust-cta-arrow { 1017 width: 20px; 1018 height: 10px; 1019 color: inherit; 1020 transition: transform 0.2s ease; 1021} 1022.trust-cta:hover { 1023 color: #ffffff; 1024 gap: 14px; 1025} 1026.trust-cta:hover .trust-cta-arrow { 1027 transform: translateX(3px); 1028} 1029/* ââ ADD: sits with the other trust-* rules, no media query ââ */ 1030.trust-strip { 1031 width: 100%; 1032 overflow: hidden; 1033 box-sizing: border-box; 1034} 1035 1036 1037/* ============================================= 1038 RESPONSIVE â MOBILE 1039 ============================================= */ 1040@media (max-width: 640px) { 1041 .trust-wrap { padding: 0; margin-top: 28px; } /* â was: padding: 0 16px */ 1042 1043 .trust-card { 1044 flex-direction: column; 1045 align-items: center; 1046 text-align: center; 1047 padding: 18px 20px; 1048 gap: 0; 1049 width: 100%; 1050 box-sizing: border-box; 1051 } 1052 1053 .trust-item { 1054 padding: 14px 0 !important; 1055 width: 100%; 1056 justify-content: center; 1057 text-align: center; 1058} 1059 1060 .trust-divider { 1061 width: 100%; 1062 height: 1px; 1063 background: rgba(255, 255, 255, 0.10); 1064 } 1065 1066 .trust-logo { height: 26px; } 1067 .trust-number { font-size: 26px; } 1068 .trust-stars svg { width: 14px; height: 14px; } 1069 .trust-cta { font-size: 14px; } 1070} 1071 1072 </style> 1073 1074</section> 1075 1076 <!-- Marquee --> 1077<div class="py-16 bg-primary border-y border-white/20 overflow-hidden whitespace-nowrap relative"> 1078 1079 <div class="marquee-track"> 1080 1081 <div class="flex gap-20 items-center px-10"> 1082 1083 <span class="text-4xl font-bold text-white/40 uppercase tracking-tighter"> 1084 SEO Experts 1085 </span> 1086 1087 <div class="w-3 h-3 bg-white rounded-full"></div> 1088 1089 <span class="text-4xl font-bold text-white uppercase tracking-tighter"> 1090 Results Driven 1091 </span> 1092 1093 <div class="w-3 h-3 bg-white/30 rounded-full"></div> 1094 1095 <span class="text-4xl font-bold text-white/40 uppercase tracking-tighter"> 1096 Bespoke SEO Agency 1097 </span> 1098 1099 <div class="w-3 h-3 bg-white rounded-full"></div> 1100 1101 <span class="text-4xl font-bold text-white uppercase tracking-tighter"> 1102 London's Best 1103 </span> 1104 1105 <div class="w-3 h-3 bg-white/30 rounded-full"></div> 1106 1107 </div> 1108 1109 <div class="flex gap-20 items-center px-10"> 1110 1111 <span class="text-4xl font-bold text-white/40 uppercase tracking-tighter"> 1112 Creative Agency 1113 </span> 1114 1115 <div class="w-3 h-3 bg-white rounded-full"></div> 1116
1117 <span class="text-4xl font-bold text-white uppercase tracking-tighter"> 1118 Local SEO 1119 </span> 1120 1121 <div class="w-3 h-3 bg-white/30 rounded-full"></div> 1122 1123 <span class="text-4xl font-bold text-white/40 uppercase tracking-tighter"> 1124 Brand Visibility 1125 </span> 1126 1127 <div class="w-3 h-3 bg-white rounded-full"></div> 1128 1129 <span class="text-4xl font-bold text-white uppercase tracking-tighter"> 1130 Web Design 1131 </span> 1132 1133 <div class="w-3 h-3 bg-white/30 rounded-full"></div> 1134 1135 </div> 1136 1137 </div> 1138 1139</div> 1140 1141 <!-- London Agency Section --> 1142 <section class="py-40 relative overflow-hidden"> 1143 <div class="max-w-7xl mx-auto px-6"> 1144 <div class="grid lg:grid-cols-2 gap-24 items-center"> 1145 <div class="relative reveal"> 1146 <div class="absolute -inset-10 bg-primary/10 blur-[100px] rounded-full"></div> 1147 <div class="relative glass-card !overflow-visible p-4 rotate-2 hover:rotate-0 transition-transform duration-700"> 1148 <img decoding="async" src="https://clickdo.b-cdn.net/wp-content/themes/clickdo-main-theme/images/home-v1/seo-agency-consultants-in-london.webp" alt="London SEO" class="rounded-2xl w-full grayscale hover:grayscale-0 transition-all duration-700" referrerPolicy="no-referrer"> 1149 <div class="absolute -bottom-12 -left-12 glass-card p-8 border-primary/30 hidden md:block z-20 animate-float"> 1150 <div class="flex items-center gap-4"> 1151 <div class="w-12 h-12 bg-primary/20 rounded-xl flex items-center justify-center"> 1152 <i data-lucide="award" class="w-6 h-6 text-primary"></i> 1153 </div> 1154 <div> 1155 <h4 class="text-2xl font-bold text-[var(--text)] leading-none">LONDON'S #1</h4> 1156 <p class="text-primary font-bold uppercase tracking-widest text-[10px] mt-1">SEO AUTHORITY</p> 1157 </div> 1158 </div> 1159 </div> 1160 </div> 1161 </div> 1162 1163 <div class="reveal" style="transition-delay: 0.2s;"> 1164 <div class="text-primary font-bold uppercase tracking-[0.3em] text-xs mb-6">Local Dominance</div> 1165 <h2 class="text-5xl md:text-7xl font-bold text-[var(--text)] mb-10 leading-none"> 1166 LONDON SEO <br> 1167 <span class="text-gradient">SERVICES AGENCY</span> 1168 </h2> 1169 <h3 class="text-2xl font-bold text-primary mb-8 uppercase tracking-widest">How can an agency help?</h3> 1170 <div class="space-y-8 text-[var(--text-muted)] leading-relaxed font-normal text-lg"> 1171 <p>SEO in 2026 has taken new leap with many old school SEO strategies does now work anymore. Many local business owners in the UK have started to think, SEO is dead or doesnât work, but we have news for you and if you checked the case studies, weâve shared you know SEO works better than ever.</p> 1172 <p>SEO works but it takes time and more resources to get the desired results. Weâve worked with hundreds of <a href="https://www.ukbusinesslist.co.uk" target="_blank" class="text-primary hover:underline font-semibold">businesses in the UK</a> when we analysed the cases where business websites rank, it always comes to building a brand and perseverance of the business owners and the SEO consultants.</p> 1173 <p>At ClickDo we specialise in UK local search engine optimization services. Our own ranks and the ranks weâve achieved for our clientâs websites will give you a glimpse of our skills. When you first contact us and request for a SEO audit, we will analyse your business and identify what strategies will work for your business. We write the blueprint and you will have the opportunity to ask us any questions.</p> 1174 </div> 1175 <div class="mt-12"> 1176 <a href="https://www.clickdo.co.uk/seo-consultant/" class="btn-primary text-white uppercase">Request SEO Audit <i data-lucide="arrow-right" class="w-5 h-5"></i></a> 1177 </div> 1178 </div> 1179 </div> 1180 </div> 1181 </section> 1182 1183 <!-- We Knowhow SEO Works Section --> 1184<section class="py-40 bg-white relative overflow-hidden"> 1185 <div class="max-w-7xl mx-auto px-6 text-center reveal"> 1186 1187 <h2 class="text-5xl md:text-7xl font-bold text-[var(--text)] mb-10 leading-[1.1] uppercase tracking-tight">
1188 <span class="bg-primary/10 text-primary px-6 py-2 rounded-2xl uppercase text-4xl inline-block mb-4"> 1189 We   Know 1190 </span> 1191 <br> 1192 How SEO Works <br> 1193 <span class="text-gradient">To Get Leads From Google</span> 1194 </h2> 1195 1196 <p class="text-[var(--text-muted)] text-xl mb-12 max-w-3xl mx-auto font-normal leading-relaxed"> 1197 You came here because you found us online! Thatâs exactly what we will do for your website to be found by your ideal customers. Letâs get your website rank higher on Google and be #1! 1198 </p> 1199 1200 <a href="https://www.clickdo.co.uk/contact-us/" class="btn-primary text-white uppercase"> 1201 Get started 1202 <i data-lucide="arrow-right" class="w-5 h-5"></i> 1203 </a> 1204 1205 </div> 1206</section> 1207 1208 <!-- Services --> 1209<section class="py-40 relative overflow-hidden"> 1210 1211<div class="max-w-7xl mx-auto px-6 relative z-10"> 1212 1213<div class="flex flex-col md:flex-row md:items-end justify-between mb-20 gap-8 reveal"> 1214 1215<div class="max-w-2xl"> 1216<div class="text-primary font-bold uppercase tracking-[0.3em] text-xs mb-4"> 1217Our Expertise 1218</div> 1219 1220<h2 class="text-5xl md:text-6xl font-bold text-[var(--text)] leading-none uppercase"> 1221TAILORED SEO <br> 1222<span class="text-gradient">AGENCY SERVICES</span> 1223</h2> 1224</div> 1225 1226<p class="text-[var(--text-muted)] max-w-xs text-sm font-medium uppercase tracking-widest leading-relaxed"> 1227Check each services that will be tailored for your online business needs. 1228</p> 1229 1230</div> 1231 1232 1233<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> 1234 1235 1236<!-- 1 SEO --> 1237<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal"> 1238<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1239<i data-lucide="search" class="w-40 h-40 text-[var(--text)]"></i> 1240</div> 1241 1242<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1243<i data-lucide="search" class="w-8 h-8 text-primary group-hover:text-white"></i> 1244</div> 1245 1246<h3 class="text-2xl font-bold text-[var(--text)] mb-6">SEO</h3> 1247 1248<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1249SEO Experts at ClickDo have vast experience in working with different niches and ranking the sites on Google SERP's. We have bunch of SEO case studies in different niches and our experts have ranked business websites in highly competitive niches. 1250</p> 1251 1252<a href="https://www.clickdo.co.uk/seo-consultant/" target="_blank" 1253class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1254Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1255</a> 1256</div> 1257 1258 1259<!-- 2 Media Consultation --> 1260<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal" style="transition-delay:0.1s;"> 1261<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1262<i data-lucide="globe" class="w-40 h-40 text-[var(--text)]"></i> 1263</div> 1264 1265<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1266<i data-lucide="globe" class="w-8 h-8 text-primary group-hover:text-white"></i> 1267</div> 1268 1269<h3 class="text-2xl font-bold text-[var(--text)] mb-6">Media Consultation</h3> 1270 1271<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1272A free Media Consultation with the ClickDo experts who possess over 10 years experience working with various industries to enhance brand visibility, engagement, and reach, aims to carve out your unique marketing goals to create a tailored media strategy for success. 1273</p> 1274 1275<a href="https://www.clickdo.co.uk/media-consultant/" target="_blank" 1276class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1277Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1278</a> 1279</div> 1280 1281 1282<!-- 3 Google Ads --> 1283<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal" style="transition-delay:0.2s;"> 1284<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1285<i data-lucide="target" class="w-40 h-40 text-[var(--text)]"></i> 1286</div> 1287 1288<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1289<i data-lucide="target" class="w-8 h-8 text-primary group-hover:text-white"></i> 1290</div> 1291 1292<h3 class="text-2xl font-bold text-[var(--text)] mb-6">Google Ads Services</h3> 1293 1294<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1295ClickDo experts have been ranking hundreds of customers through SEO and PPC services. Our experience + knowledge with organic SEO standards and Ads Quality Scores for optimal ranking in organic SEO as well as PPC will get your business website up to the top. 1296</p> 1297 1298<a href="https://www.clickdo.co.uk/ppc-consultant/" target="_blank" 1299class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1300Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1301</a> 1302</div> 1303 1304 1305<!-- 4 Web Design --> 1306<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal"> 1307<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1308<i data-lucide="layout" class="w-40 h-40 text-[var(--text)]"></i> 1309</div> 1310 1311<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1312<i data-lucide="layout" class="w-8 h-8 text-primary group-hover:text-white"></i> 1313</div> 1314 1315<h3 class="text-2xl font-bold text-[var(--text)] mb-6">Web Design Services</h3> 1316 1317<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1318Our versatile ClickDo experts help you find the best UK web hosting for your business with different c
1318ompetitive hosting packages tailored to your individual business needs. Our technicians can design a customized hosting solution for you. 1319</p> 1320 1321<a href="https://www.clickdo.co.uk/bespoke-website-design-services/" target="_blank" 1322class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1323Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1324</a> 1325</div> 1326 1327 1328<!-- 5 Link Building --> 1329<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal" style="transition-delay:0.1s;"> 1330<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1331<i data-lucide="share-2" class="w-40 h-40 text-[var(--text)]"></i> 1332</div> 1333 1334<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1335<i data-lucide="share-2" class="w-8 h-8 text-primary group-hover:text-white"></i> 1336</div> 1337 1338<h3 class="text-2xl font-bold text-[var(--text)] mb-6">Link Building Services</h3> 1339 1340<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1341Our link building services are provided by our experienced SEO team and we get links from top local business websites, news, media and niche relevant online publications by publishing compelling content about your business. 1342</p> 1343 1344<a href="https://www.clickdo.co.uk/link-building-services/" target="_blank" 1345class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1346Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1347</a> 1348</div> 1349 1350 1351<!-- 6 Guest Posting --> 1352<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal" style="transition-delay:0.2s;"> 1353<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1354<i data-lucide="megaphone" class="w-40 h-40 text-[var(--text)]"></i> 1355</div> 1356 1357<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1358<i data-lucide="megaphone" class="w-8 h-8 text-primary group-hover:text-white"></i> 1359</div> 1360 1361<h3 class="text-2xl font-bold text-[var(--text)] mb-6">Guest Posting Services</h3> 1362 1363<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1364ClickDo Guest Posting Services are the most effective way to get your website mentioned on high-quality sites with contextual backlinks pointing to your online business to boost your SEO and ranks. 1365</p> 1366 1367<a href="https://www.clickdo.co.uk/guest-posting-service/" target="_blank" 1368class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1369Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1370</a> 1371</div> 1372 1373 1374<!-- 7 Citation --> 1375<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal"> 1376<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1377<i data-lucide="pen-tool" class="w-40 h-40 text-[var(--text)]"></i> 1378</div> 1379 1380<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1381<i data-lucide="pen-tool" class="w-8 h-8 text-primary group-hover:text-white"></i> 1382</div> 1383 1384<h3 class="text-2xl font-bold text-[var(--text)] mb-6">Citation Building</h3> 1385 1386<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1387Citation building is a key factor in SEO as it enhances the presence of your business on the web for potential customers to be found. Our SEO experts submit your business details to hundreds of popular UK business directories. 1388</p> 1389 1390<a href="https://www.clickdo.co.uk/citation-building-services/" target="_blank" 1391class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1392Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1393</a> 1394</div> 1395 1396 1397<!-- 8 Web Hosting --> 1398<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal" style="transition-delay:0.1s;"> 1399<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1400<i data-lucide="globe" class="w-40 h-40 text-[var(--text)]"></i> 1401</div> 1402 1403<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1404<i data-lucide="globe" class="w-8 h-8 text-primary group-hover:text-white"></i> 1405</div> 1406 1407<h3 class="text-2xl font-bold text-[var(--text)] mb-6">Web Hosting</h3> 1408 1409<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1410At ClickDo we understand the importance of an outstanding website as the ultimate gateway to your business online. It must be user friendly, compatible with all devices, loading fast, SEO-optimised, and attractive. 1411</p> 1412 1413<a href="https://www.clickdo.co.uk/web-hosting/" target="_blank" 1414class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1415Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1416</a> 1417</div> 1418 1419 1420<!-- 9 Facebook --> 1421<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal" style="transition-delay:0.2s;"> 1422<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1423<i class="fa-brands fa-facebook w-40 h-40 text-[var(--text)]" style="font-size:10rem;"></i> 1424</div> 1425 1426<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1427<i class="fa-brands fa-facebook w-8 h-8 text-primary group-hover:text-white" style="font-size:2rem;"></i> 1428</div> 1429 1430<h3 class="text-2xl font-bold text-[var(--text)] mb-6">Facebook Marketing</h3> 1431 1432<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1433he ClickDo Facebook Marketing Experts deliver successful results, helping you engage with your audience by targeting them based on their interests, demographics and buying potential. We do all the research for you. 1434</p> 1435 1436<a href="https://www.clickdo.co.uk/facebook-advertising-consultant/" target="_blank" 1437class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1438Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1439</a> 1440</div> 1441 1442 1443<!-- 10 Press Release --> 1444<div class="glass-card p-10 group relative hover:-translate-y-2 transition-transform reveal"> 1445<div class="absolute top-6 right-6 opacity-[0.04] group-hover:opacity-[0.1] group-hover:rotate-12 transition-all duration-700 pointer-events-none"> 1446<i data-lucide="mail" class="w-40 h-40 text-[var(--text)]"></i> 1447</div> 1448 1449<div class="w-16 h-16 bg-primary/5 rounded-2xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all"> 1450<i data-lucide="mail" class="w-8 h-8 text-primary group-hover:text-white"></i> 1451</div> 1452 1453<h3 class="text-2xl font-bold text-[var(--text)] mb-6">Press Release Services</h3> 1454 1455<p class="text-[var(--text-muted)] text-lg leading-relaxed mb-10 font-medium"> 1456The ClickDo SEO copywriters draft outstanding press releases for your business news, events, and other developments you want to share with the world. When distributed to our top publishers who will get it published. 1457</p> 1458 1459<a href="https://www.clickdo.co.uk/press-release-services/" target="_blank" 1460class="inline-flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] group-hover:text-primary transition-colors"> 1461Explore Service <i data-lucide="arrow-right" class="w-4 h-4"></i> 1462</a> 1463</div> 1464 1465 1466</div> 1467</div> 1468</section> 1469 1470 <!-- Stats --> 1471<section class="py-40 bg-primary relative overflow-hidden"> 1472 1473 <!-- Optional soft glow --> 1474 <div class="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.15),transparent_60%)]"></div> 1475 1476 <div class="max-w-7xl mx-auto px-6 relative z-10"> 1477 1478 <div class="grid md:grid-cols-4 gap-16 text-center"> 1479 1480 <div class="reveal"> 1481 1482 <div class="w-20 h-20 bg-white/10 rounded-3xl flex items-center justify-center mx-auto mb-8 border border-white/20 shadow-lg"> 1483 <i data-lucide="zap" class="w-10 h-10 text-white" stroke-width="1.5"></i> 1484 </div> 1485 1486 <h4 class="text-6xl font-bold text-white mb-3 counter tracking-tighter" data-target="1.2" data-suffix="K+">0</h4> 1487 1488 <p class="text-xs font-semibold uppercase tracking-[0.2em] text-white/70"> 1489 Projects Completed 1490 </p> 1491 1492 </div> 1493 1494 1495 <div class="reveal" style="transition-delay:0.1s;"> 1496 1497 <div class="w-20 h-20 bg-white/10 rounded-3xl flex items-center justify-center mx-auto mb-8 border border-white/20 shadow-lg"> 1498 <i data-lucide="globe" class="w-10 h-10 text-white" stroke-width="1.5"></i> 1499 </div> 1500 1501 <h4 class="text-6xl font-bold text-white mb-3 counter tracking-tighter" data-target="5" data-suffix="M+">0</h4> 1502 1503 <p class="text-xs font-semibold uppercase tracking-[0.2em] text-white/70"> 1504 Organic Traffic 1505 </p> 1506 1507 </div> 1508 1509 1510 <div class="reveal" style="transition-delay:0.2s;"> 1511 1512 <div class="w-20 h-20 bg-white/10 rounded-3xl flex items-center justify-center mx-auto mb-8 border border-white/20 shadow-lg"> 1513 <i data-lucide="shield" class="w-10 h-10 text-white" stroke-width="1.5"></i> 1514 </div> 1515 1516 <h4 class="text-6xl font-bold text-white mb-3 counter tracking-tighter" data-target="95" data-suffix="%">0</h4> 1517 1518 <p class="text-xs font-semibold uppercase tracking-[0.2em] text-white/70"> 1519 Client Retention 1520 </p> 1521 1522 </div> 1523 1524 1525 <div class="reveal" style="transition-delay:0.3s;"> 1526 1527 <div class="w-20 h-20 bg-white/10 rounded-3xl flex items-center justify-center mx-auto mb-8 border border-white/20 shadow-lg"> 1528 <i data-lucide="trending-up" class="w-10 h-10 text-white" stroke-width="1.5"></i> 1529 </div> 1530 1531 <h4 class="text-6xl font-bold text-white mb-3 counter tracking-tighter" data-target="300" data-suffix="%">0</h4> 1532 1533 <p class="text-xs font-semibold uppercase tracking-[0.2em] text-white/70"> 1534 ROI Average 1535 </p> 1536 1537 </div> 1538 1539 </div> 1540 1541 </div> 1542 1543</section> 1544 1545 <!-- Why Choose Us --> 1546<section class="py-40"> 1547<div class="max-w-7xl mx-auto px-6"> 1548 1549 1550<!-- TEXT + VIDEO --> 1551<div class="grid lg:grid-cols-2 gap-24 items-center mb-32"> 1552 1553<!-- LEFT CONTENT --> 1554<div class="reveal"> 1555 1556<h2 class="text-5xl md:text-7xl font-bold text-[var(--text)] leading-[0.9] mb-10"> 1557WHY CHOOSE <br> 1558<span class="text-gradient">CLICKDO SEO?</span> 1559</h2> 1560 1561<p class="text-[var(--text-muted)] leading-relaxed mb-6 text-lg"> 1562We have a track record of proven SEO skills to rank higher on search engines. Our own website attracts thousands of visitors each month and we stand for what we preach. 1563</p> 1564 1565<p class="text-[var(--text-muted)] leading-relaxed mb-6 text-lg"> 1566We know how SEO works and it all starts with a great website. We prefer to build websites on WordPress as itâs easy to manage and Google bots love the code. Once the website is built by 1567<a href="https://www.clickdo.co.uk/seo-consultant/" class="text-primary hover:underline"> 1568our in-house SEO experts</a> we carry out the on page SEO. 1569</p> 1570 1571<p class="text-[var(--text-muted)] leading-relaxed mb-6 text-lg"> 1572Then we start the off site SEO work with Business Directory listing on the top 100 for 1573<a href="https://www.clickdo.co.uk/citation-building-services/" target="_blank" class="text-primary hover:underline"> 1574citations</a>. At the same time we start blogger outreach <a href="https://www.clickdo.co.uk/guest-posting-service/" class="text-primary hover:underline">guest posting services</a>, which helps any website rank on first page of Google. 1575</p> 1576 1577<p class="text-[var(--text-muted)] leading-relaxed text-lg"> 1578You can see the organic traffic data to <a href="https://www.clickdo.co.uk/" target="_blank" class="text-primary hover:underline"> our SEO agency</a>
1578 website. So you know we know how to drive traffic. 1579</p> 1580 1581</div> 1582 1583 1584<!-- RIGHT VIDEO --> 1585<div class="relative group reveal"> 1586 1587<div class="absolute inset-0 bg-primary/10 blur-3xl rounded-[3rem] opacity-40"></div> 1588 1589<div class="relative rounded-[3rem] overflow-hidden aspect-[4/5] border border-[var(--card-border)] shadow-2xl"> 1590 1591<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/03/seo-experts-london-uk.webp" 1592class="w-full h-full object-cover opacity-90 group-hover:scale-110 transition-transform duration-1000" 1593alt="ClickDo SEO Experts" 1594referrerPolicy="no-referrer"> 1595 1596<div class="absolute inset-0 flex items-center justify-center"> 1597 1598<a href="https://youtu.be/WNf2zU2zQ-Y" target="_blank" 1599class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-white shadow-2xl hover:scale-110 transition-transform"> 1600 1601<i data-lucide="play" class="w-10 h-10 fill-current"></i> 1602 1603</a> 1604 1605</div> 1606 1607</div> 1608 1609</div> 1610 1611</div> 1612 1613 1614<!-- FEATURE CARDS --> 1615<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-8 mb-40 reveal"> 1616 1617<div class="p-8 bg-[var(--card-bg)] border border-[var(--card-border)] rounded-2xl shadow-[0_10px_30px_rgba(0,0,0,0.06)] hover:shadow-[0_18px_45px_rgba(0,0,0,0.1)] hover:border-primary transition-all duration-500"> 1618<h4 class="font-bold text-[var(--text)] uppercase tracking-widest text-lg mb-4"> 1619Top SEO Expert Advice 1620</h4> 1621<p class="text-[var(--text-muted)] text-lg leading-relaxed"> 1622The ClickDo Team is by your side to provide you with the best advice and services to make your online business succeed. 1623</p> 1624</div> 1625 1626<div class="p-8 bg-[var(--card-bg)] border border-[var(--card-border)] rounded-2xl shadow-[0_10px_30px_rgba(0,0,0,0.06)] hover:shadow-[0_18px_45px_rgba(0,0,0,0.1)] hover:border-primary transition-all duration-500"> 1627<h4 class="font-bold text-[var(--text)] uppercase tracking-widest text-lg mb-4"> 1628Additional Web Registration 1629</h4> 1630<p class="text-[var(--text-muted)] text-lg leading-relaxed"> 1631At ClickDo we care about every aspect of your online business and offer web design, hosting and digital marketing training. 1632</p> 1633</div> 1634 1635<div class="p-8 bg-[var(--card-bg)] border border-[var(--card-border)] rounded-2xl shadow-[0_10px_30px_rgba(0,0,0,0.06)] hover:shadow-[0_18px_45px_rgba(0,0,0,0.1)] hover:border-primary transition-all duration-500"> 1636<h4 class="font-bold text-[var(--text)] uppercase tracking-widest text-lg mb-4"> 1637SEO Friendly Content 1638</h4> 1639<p class="text-[var(--text-muted)] text-lg leading-relaxed"> 1640Our experts support you with web content for your business site that is sure to rank well for relevant keywords. 1641</p> 1642</div> 1643 1644<div class="p-8 bg-[var(--card-bg)] border border-[var(--card-border)] rounded-2xl shadow-[0_10px_30px_rgba(0,0,0,0.06)] hover:shadow-[0_18px_45px_rgba(0,0,0,0.1)] hover:border-primary transition-all duration-500"> 1645<h4 class="font-bold text-[var(--text)] uppercase tracking-widest text-lg mb-4"> 1646Integrated Marketing 1647</h4> 1648<p class="text-[var(--text-muted)] text-lg leading-relaxed"> 1649At ClickDo we cover SEO, social media marketing, email marketing and PR all in one. 1650</p> 1651</div> 1652 1653</div> 1654 1655 1656<!-- Website Creation Card --> 1657<div class="glass-card p-12 md:p-24 relative overflow-hidden border-[var(--card-border)] shadow-[0_20px_60px_rgba(0,0,0,0.08)] hover:shadow-[0_30px_80px_rgba(0,0,0,0.12)] transition-all duration-500 reveal"> 1658 1659<div class="absolute top-0 right-0 w-[500px] h-[500px] bg-primary/10 rounded-full blur-[100px] -translate-y-1/2 translate-x-1/2"></div> 1660 1661<div class="relative z-10 grid lg:grid-cols-2 gap-20 items-center"> 1662 1663<div> 1664 1665<div class="text-primary font-bold uppercase tracking-[0.3em] text-xs mb-6"> 1666Digital Craftsmanship 1667</div> 1668 1669<h2 class="text-5xl md:text-6xl font-bold text-[var(--text)] mb-10 leading-none"> 1670WE CREATE <br> 1671<span class="text-gradient">SEO FRIENDLY</span> <br> 1672WEBSITES 1673</h2> 1674 1675<p class="text-[var(--text-muted)] text-xl mb-16 font-light leading-relaxed"> 1676Latest websites need to be unique to stand out from the competition. They have to be user-friendly and mobile responsive. 1677</p> 1678 1679<div class="grid gap-12"> 1680 1681<div class="flex gap-8 items-start group"> 1682<span class="text-5xl font-bold text-gray-400 group-hover:text-primary transition-colors duration-300 leading-none">01</span> 1683<div> 1684<h4 class="text-xl font-bold text-[var(--text)] mb-2 uppercase tracking-tight">Have An Idea</h4> 1685<p class="text-sm text-[var(--text-muted)] uppercase tracking-widest font-bold"> 1686You share it with us and we create your unique website 1687</p> 1688</div> 1689</div> 1690 1691<div class="flex gap-8 items-start group"> 1692<span class="text-5xl font-bold text-gray-400 group-hover:text-primary transition-colors duration-300 leading-none">02</span> 1693<div> 1694<h4 class="text-xl font-bold text-[var(--text)] mb-2 uppercase tracking-tight">Modern UI/UX</h4> 1695<p class="text-sm text-[var(--text-muted)] uppercase tracking-widest font-bold"> 1696We use modern UI/UX technologies to craft your business website 1697</p> 1698</div> 1699</div> 1700 1701<div class="flex gap-8 items-start group"> 1702<span class="text-5xl font-bold text-gray-400 group-hover:text-primary transition-colors duration-300 leading-none"> 170303 1704</span> 1705<div> 1706<h4 class="text-xl font-bold text-[var(--text)] mb-2 uppercase tracking-tight">Bespoke Dev</h4> 1707<p class="text-sm text-[var(--text-muted)] uppercase tracking-widest font-bold"> 1708We focus on bespoke web development, so your website is unique 1709</p> 1710</div> 1711</div> 1712 1713<div class="flex gap-8 items-start group"> 1714<span class="text-5xl font-bold text-gray-400 group-hover:text-primary transition-colors duration-300 leading-none">04</span> 1715<div> 1716<h4 class="text-xl font-bold text-[var(--text)] mb-2 uppercase tracking-tight">SEO-Friendly</h4> 1717<p class="text-sm text-[var(--text-muted)] uppercase tracking-widest font-bold"> 1718Unique bespoke websites are picked up easily by Google search 1719</p> 1720</div> 1721</div> 1722 1723</div> 1724 1725</div> 1726 1727<div class="hidden lg:block"> 1728<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/03/digital-marketing-company.webp"
1729alt="Web Design Company" 1730class="rounded-3xl shadow-2xl border border-[var(--card-border)]" 1731referrerPolicy="no-referrer"> 1732</div> 1733 1734</div> 1735</div> 1736 1737</div> 1738</section> 1739 1740 <!-- Modern CTA Section --> 1741 <section class="py-40 relative overflow-hidden"> 1742 <div class="absolute inset-0 bg-primary/5 -z-10"></div> 1743 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-primary/10 rounded-full blur-[150px] -z-10 animate-pulse"></div> 1744 1745 <div class="max-w-5xl mx-auto px-6 text-center relative z-10 reveal"> 1746 <h2 class="text-7xl md:text-8xl font-bold text-[var(--text)] mb-12 leading-[0.9] uppercase tracking-tighter"> 1747 Get Your Website <br> 1748 <span class="text-gradient">Ranked #1</span> 1749 </h2> 1750 <p class="text-[var(--text-muted)] text-xl mb-16 max-w-2xl mx-auto font-normal leading-relaxed"> 1751 You came here because you found us online! Thatâs exactly what we will do for your website to be found by your ideal customers. 1752 </p> 1753 <a href="https://www.clickdo.co.uk/seo-consultant/" class="btn-primary text-white text-xl px-12 py-6 uppercase"> 1754 Start Your Journey <i data-lucide="arrow-right" class="w-6 h-6"></i> 1755 </a> 1756 </div> 1757 </section> 1758 1759 <!-- Help Cards --> 1760 <section class="py-40"> 1761 <div class="max-w-7xl mx-auto px-6"> 1762 <div class="grid md:grid-cols-3 gap-8"> 1763 <div class="glass-card p-12 group border-white/20 shadow-xl hover:shadow-2xl transition-all duration-500 reveal"> 1764 <div class="w-12 h-12 bg-primary/5 rounded-xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all duration-500"> 1765 <i data-lucide="book-open" class="w-6 h-6 text-primary group-hover:text-white transition-colors"></i> 1766 </div> 1767 <h3 class="text-3xl font-bold text-[var(--text)] uppercase mb-6 tracking-tight">Learn Marketing</h3> 1768 <p class="text-[var(--text-muted)] mb-10 text-lg leading-relaxed font-normal opacity-80">As a business owner itâs vital you learn how online marketing works to scale effectively.</p> 1769 <a href="https://clickdo.co.uk/digital-marketing/" class="text-primary font-bold flex items-center gap-3 group-hover:gap-5 transition-all text-xs uppercase tracking-[0.2em]"> 1770 Start Learning <i data-lucide="arrow-right" class="w-4 h-4"></i> 1771 </a> 1772 </div> 1773 <div class="glass-card p-12 group border-white/20 shadow-xl hover:shadow-2xl transition-all duration-500 reveal" style="transition-delay: 0.1s;"> 1774 <div class="w-12 h-12 bg-primary/5 rounded-xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all duration-500"> 1775 <i data-lucide="life-buoy" class="w-6 h-6 text-primary group-hover:text-white transition-colors"></i> 1776 </div> 1777 <h3 class="text-3xl font-bold text-[var(--text)] mb-6 uppercase tracking-tight">Support Services</h3> 1778 <p class="text-[var(--text-muted)] mb-10 text-lg leading-relaxed font-normal opacity-80">Get dedicated support from our experts for all your digital marketing requirements.</p> 1779 <a href="https://www.clickdo.co.uk/contact-us/" class="text-primary font-bold flex items-center gap-3 group-hover:gap-5 transition-all text-xs uppercase tracking-[0.2em]"> 1780 Get Support <i data-lucide="arrow-right" class="w-4 h-4"></i> 1781 </a> 1782 </div> 1783 <div class="glass-card p-12 group border-white/20 shadow-xl hover:shadow-2xl transition-all duration-500 reveal" style="transition-delay: 0.2s;"> 1784 <div class="w-12 h-12 bg-primary/5 rounded-xl flex items-center justify-center mb-8 border border-primary/10 group-hover:bg-primary transition-all duration-500"> 1785 <i data-lucide="file-text" class="w-6 h-6 text-primary group-hover:text-white transition-colors"></i> 1786 </div> 1787 <h3 class="text-3xl font-bold text-[var(--text)] mb-6 uppercase tracking-tight">Case Studies</h3> 1788 <p class="text-[var(--text-muted)] mb-10 text-lg leading-relaxed font-normal opacity-80">
1788Read some of our successful SEO case studies to know how we can help your business.</p> 1789 <a href="https://www.clickdo.co.uk/case-study/" class="text-primary font-bold flex items-center gap-3 group-hover:gap-5 transition-all text-xs uppercase tracking-[0.2em]"> 1790 View Cases <i data-lucide="arrow-right" class="w-4 h-4"></i> 1791 </a> 1792 </div> 1793 </div> 1794 </div> 1795 </section> 1796 1797 <!-- Founder Quote --> 1798<section class="py-40 bg-primary relative overflow-hidden"> 1799 1800 <!-- Background Glow --> 1801 <div class="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.15),transparent_60%)]"></div> 1802 1803 <div class="max-w-5xl mx-auto px-6 text-center relative z-10 reveal"> 1804 1805 <!-- Founder Image --> 1806 <div class="mb-12 group"> 1807 <img decoding="async" src="https://clickdo.b-cdn.net/wp-content/uploads/2020/03/Fernando-Raymond.png" 1808 alt="Fernando Raymond" 1809 class="w-40 h-40 rounded-full mx-auto border-8 border-white/20 shadow-[0_20px_60px_rgba(0,0,0,0.25)] object-cover grayscale 1810 group-hover:grayscale-0 1811 group-hover:border-white 1812 group-hover:shadow-[0_0_40px_rgba(255,255,255,0.6)] 1813 transition-all duration-500" 1814 referrerPolicy="no-referrer"> 1815 </div> 1816 1817 <!-- Quote --> 1818 <blockquote class="text-4xl md:text-5xl font-bold text-white mb-12 leading-tight uppercase tracking-tight"> 1819 "It's our goal to deliver the search engine rankings that achieve the most profitable clicks on the web" 1820 </blockquote> 1821 1822 <div class="space-y-3"> 1823 1824 <!-- Name + LinkedIn --> 1825 <div class="flex items-center justify-center gap-4"> 1826 1827 <cite class="text-3xl font-bold text-white not-italic uppercase tracking-widest 1828 drop-shadow-[0_3px_10px_rgba(0,0,0,0.25)]"> 1829 Fernando Raymond 1830 </cite> 1831 1832 <a href="https://uk.linkedin.com/in/fernandoraymond" 1833 target="_blank" 1834 rel="noopener noreferrer" 1835 class="w-10 h-10 flex items-center justify-center rounded-full bg-white text-[#0077b5] 1836 hover:scale-110 hover:shadow-[0_0_20px_rgba(255,255,255,0.9)] 1837 transition-all duration-300"> 1838 1839 <i class="fa-brands fa-linkedin-in" style="font-size:1.1rem;"></i> 1840 1841 </a> 1842 1843 </div> 1844 1845 <!-- Role --> 1846 <p class="text-white/80 font-semibold uppercase tracking-[0.4em] text-[18px]"> 1847 Founder & CEO 1848 </p> 1849 1850 </div> 1851 1852 </div> 1853 1854</section> 1855 1856<!-- CLICKDO CASE STUDIES SECTION START --> 1857<section class="clickdo-case-studies pt-40 pb-0 bg-white/5 relative overflow-hidden"> 1858 1859<style> 1860 1861.clickdo-case-studies .case-container{ 1862max-width:1300px; 1863margin:auto; 1864padding:0 20px; 1865} 1866 1867.clickdo-case-studies .case-block{ 1868margin-bottom:120px; 1869} 1870 1871.clickdo-case-studies .case-heading{ 1872display:flex; 1873align-items:center; 1874justify-content:space-between; 1875margin-bottom:50px; 1876flex-wrap:wrap; 1877gap:20px; 1878} 1879 1880.clickdo-case-studies .case-heading h2{ 1881font-size:42px; 1882font-weight:800; 1883color:var(--text); 1884} 1885 1886.clickdo-case-studies .case-heading span{ 1887color:#0284c7; 1888} 1889 1890.clickdo-case-studies .case-grid{ 1891display:grid; 1892grid-template-columns:repeat(3,1fr); 1893gap:30px; 1894} 1895 1896@media(max-width:1024px){ 1897.clickdo-case-studies .case-grid{ 1898grid-template-columns:repeat(2,1fr); 1899} 1900} 1901 1902@media(max-width:640px){ 1903.clickdo-case-studies .case-grid{ 1904grid-template-columns:1fr; 1905} 1906} 1907 1908.clickdo-case-studies .case-card{ 1909background:var(--card-bg); 1910border:1px solid var(--card-border); 1911border-radius:18px; 1912overflow:hidden; 1913transition:.35s ease; 1914box-shadow:0 10px 35px rgba(0,0,0,0.06); 1915} 1916 1917.clickdo-case-studies .case-card:hover{ 1918transform:translateY(-8px); 1919border-color:#0284c7; 1920box-shadow:0 20px 50px rgba(59,130,246,0.18); 1921} 1922 1923.clickdo-case-studies .case-image{ 1924height:210px; 1925overflow:hidden; 1926} 1927 1928.clickdo-case-studies .case-image img{ 1929width:100%; 1930height:100%; 1931object-fit:cover; 1932transition:transform .5s ease; 1933} 1934 1935.clickdo-case-studies .case-card:hover img{ 1936transform:scale(1.08); 1937} 1938 1939.clickdo-case-studies .case-content{ 1940padding:26px; 1941} 1942 1943.clickdo-case-studies .case-title{ 1944font-size:18px;
1945font-weight:700; 1946color:var(--text); 1947margin-bottom:14px; 1948text-decoration:none; 1949display:block; 1950line-height:1.4; 1951} 1952 1953.clickdo-case-studies .case-title:hover{ 1954color:#0284c7; 1955} 1956 1957.clickdo-case-studies .case-link{ 1958font-size:12px; 1959letter-spacing:.15em; 1960text-transform:uppercase; 1961color:#0284c7; 1962text-decoration:none; 1963font-weight:700; 1964} 1965 1966.clickdo-case-studies .case-more{ 1967background: linear-gradient(135deg, #2f3f63, #2f3f63); 1968 color: #fff; 1969 padding: 10px 22px; 1970 border-radius: 9999px; 1971 font-size: 12px; 1972 font-weight: 700; 1973 text-transform: uppercase; 1974 letter-spacing: 0.1em; 1975 transition: all 0.3s ease; 1976 display: inline-block; 1977} 1978 1979.clickdo-case-studies .case-more:hover{ 1980transform: translateY(-2px); 1981 box-shadow: 0 10px 25px rgba(59,130,246,0.4); 1982} 1983 1984 1985.site-nav{transition:all .5s cubic-bezier(.4,0,.2,1);} 1986.site-logo{height:50px;transition:all .5s cubic-bezier(.4,0,.2,1);} 1987@media (min-width:768px){.site-logo{height:60px;}} 1988.site-logo-link{display:inline-flex;align-items:center;} 1989.site-logo-glow{position:absolute;inset:-.5rem;border-radius:9999px;background:rgba(0,102,255,.18);filter:blur(24px);opacity:0;transition:opacity .3s ease;} 1990.site-logo-link:hover .site-logo-glow{opacity:1;} 1991.hero-dark{background:radial-gradient(circle at 20% 25%, rgba(86,130,214,.18), transparent 34%),linear-gradient(135deg,#11284d 0%,#1a3461 38%,#234273 72%,#26487b 100%);} 1992.hero-badge-dark{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:9999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem;backdrop-filter:blur(10px);} 1993.hero-badge-dark::before{content:"";width:.5rem;height:.5rem;border-radius:9999px;background:var(--accent);box-shadow:0 0 0 6px rgba(0,102,255,.16);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;} 1994.hero-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:1rem 2.5rem;border-radius:9999px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);} 1995.hero-btn-outline:hover{background:rgba(255,255,255,.06);transform:translateY(-2px);} 1996.hero-card-inner{background:linear-gradient(180deg,rgba(31,64,119,.52) 0%,rgba(22,48,92,.74) 100%);border:1px solid rgba(111,156,230,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(5,16,38,.34);} 1997.service-card-custom{display:block;padding:1.8rem;border-radius:1.35rem;border:1px solid rgba(125,168,236,.22);background:linear-gradient(180deg,rgba(51,92,157,.34) 0%,rgba(36,70,125,.46) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:all .45s cubic-bezier(.4,0,.2,1);} 1998.service-card-custom:hover{background:linear-gradient(180deg,rgba(60,106,179,.42) 0%,rgba(40,78,141,.56) 100%);transform:translateY(-8px);border-color:rgba(90,157,255,.42);box-shadow:0 24px 48px rgba(7,19,44,.28);} 1999.service-icon-box{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(180deg,rgba(32,93,188,.48) 0%,rgba(24,70,142,.56) 100%);border:1px solid rgba(88,145,232,.24);color:#0284c7;flex-shrink:0;} 2000.badge-icon-wrap{background:linear-gradient(180deg,rgba(32,93,188,.5) 0%,rgba(24,70,142,.58) 100%);border:1px solid rgba(88,145,232,.24);} 2001.mobile-toggle-btn svg{width:1.5rem;height:1.5rem;display:block;} 2002@media (max-width:767px){.hero-review-row{flex-wrap:wrap;}.hero-dark{padding-top:9rem;padding-bottom:5rem;}} 2003 2004 </style> 2005 2006 2007<div class="case-container"> 2008 2009<!-- SEO CASE STUDIES --> 2010<div class="case-block"> 2011 2012<div class="case-heading uppercase"> 2013<h2><span>SEO</span> Case Studies</h2> 2014<a href="https://www.clickdo.co.uk/seo-case-study/" class="case-more">Check More</a> 2015</div> 2016 2017<div class="case-grid"> 2018 2019<div class="case-card"> 2020<div class="case-image"> 2021<a href="https://clickdo.co.uk/case-studies/payroll-services-company-seo/"> 2022<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/case-study-image-clickdo-dark-blue.webp"> 2023</a> 2024</div> 2025<div class="case-content"> 2026<a href="https://clickdo.co.uk/case-studies/payroll-services-company-seo/" class="case-title"> 2027Payroll Services Company SEO Case Study 2028</a> 2029<a href="https://clickdo.co.uk/case-studies/payroll-services-company-seo/" class="case-link"> 2030View Case Study â 2031</a> 2032</div> 2033</div> 2034 2035<div class="case-card"> 2036<div class="case-image"> 2037<a href="https://clickdo.co.uk/case-studies/quick-wasters/"> 2038<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/case-study-image-clickdo-dark-blue.webp"> 2039</a> 2040</div> 2041<div class="case-content"> 2042<a href="https://clickdo.co.uk/case-studies/quick-wasters/" class="case-title"> 2043Quick Wasters SEO Growth Case Study 2044</a> 2045<a href="https://clickdo.co.uk/case-studies/quick-wasters/" class="case-link"> 2046View Case Study â 2047</a> 2048</div> 2049</div> 2050 2051<div class="case-card"> 2052<div class="case-image"> 2053<a href="https://clickdo.co.uk/case-studies/orthodontist-seo"> 2054<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/case-study-image-clickdo-dark-blue.webp"> 2055</a> 2056</div> 2057<div class="case-content"> 2058<a href="https://clickdo.co.uk/case-studies/orthodontist-seo" class="case-title"> 2059Orthodontist SEO Ranking Case Study 2060</a> 2061<a href="https://clickdo.co.uk/case-studies/orthodontist-seo" class="case-link"> 2062View Case Study â 2063</a> 2064</div> 2065</div> 2066 2067</div> 2068</div> 2069 2070 2071 2072<!-- WEB DESIGN CASE STUDIES --> 2073<div class="case-block"> 2074 2075<div class="case-heading uppercase"> 2076<h2><span>Web Design</span> Case Studies</h2> 2077<a href="https://www.clickdo.co.uk/web-design-case-study/" class="case-more">Check More</a> 2078</div> 2079 2080<div class="case-grid"> 2081 2082<div class="case-card"> 2083<div class="case-image"> 2084<a href="https://www.clickdo.co.uk/case-study/lets-make-memories/"> 2085<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/case-study-image-clickdo-dark-blue.webp"> 2086</a> 2087</div> 2088<div class="case-content"> 2089<a href="https://www.clickdo.co.uk/case-study/lets-make-memories/" class="case-title"> 2090Lets Make Memories Website Design 2091</a> 2092<a href="https://www.clickdo.co.uk/case-study/lets-make-memories/" class="case-link"> 2093View Case Study â 2094</a> 2095</div> 2096</div> 2097 2098<div class="case-card"> 2099<div class="case-image"> 2100<a href="https://www.clickdo.co.uk/case-study/rubbish-removal-london/"> 2101<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/case-study-image-clickdo-dark-blue.webp"> 2102</a> 2103</div> 2104<div class="case-content"> 2105<a href="https://www.clickdo.co.uk/case-study/rubbish-removal-london/" class="case-title"> 2106Rubbish Removal London Website Design 2107</a> 2108<a href="https://www.clickdo.co.uk/case-study/rubbish-removal-london/" class="case-link"> 2109View Case Study â 2110</a> 2111</div> 2112</div> 2113 2114<div class="case-card"> 2115<div class="case-image"> 2116<a href="https://www.clickdo.co.uk/case-studies/cleaning-services-seo/"> 2117<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/case-study-image-clickdo-dark-blue.webp"> 2118</a> 2119</div> 2120<div class="case-content"> 2121<a href="https://www.clickdo.co.uk/case-studies/cleaning-services-seo/" class="case-title"> 2122Cleaning Services SEO Website Case Study 2123</a> 2124<a href="https://www.clickdo.co.uk/case-studies/cleaning-services-seo/" class="case-link"> 2125View Case Study â 2126</a> 2127</div> 2128</div> 2129 2130</div> 2131</div> 2132 2133 2134 2135<!-- GOOGLE ADS CASE STUDIES --> 2136<div class="case-block"> 2137 2138<div class="case-heading uppercase"> 2139<h2><span>Google Ads</span> Case Studies</h2> 2140<a href="https://www.clickdo.co.uk/google-ads-case-study/" class="case-more">Check More</a> 2141</div> 2142 2143<div class="case-grid"> 2144 2145<div class="case-card"> 2146<div class="case-image"> 2147<a href="https://www.clickdo.co.uk/case-studies/google-adwords-for-circumcision-cl
2147inic/"> 2148<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/case-study-image-clickdo-dark-blue.webp"> 2149</a> 2150</div> 2151<div class="case-content"> 2152<a href="https://www.clickdo.co.uk/case-studies/google-adwords-for-circumcision-clinic/" class="case-title"> 2153Google Ads for Circumcision Clinic 2154</a> 2155<a href="https://www.clickdo.co.uk/case-studies/google-adwords-for-circumcision-clinic/" class="case-link"> 2156View Case Study â 2157</a> 2158</div> 2159</div> 2160 2161<div class="case-card"> 2162<div class="case-image"> 2163<a href="https://www.clickdo.co.uk/case-studies/google-adwords-for-dental-clinic/"> 2164<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/case-study-image-clickdo-dark-blue.webp"> 2165</a> 2166</div> 2167<div class="case-content"> 2168<a href="https://www.clickdo.co.uk/case-studies/google-adwords-for-dental-clinic/" class="case-title"> 2169Google Ads for Dental Clinic 2170</a> 2171<a href="https://www.clickdo.co.uk/case-studies/google-adwords-for-dental-clinic/" class="case-link"> 2172View Case Study â 2173</a> 2174</div> 2175</div> 2176 2177<div class="case-card"> 2178<div class="case-image"> 2179<a href="https://www.clickdo.co.uk/case-studies/google-adwords-for-cleaning-company/"> 2180<img decoding="async" src="https://Clickdo.b-cdn.net/wp-content/uploads/2026/05/case-study-image-clickdo-dark-blue.webp"> 2181</a> 2182</div> 2183<div class="case-content"> 2184<a href="https://www.clickdo.co.uk/case-studies/google-adwords-for-cleaning-company/" class="case-title"> 2185Google Ads for Cleaning Company 2186</a> 2187<a href="https://www.clickdo.co.uk/case-studies/google-adwords-for-cleaning-company/" class="case-link"> 2188View Case Study â 2189</a> 2190</div> 2191</div> 2192 2193</div> 2194</div> 2195 2196 2197</div> 2198 2199</section> 2200<!-- CLICKDO CASE STUDIES SECTION END --> 2201 2202 <style> 2203 @keyframes floatPlay { 2204 0% { transform: translateY(0px); } 2205 50% { transform: translateY(-6px); } 2206 100% { transform: translateY(0px); } 2207 } 2208 2209 .play-float { 2210 animation: floatPlay 3s ease-in-out infinite; 2211 } 2212 2213 /* blue border glow */ 2214 .glow-border { 2215 box-shadow: 0 0 0 1px rgba(59,130,246,0.6), 2216 0 0 12px rgba(59,130,246,0.6), 2217 0 0 25px rgba(59,130,246,0.4); 2218 } 2219 2220.site-nav{transition:all .5s cubic-bezier(.4,0,.2,1);} 2221.site-logo{height:50px;transition:all .5s cubic-bezier(.4,0,.2,1);} 2222@media (min-width:768px){.site-logo{height:60px;}} 2223.site-logo-link{display:inline-flex;align-items:center;} 2224.site-logo-glow{position:absolute;inset:-.5rem;border-radius:9999px;background:rgba(0,102,255,.18);filter:blur(24px);opacity:0;transition:opacity .3s ease;} 2225.site-logo-link:hover .site-logo-glow{opacity:1;} 2226.hero-dark{background:radial-gradient(circle at 20% 25%, rgba(86,130,214,.18), transparent 34%),linear-gradient(135deg,#11284d 0%,#1a3461 38%,#234273 72%,#26487b 100%);} 2227.hero-badge-dark{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:9999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem;backdrop-filter:blur(10px);} 2228.hero-badge-dark::before{content:"";width:.5rem;height:.5rem;border-radius:9999px;background:var(--accent);box-shadow:0 0 0 6px rgba(0,102,255,.16);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;} 2229.hero-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:1rem 2.5rem;border-radius:9999px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);} 2230.hero-btn-outline:hover{background:rgba(255,255,255,.06);transform:translateY(-2px);} 2231.hero-card-inner{background:linear-gradient(180deg,rgba(31,64,119,.52) 0%,rgba(22,48,92,.74) 100%);border:1px solid rgba(111,156,230,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(5,16,38,.34);} 2232.service-card-custom{display:block;padding:1.8rem;border-radius:1.35rem;border:1px solid rgba(125,168,236,.22);background:linear-gradient(180deg,rgba(51,92,157,.34) 0%,rgba(36,70,125,.46) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:all .45s cubic-bezier(.4,0,.2,1);} 2233.service-card-custom:hover{background:linear-gradient(180deg,rgba(60,106,179,.42) 0%,rgba(40,78,141,.56) 100%);transform:translateY(-8px);border-color:rgba(90,157,255,.42);box-shadow:0 24px 48px rgba(7,19,44,.28);} 2234.service-icon-box{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(180deg,rgba(32,93,188,.48) 0%,rgba(24,70,142,.56) 100%);border:1px solid rgba(88,145,232,.24);color:#4f9cff;flex-shrink:0;} 2235.badge-icon-wrap{background:linear-gradient(180deg,rgba(32,93,188,.5) 0%,rgba(24,70,142,.58) 100%);border:1px solid rgba(88,145,232,.24);} 2236.mobile-toggle-btn svg{width:1.5rem;height:1.5rem;display:block;} 2237@media (max-width:767px){.hero-review-row{flex-wrap:wrap;}.hero-dark{padding-top:9rem;padding-bottom:5rem;}} 2238 2239 </style> 2240 2241 <style> 2242@keyframes floatPlay { 22430% { transform: translateY(0px); } 224450% { transform: translateY(-6px); } 2245100% { transform: translateY(0px); } 2246} 2247 2248.play-float{ 2249animation: floatPlay 3s ease-in-out infinite; 2250} 2251 2252/* blue border glow */ 2253.glow-border{ 2254box-shadow: 0 0 0 1px rgba(59,130,246,0.4), 2255 0 0 12px rgba(59,130,246,0.35), 2256 0 0 25px rgba(59,130,246,0.25); 2257} 2258 2259.site-nav{transition:all .5s cubic-bezier(.4,0,.2,1);} 2260.site-logo{height:50px;transition:all .5s cubic-bezier(.4,0,.2,1);} 2261@media (min-width:768px){.site-logo{height:60px;}} 2262.site-logo-link{display:inline-flex;align-items:center;} 2263.site-logo-glow{position:absolute;inset:-.5rem;border-radius:9999px;background:rgba(0,102,255,.18);filter:blur(24px);opacity:0;transition:opacity .3s ease;} 2264.site-logo-link:hover .site-logo-glow{opacity:1;} 2265.hero-dark{background:radial-gradient(circle at 20% 25%, rgba(86,130,214,.18), transparent 34%),linear-gradient(135deg,#11284d 0%,#1a3461 38%,#234273 72%,#26487b 100%);} 2266.hero-badge-dark{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:9999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem;backdrop-filter:blur(10px);} 2267.hero-badge-dark::before{content:"";width:.5rem;height:.5rem;border-radius:9999px;background:var(--accent);box-shadow:0 0 0 6px rgba(0,102,255,.16);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;} 2268.hero-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:1rem 2.5rem;border-radius:9999px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);} 2269.hero-btn-outline:hover{background:rgba(255,255,255,.06);transform:translateY(-2px);} 2270.hero-card-inner{background:linear-gradient(180deg,rgba(31,64,119,.52) 0%,rgba(22,48,92,.74) 100%);border:1px solid rgba(111,156,230,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(5,16,38,.34);} 2271.service-card-custom{display:block;padding:1.8rem;border-radius:1.35rem;border:1px solid rgba(125,168,236,.22);background:linear-gradient(180deg,rgba(51,92,157,.34) 0%,rgba(36,70,125,.46) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:all .45s cubic-bezier(.4,0,.2,1);} 2272.service-card-custom:hover{background:linear-gradient(180deg,rgba(60,106,179,.42) 0%,rgba(40,78,141,.56) 100%);transform:translateY(-8px);border-color:rgba(90,157,255,.42);box-shadow:0 24px 48px rgba(7,19,44,.28);} 2273.service-icon-box{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(180deg,rgba(32,93,188,.48) 0%,rgba(24,70,142,.56) 100%);border:1px solid rgba(88,145,232,.24);color:#0284c7;flex-shrink:0;} 2274.badge-icon-wrap{background:linear-gradient(180deg,rgba(32,93,188,.5) 0%,rgba(24,70,142,.58) 100%);border:1px solid rgba(88,145,232,.24);} 2275.mobile-toggle-btn svg{width:1.5rem;height:1.5rem;display:block;} 2276@media (max-width:767px){.hero-review-row{flex-wrap:wrap;}.hero-dark{padding-top:9rem;padding-bottom:5rem;}} 2277 2278 </style> 2279 2280 2281<!-- Video Testimonials --> 2282<section class="py-32 bg-white"> 2283 2284<div class="max-w-7xl mx-auto px-6"> 2285 2286<div class="text-center mb-20 reveal"> 2287 2288<h2 class="text-5xl md:text-7xl font-bold text-[var(--text)] mb-6"> 2289CLIENT <span style="color:#0284c7">SUCCESS</span> 2290</h2> 2291 2292<p class="text-[var(--text-muted)] max-w-2xl mx-auto uppercase tracking-widest text-base font-semibold leading-relaxed opacity-80"> 2293You came here because you found us online! Thatâs exactly what we will do for your website to be found by your ideal customers. 2294</p> 2295 2296</div> 2297 2298 2299<div class="grid md:grid-cols-3 gap-10"> 2300 2301<!-- VIDEO 1 --> 2302<div class="aspect-video relative group overflow-hidden reveal rounded-xl border border-[var(--card-border)] shadow-lg"> 2303 2304<img decoding="async" src="https://i3.ytimg.com/vi/KIBi9PNg8LQ/hqdefault.jpg" 2305class="w-full h-full object-cover group-hover:scale-105 transition duration-500" 2306alt="Video Thumbnail" 2307referrerPolicy="no-referrer"> 2308 2309<div class="absolute inset-0 bg-gradient-to-t from-black/40 via-trans
2309parent to-transparent"></div> 2310 2311<a href="https://youtu.be/KIBi9PNg8LQ" 2312target="_blank" 2313class="absolute bottom-5 right-5 group-hover:scale-110 transition duration-300"> 2314 2315<div class="w-14 h-14 backdrop-blur-md bg-white/80 border border-primary/50 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition play-float glow-border"> 2316 2317<i data-lucide="play" class="w-6 h-6 fill-current"></i> 2318 2319</div> 2320</a> 2321 2322</div> 2323 2324 2325<!-- VIDEO 2 --> 2326<div class="aspect-video relative group overflow-hidden reveal rounded-xl border border-[var(--card-border)] shadow-lg" style="transition-delay:0.1s"> 2327 2328<img decoding="async" src="https://img.youtube.com/vi/rIskTsPr6rg/maxresdefault.jpg" 2329class="w-full h-full object-cover group-hover:scale-105 transition duration-500" 2330alt="Video Thumbnail" 2331referrerPolicy="no-referrer"> 2332 2333<div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent"></div> 2334 2335<a href="https://youtu.be/rIskTsPr6rg" 2336target="_blank" 2337class="absolute bottom-5 right-5 group-hover:scale-110 transition duration-300"> 2338 2339<div class="w-14 h-14 backdrop-blur-md bg-white/80 border border-primary/50 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition play-float glow-border"> 2340 2341<i data-lucide="play" class="w-6 h-6 fill-current"></i> 2342 2343</div> 2344</a> 2345 2346</div> 2347 2348 2349<!-- VIDEO 3 --> 2350<div class="aspect-video relative group overflow-hidden reveal rounded-xl border border-[var(--card-border)] shadow-lg" style="transition-delay:0.2s"> 2351 2352<img decoding="async" src="https://img.youtube.com/vi/QDTu6bs6_L0/maxresdefault.jpg" 2353class="w-full h-full object-cover group-hover:scale-105 transition duration-500" 2354alt="Video Thumbnail" 2355referrerPolicy="no-referrer"> 2356 2357<div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent"></div> 2358 2359<a href="https://youtu.be/QDTu6bs6_L0" 2360target="_blank" 2361class="absolute bottom-5 right-5 group-hover:scale-110 transition duration-300"> 2362 2363<div class="w-14 h-14 backdrop-blur-md bg-white/80 border border-primary/50 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition play-float glow-border"> 2364 2365<i data-lucide="play" class="w-6 h-6 fill-current"></i> 2366 2367</div> 2368</a> 2369 2370</div> 2371 2372</div> 2373 2374 2375<div class="text-center mt-20"> 2376 2377<a href="https://www.clickdo.co.uk/client-reviews/" 2378class="inline-flex items-center gap-3 bg-primary text-white px-8 py-4 rounded-full text-sm font-bold uppercase tracking-[0.15em] hover:bg-[#2f3f63] transition-all duration-300 shadow-lg hover:shadow-xl"> 2379 2380Check Out More Client Reviews 2381<i data-lucide="external-link" class="w-4 h-4"></i> 2382 2383</a> 2384 2385</div> 2386 2387</div> 2388</section> 2389 2390<!-- CLICKDO BLOG SECTION START --> 2391<section class="clickdo-blog-section py-40 bg-white relative overflow-hidden"> 2392 2393<style> 2394 2395.clickdo-blog-section .blog-grid{ 2396display:grid; 2397grid-template-columns:repeat(3,1fr); 2398gap:40px; 2399} 2400 2401@media(max-width:1024px){ 2402.clickdo-blog-section .blog-grid{ 2403grid-template-columns:repeat(2,1fr); 2404} 2405} 2406 2407@media(max-width:640px){ 2408.clickdo-blog-section .blog-grid{ 2409grid-template-columns:1fr; 2410} 2411} 2412 2413.clickdo-blog-section .blog-card{ 2414background:var(--card-bg); 2415border:1px solid var(--card-border); 2416border-radius:20px; 2417overflow:hidden; 2418transition:all .4s ease; 2419box-shadow:0 10px 35px rgba(0,0,0,0.06); 2420} 2421 2422.clickdo-blog-section .blog-card:hover{ 2423transform:translateY(-8px); 2424border-color:#0284c7; 2425box-shadow:0 20px 45px rgba(59,130,246,0.18); 2426} 2427 2428.clickdo-blog-section .blog-image{ 2429height:220px; 2430overflow:hidden; 2431} 2432 2433.clickdo-blog-section .blog-image img{ 2434width:100%; 2435height:100%; 2436object-fit:cover; 2437transition:transform .5s ease; 2438} 2439 2440.clickdo-blog-section .blog-card:hover img{ 2441transform:scale(1.08); 2442} 2443 2444.clickdo-blog-section .blog-content{ 2445padding:30px; 2446} 2447 2448.clickdo-blog-section .blog-title{ 2449font-size:20px; 2450font-weight:700; 2451color:var(--text); 2452margin-bottom:14px; 2453line-height:1.4; 2454text-transform:uppercase; 2455display:block; 2456text-decoration:none; 2457transition:color .3s ease; 2458} 2459 2460.clickdo-blog-section .blog-title:hover{ 2461color:#0284c7; 2462} 2463 2464.clickdo-blog-section .blog-date{ 2465font-size:11px; 2466letter-spacing:.2em; 2467text-transform:uppercase; 2468color:var(--text-muted); 2469margin-bottom:20px;
2470font-weight:700; 2471opacity:.7; 2472} 2473 2474.clickdo-blog-section .blog-link{ 2475font-size:12px; 2476font-weight:700; 2477letter-spacing:.2em; 2478text-transform:uppercase; 2479color:var(--text-muted); 2480display:inline-flex; 2481align-items:center; 2482gap:10px; 2483transition:all .3s; 2484text-decoration:none; 2485} 2486 2487.clickdo-blog-section .blog-link:hover{ 2488color:#3b0284c782f6; 2489} 2490 2491 2492.site-nav{transition:all .5s cubic-bezier(.4,0,.2,1);} 2493.site-logo{height:50px;transition:all .5s cubic-bezier(.4,0,.2,1);} 2494@media (min-width:768px){.site-logo{height:60px;}} 2495.site-logo-link{display:inline-flex;align-items:center;} 2496.site-logo-glow{position:absolute;inset:-.5rem;border-radius:9999px;background:rgba(0,102,255,.18);filter:blur(24px);opacity:0;transition:opacity .3s ease;} 2497.site-logo-link:hover .site-logo-glow{opacity:1;} 2498.hero-dark{background:radial-gradient(circle at 20% 25%, rgba(86,130,214,.18), transparent 34%),linear-gradient(135deg,#11284d 0%,#1a3461 38%,#234273 72%,#26487b 100%);} 2499.hero-badge-dark{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:9999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem;backdrop-filter:blur(10px);} 2500.hero-badge-dark::before{content:"";width:.5rem;height:.5rem;border-radius:9999px;background:var(--accent);box-shadow:0 0 0 6px rgba(0,102,255,.16);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;} 2501.hero-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:1rem 2.5rem;border-radius:9999px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);} 2502.hero-btn-outline:hover{background:rgba(255,255,255,.06);transform:translateY(-2px);} 2503.hero-card-inner{background:linear-gradient(180deg,rgba(31,64,119,.52) 0%,rgba(22,48,92,.74) 100%);border:1px solid rgba(111,156,230,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(5,16,38,.34);} 2504.service-card-custom{display:block;padding:1.8rem;border-radius:1.35rem;border:1px solid rgba(125,168,236,.22);background:linear-gradient(180deg,rgba(51,92,157,.34) 0%,rgba(36,70,125,.46) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:all .45s cubic-bezier(.4,0,.2,1);} 2505.service-card-custom:hover{background:linear-gradient(180deg,rgba(60,106,179,.42) 0%,rgba(40,78,141,.56) 100%);transform:translateY(-8px);border-color:rgba(90,157,255,.42);box-shadow:0 24px 48px rgba(7,19,44,.28);} 2506.service-icon-box{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(180deg,rgba(32,93,188,.48) 0%,rgba(24,70,142,.56) 100%);border:1px solid rgba(88,145,232,.24);color:#4f9cff;flex-shrink:0;} 2507.badge-icon-wrap{background:linear-gradient(180deg,rgba(32,93,188,.5) 0%,rgba(24,70,142,.58) 100%);border:1px solid rgba(88,145,232,.24);} 2508.mobile-toggle-btn svg{width:1.5rem;height:1.5rem;display:block;} 2509@media (max-width:767px){.hero-review-row{flex-wrap:wrap;}.hero-dark{padding-top:9rem;padding-bottom:5rem;}} 2510 2511 </style> 2512 2513 2514<div class="max-w-7xl mx-auto px-6"> 2515 2516<div class="text-center mb-20"> 2517 2518<div class="text-primary font-bold uppercase tracking-[0.3em] text-base mb-6"> 2519Latest Insights 2520</div> 2521 2522<h2 class="text-5xl md:text-7xl font-bold text-[var(--text)] leading-none"> 2523CLICKDO <br> 2524<span class="text-gradient">LATEST BLOGS</span> 2525</h2> 2526 2527<p class="text-[var(--text-muted)] text-lg uppercase tracking-widest mt-6 max-w-2xl mx-auto font-medium opacity-80"> 2528Explore the latest SEO insights, marketing strategies and online business guides from our experts. 2529</p> 2530 2531</div> 2532 2533 2534<div id="clickdo-blog-posts" class="blog-grid"></div> 2535 2536 2537<div class="text-center mt-20"> 2538 2539<a href="https://www.clickdo.co.uk/blog/" 2540class="inline-flex items-center gap-3 bg-primary text-white px-8 py-4 rounded-full text-sm font-bold uppercase tracking-[0.15em] hover:bg-primary/50 transition-all duration-300 shadow-lg hover:shadow-xl"> 2541 2542Visit Our Blog 2543 2544<i data-lucide="arrow-right" class="w-4 h-4"></i> 2545 2546</a> 2547 2548</div> 2549 2550</div> 2551 2552
2553<script> 2554(function(){ 2555 2556const container=document.getElementById("clickdo-blog-posts"); 2557 2558async function loadClickDoBlogs(){ 2559 2560try{ 2561 2562const response=await fetch("https://www.clickdo.co.uk/wp-json/wp/v2/posts?per_page=3&_embed"); 2563const posts=await response.json(); 2564 2565container.innerHTML=posts.map(post=>{ 2566 2567const image=post._embedded?.['wp:featuredmedia']?.[0]?.source_url || "https://picsum.photos/600/400"; 2568 2569return ` 2570<div class="blog-card"> 2571 2572<div class="blog-image"> 2573<a href="${post.link}" target="_blank"> 2574<img decoding="async" src="${image}" alt="${post.title.rendered}"> 2575</a> 2576</div> 2577 2578<div class="blog-content"> 2579 2580<a href="${post.link}" target="_blank" class="blog-title"> 2581${post.title.rendered} 2582</a> 2583 2584<div class="blog-date"> 2585${new Date(post.date).toLocaleDateString()} 2586</div> 2587 2588<a href="${post.link}" target="_blank" class="blog-link"> 2589Read Article 2590<i data-lucide="arrow-right" class="w-4 h-4"></i> 2591</a> 2592 2593</div> 2594 2595</div> 2596`; 2597 2598}).join(""); 2599 2600if(window.lucide){ 2601lucide.createIcons(); 2602} 2603 2604}catch(error){ 2605 2606container.innerHTML="<p style='color:var(--text-muted);text-align:center'>Unable to load blog posts.</p>"; 2607 2608} 2609 2610} 2611 2612loadClickDoBlogs(); 2613 2614})(); 2615</script>
2615 2616 2617</section> 2618<!-- CLICKDO BLOG SECTION END --> 2619 2620 <!-- FAQ --> 2621 <section class="py-40 bg-white"> 2622 <div class="max-w-4xl mx-auto px-6"> 2623 <div class="text-center mb-20 reveal"> 2624 <div class="text-primary font-bold uppercase tracking-[0.3em] text-base mb-4">Got Questions?</div> 2625 <h2 class="text-5xl md:text-7xl font-bold text-[var(--text)] mb-6 tracking-tight uppercase">Frequently <span class="text-gradient">Asked</span></h2> 2626 </div> 2627 2628 <div class="space-y-6"> 2629 <div class="glass-card border-white/20 shadow-lg reveal overflow-hidden"> 2630 <button class="w-full px-10 py-8 text-left flex items-center justify-between hover:bg-primary/5 transition-all duration-500 faq-trigger" data-faq="faq-0" aria-expanded="true"> 2631 <span class="text-xl font-bold text-[var(--text)] tracking-tight">What is a SEO Agency?</span> 2632 <div class="w-10 h-10 rounded-full flex items-center justify-center transition-all duration-500 bg-primary text-white rotate-180 faq-icon"> 2633 <i data-lucide="chevron-down" class="w-5 h-5"></i> 2634 </div> 2635 </button> 2636 <div id="faq-0" class="px-10 pb-10 text-[var(--text-muted)] leading-relaxed text-lg font-normal opacity-80 faq-panel is-open"> 2637 An SEO agency helps business websites increase their organic traffic from Google by using SEO techniques. They also ameliorate the organic google search result in the listings. A professional SEO agency will also ensure that sites rank on the desired search engines (Google, Bing). Some of the main factors that SEO agencies rely on include keywords, good content, hyperlinks and backlinks, to mention but a few. 2638 </div> 2639 </div> 2640 <div class="glass-card border-white/20 shadow-lg reveal overflow-hidden"> 2641 <button class="w-full px-10 py-8 text-left flex items-center justify-between hover:bg-primary/5 transition-all duration-500 faq-trigger" data-faq="faq-1" aria-expanded="false"> 2642 <span class="text-xl font-bold text-[var(--text)] tracking-tight">What is SEO in 2026?</span> 2643 <div class="w-10 h-10 rounded-full flex items-center justify-center transition-all duration-500 bg-primary/5 text-primary faq-icon"> 2644 <i data-lucide="chevron-down" class="w-5 h-5"></i> 2645 </div> 2646 </button> 2647 <div id="faq-1" class="px-10 pb-10 text-[var(--text-muted)] leading-relaxed text-lg font-normal opacity-80 faq-panel "> 2648 Remember we said that SEO agencies help sites increase traffic, right? More traffic means more visibility. SEO in marketing is thus, a target driven marketing strategy used to push a productâs visibility. SEO in marketing also relies on both image and videos to help create higher traffic. A highly ranked website will always enjoy more traffic, and this translates to your brand getting more visibility. 2649 </div> 2650 </div> 2651 <div class="glass-card border-white/20 shadow-lg reveal overflow-hidden"> 2652 <button class="w-full px-10 py-8 text-left flex items-center justify-between hover:bg-primary/5 transition-all duration-500 faq-trigger" data-faq="faq-2" aria-expanded="false"> 2653 <span class="text-xl font-bold text-[var(--text)] tracking-tight">How SEO is priced?</span> 2654 <div class="w-10 h-10 rounded-full flex items-center justify-center transition-all duration-500 bg-primary/5 text-primary faq-icon"> 2655 <i data-lucide="chevron-down" class="w-5 h-5"></i> 2656 </div> 2657 </button> 2658 <div id="faq-2" class="px-10 pb-10 text-[var(--text-muted)] leading-relaxed text-lg font-normal opacity-80 faq-panel "> 2659 Pricing SEO depends on several factors. Such factors include the nature of the work being done. Experience and skills of the SEO agency are also considered. Similarly, how competitive the market you are operating will also come to play during pricing. Older, more experienced SEO agencies in the UK are always more sought after than the newer ones. 2660 </div> 2661 </div> 2662 <div class="glass-card border-white/20 shadow-lg reveal overflow-hidden"> 2663 <button class="w-full px-10 py-8 text-left flex items-center justify-between hover:bg-primary/5 transition-all duration-500 faq-trigger" data-faq="faq-3" aria-expanded="false">
2664 <span class="text-xl font-bold text-[var(--text)] tracking-tight">SEO ROI Timeframe?</span> 2665 <div class="w-10 h-10 rounded-full flex items-center justify-center transition-all duration-500 bg-primary/5 text-primary faq-icon"> 2666 <i data-lucide="chevron-down" class="w-5 h-5"></i> 2667 </div> 2668 </button> 2669 <div id="faq-3" class="px-10 pb-10 text-[var(--text-muted)] leading-relaxed text-lg font-normal opacity-80 faq-panel "> 2670 Just like in everything else, it takes effort, consistency and planning to succeed in SEO. Some businesses assume that SEO is an overnight thing. But truth is that SEO is all about thinking long-term, and then crafting a campaign to propel you to the top. This could take anything from 2 months to 6 months. 2671 </div> 2672 </div> 2673 <div class="glass-card border-white/20 shadow-lg reveal overflow-hidden"> 2674 <button class="w-full px-10 py-8 text-left flex items-center justify-between hover:bg-primary/5 transition-all duration-500 faq-trigger" data-faq="faq-4" aria-expanded="false"> 2675 <span class="text-xl font-bold text-[var(--text)] tracking-tight">Is SEO a one-time thing?</span> 2676 <div class="w-10 h-10 rounded-full flex items-center justify-center transition-all duration-500 bg-primary/5 text-primary faq-icon"> 2677 <i data-lucide="chevron-down" class="w-5 h-5"></i> 2678 </div> 2679 </button> 2680 <div id="faq-4" class="px-10 pb-10 text-[var(--text-muted)] leading-relaxed text-lg font-normal opacity-80 faq-panel "> 2681 Like mentioned above, SEO is a continuous, ongoing process. Major search engines keep changing the rules of the game based on their userâs needs and preferences. As such, SEO strategies must be constantly revised and modified so you arenât left behind. It takes sustained and continuous efforts for SEO to succeed. 2682 </div> 2683 </div> 2684 </div> 2685 </div> 2686 </section> 2687 2688 <!-- Footer --> 2689 <footer class="bg-white pt-40 pb-12 border-t border-black/5 relative overflow-hidden"> 2690 <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-[1px] bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div> 2691 2692 <div class="max-w-7xl mx-auto px-6"> 2693 <div class="grid lg:grid-cols-12 gap-20 mb-32"> 2694 <!-- Brand Column --> 2695 <div class="lg:col-span-4"> 2696 <div class="mb-10"> 2697 <img decoding="async" src="https://clickdo.b-cdn.net/wp-content/themes/clickdo-main-theme/images/clickdo_logo_TM.png" 2698 alt="ClickDo Logo" 2699 class="h-10 md:h-14 object-contain" 2700 referrerPolicy="no-referrer"> 2701</div> 2702 <p class="text-[var(--text-muted)] text-base uppercase leading-relaxed mb-12 max-w-sm font-normal opacity-80"> 2703 London's leading digital marketing and SEO agency. We help businesses dominate the search results and achieve profitable growth through data-driven strategies. 2704 </p> 2705 <div class="flex items-center gap-4"> 2706 <a href="https://www.facebook.com/ClickDoMedia/" target="_blank" class="w-12 h-12 bg-primary/5 rounded-2xl flex items-center justify-center border border-primary/10 hover:bg-primary transition-all duration-500 group"> 2707 <i class="fa-brands fa-facebook text-primary group-hover:text-white" style="font-size:1.25rem;"></i> 2708</a> 2709 2710<a href="https://twitter.com/clickdomedia" target="_blank" class="w-12 h-12 bg-primary/5 rounded-2xl flex items-center justify-center border border-primary/10 hover:bg-primary transition-all duration-500 group"> 2711 <i class="fa-brands fa-x-twitter text-primary group-hover:text-white" style="font-size:1.25rem;"></i> 2712</a> 2713 2714<a href="https://www.linkedin.com/company/clickdo" target="_blank" class="w-12 h-12 bg-primary/5 rounded-2xl flex items-center justify-center border border-primary/10 hover:bg-primary transition-all duration-500 group"> 2715 <i class="fa-brands fa-linkedin-in text-primary group-hover:text-white" style="font-size:1.25rem;"></i> 2716</a> 2717 2718<a href="https://www.instagram.com/iclickdo/" target="_blank" class="w-12 h-12 bg-primary/5 rounded-2xl flex items-center justify-center border border-primary/10 hover:bg-primary transition-all duration-500 group"> 2719 <i class="fa-brands fa-instagram text-primary group-hover:text-white" style="font-size:1.25rem;"></i> 2720</a> 2721 </div> 2722 </div> 2723 2724 <!-- Links Columns --> 2725 <div class="lg:col-span-8 grid md:grid-cols-3 gap-12"> 2726 <div> 2727 <h3 class="text-xs font-bold uppercase tracking-[0.3em] text-primary mb-10">About</h3> 2728 <ul class="space-y-5"> 2729 <li><a href="https://clickdo.co.uk/media-consultant/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">Consulting <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2730 <li><a href="https://www.clickdo.co.uk/case-studies/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">Case Studies <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2731 <li><a href="https://www.clickdo.co.uk/blog/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">ClickDo Tips <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2732 <li><a href="https://www.clickdo.co.uk/link-building-services/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">Link Building <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2733 <li><a href="https://www.clickdo.co.uk/how-to-start-online-business/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">Start Business <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2734 <li><a href="https://clickdo.co.uk/terms-conditions-privacy/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">Privacy Policy <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2735 </ul> 2736 </div> 2737 2738 <div> 2739 <h3 class="text-xs font-bold uppercase tracking-[0.3em] text-primary mb-10">Training</h3> 2740 <ul class="space-y-5"> 2741 <li><a href="https://www.clickdo.co.uk/how-to-start-a-blog/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">Start Blogging <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2742 <li><a href="https://www.clickdo.co.uk/seo-blueprint/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">SEO Blueprint <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2743 <li><a href="https://www.clickdo.co.uk/local-seo-blueprint/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">Local SEO <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2744 <li><a href="https://www.clickdo.co.uk/business-coach-and-mentor/" class="text-sm font-medium text-[var(--text-muted)] hover:text-primary flex items-center gap-2 group uppercase transition-all">Business Coach <i data-lucide="arrow-up-right" class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-all"></i></a></li> 2745 </ul> 2746 </div> 2747 2748 <div> 2749 <h3 class="text-xs font-bold uppercase tracking-[0.3em] text-primary mb-10">Contact</h3> 2750 <div class="space-y-10"> 2751 <div class="flex items-start gap-5"> 2752 <div class="w-12 h-12 bg-primary/5 rounded-2xl flex items-center justify-center border border-primary/10"> 2753 <i data-lucide="phone" class="w-5 h-5 text-primary"></i> 2754 </div> 2755 <div> 2756 <p class="text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] mb-1 opacity-60">Hotline</p> 2757 <p class="text-xl font-bold text-[var(--text)] tracking-tight">020 8638 5857</p> 2758 </div> 2759 </div> 2760 <div class="flex items-start gap-5"> 2761 <div class="w-12 h-12 bg-primary/5 rounded-2xl flex items-center justify-center border border-primary/10"> 2762 <i data-lucide="map-pin" class="w-5 h-5 text-primary"></i> 2763 </div> 2764 <div> 2765 <p class="text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] mb-1 opacity-60">Location</p> 2766 <p class="text-sm font-medium text-[var(--text-muted)] leading-relaxed opacity-80"> 2767 60 Tottenham Court Road Suite 78a, Fitzrovia, London. W1T 2EW 2768 </p> 2769 </div> 2770 </div> 2771 </div> 2772 </div> 2773 </div> 2774 </div> 2775 2776 <!-- Bottom Bar --> 2777 <div class="pt-12 border-t border-black/5"> 2778 <div class="flex flex-col lg:flex-row justify-between items-center gap-12"> 2779 <div class="space-y-3 text-center lg:text-left"> 2780 <p class="text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] opacity-100"> 2781 © 2026 ClickDo⢠All Rights Reserved. UK Company No.08680965 2782 </p> 2783 <p class="text-[10px] font-bold uppercase tracking-[0.2em] text-primary opcaity-100"> 2784 Powered by SeekaHost⢠UK Business Web Host 2785 </p> 2786 </div> 2787 <div class="flex flex-col items-center lg:items-end gap-6"> 2788 <p class="text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--text-muted)] opacity-100"> 2789 VAT Reg No. 298106184 | Trade Mark No: UK00003324858 2790 </p> 2791 <img decoding="async" src="https://clickdo.b-cdn.net/wp-content/themes/clickdo-main-theme/images/payment-methods.png" alt="Payment Methods" class="h-5 opacity-20 hover:opacity-100 transition-opacity duration-500"> 2792 </div> 2793 </div> 2794 </div> 2795 </div> 2796 </footer> 2797 2798
2798<script> 2799const progressBar = document.getElementById('progress-bar'); 2800const siteNav = document.getElementById('site-nav'); 2801const mobileMenuToggle = document.getElementById('mobile-menu-toggle'); 2802const mobileMenu = document.getElementById('mobile-menu'); 2803const iconMenu = document.getElementById('icon-menu'); 2804const iconClose = document.getElementById('icon-close'); 2805 2806if (window.lucide) { lucide.createIcons(); } 2807 2808function updateNavState() { 2809 if (window.scrollY > 20) { 2810 siteNav.classList.add('nav-scrolled'); 2811 siteNav.classList.remove('nav-default'); 2812 } else { 2813 siteNav.classList.remove('nav-scrolled'); 2814 siteNav.classList.add('nav-default'); 2815 } 2816} 2817 2818function updateProgressBar() { 2819 const winScroll = document.documentElement.scrollTop || document.body.scrollTop; 2820 const height = document.documentElement.scrollHeight - document.documentElement.clientHeight; 2821 const scrolled = height > 0 ? (winScroll / height) * 100 : 0; 2822 if (progressBar) progressBar.style.width = scrolled + '%'; 2823} 2824 2825updateNavState(); 2826updateProgressBar(); 2827window.addEventListener('scroll', () => { updateNavState(); updateProgressBar(); }, { passive: true }); 2828 2829if (mobileMenuToggle && mobileMenu) { 2830 mobileMenuToggle.addEventListener('click', () => { 2831 const isOpen = mobileMenu.classList.toggle('hidden') === false; 2832 mobileMenuToggle.setAttribute('aria-expanded', String(isOpen)); 2833 iconMenu.classList.toggle('hidden', isOpen); 2834 iconClose.classList.toggle('hidden', !isOpen); 2835 }); 2836} 2837 2838document.querySelectorAll('.faq-trigger').forEach((button) => { 2839 button.addEventListener('click', () => { 2840 const targetId = button.dataset.faq; 2841 const target = document.getElementById(targetId); 2842 const icon = button.querySelector('.faq-icon'); 2843 const isOpen = target.classList.toggle('is-open'); 2844 button.setAttribute('aria-expanded', String(isOpen)); 2845 if (icon) { 2846 icon.classList.toggle('bg-primary', isOpen); 2847 icon.classList.toggle('text-white', isOpen); 2848 icon.classList.toggle('rotate-180', isOpen); 2849 icon.classList.toggle('bg-primary/5', !isOpen); 2850 icon.classList.toggle('text-primary', !isOpen); 2851 } 2852 }); 2853}); 2854 2855const revealElements = document.querySelectorAll('.reveal'); 2856const revealObserver = new IntersectionObserver((entries) => { 2857 entries.forEach(entry => { 2858 if (entry.isIntersecting) entry.target.classList.add('active'); 2859 }); 2860}, { threshold: 0.1 }); 2861revealElements.forEach(el => revealObserver.observe(el)); 2862 2863const counters = document.querySelectorAll('.counter'); 2864const counterObserver = new IntersectionObserver((entries) => { 2865 entries.forEach(entry => { 2866 if (!entry.isIntersecting) return; 2867 const target = parseFloat(entry.target.getAttribute('data-target')); 2868 const suffix = entry.target.getAttribute('data-suffix') || ''; 2869 const duration = 2000; 2870 const startTime = performance.now(); 2871 const updateCounter = (currentTime) => { 2872 const elapsedTime = currentTime - startTime; 2873 const progress = Math.min(elapsedTime / duration, 1); 2874 const value = (progress * target).toFixed(target % 1 === 0 ? 0 : 1); 2875 entry.target.textContent = value + suffix; 2876 if (progress < 1) requestAnimationFrame(updateCounter); 2877 }; 2878 requestAnimationFrame(updateCounter); 2879 counterObserver.unobserve(entry.target); 2880 }); 2881}, { threshold: 0.5 }); 2882counters.forEach(counter => counterObserver.observe(counter)); 2883 2884const cursor = document.getElementById('cursor'); 2885const follower = document.getElementById('follower'); 2886if (cursor && follower && window.matchMedia('(min-width: 768px)').matches) { 2887 window.addEventListener('mousemove', (e) => { 2888 cursor.style.left = e.clientX + 'px'; 2889 cursor.style.top = e.clientY + 'px'; 2890 follower.style.left = e.clientX + 'px'; 2891 follower.style.top = e.clientY + 'px'; 2892 }, { passive: true }); 2893 2894 document.querySelectorAll('a, button').forEach((el) => { 2895 el.addEventListener('mouseenter', () => follower.classList.add('cursor-active')); 2896 el.addEventListener('mouseleave', () => follower.classList.remove('cursor-active')); 2897 }); 2898} 2899</script>
2899 2900
2901<script> 2902(function(){ 2903 const nav = document.getElementById('site-nav'); 2904 const progress = document.getElementById('progress-bar'); 2905 const mobileToggle = document.getElementById('mobile-menu-toggle'); 2906 const mobileMenu = document.getElementById('mobile-menu'); 2907 const iconMenu = mobileToggle ? mobileToggle.querySelector('.icon-menu') : null; 2908 const iconClose = mobileToggle ? mobileToggle.querySelector('.icon-close') : null; 2909 2910 const setScrolledNav = () => { 2911 if (!nav) return; 2912 const scrolled = window.scrollY > 24; 2913 nav.classList.toggle('nav-scrolled', scrolled); 2914 nav.classList.toggle('nav-default', !scrolled); 2915 }; 2916 2917 const setProgress = () => { 2918 if (!progress) return; 2919 const doc = document.documentElement; 2920 const total = doc.scrollHeight - window.innerHeight; 2921 const pct = total > 0 ? (window.scrollY / total) * 100 : 0; 2922 progress.style.width = pct + '%'; 2923 }; 2924 2925 if (mobileToggle && mobileMenu) { 2926 mobileToggle.addEventListener('click', () => { 2927 const open = mobileMenu.classList.contains('hidden'); 2928 mobileMenu.classList.toggle('hidden'); 2929 mobileToggle.setAttribute('aria-expanded', String(open)); 2930 if (iconMenu) iconMenu.classList.toggle('hidden', open); 2931 if (iconClose) iconClose.classList.toggle('hidden', !open); 2932 }); 2933 } 2934 2935 2936 window.addEventListener('scroll', () => { 2937 setScrolledNav(); 2938 setProgress(); 2939 }, { passive: true }); 2940 setScrolledNav(); 2941 setProgress(); 2942})(); 2943 2944document.addEventListener('DOMContentLoaded', function () { 2945 var nav = document.getElementById('site-nav'); 2946 var toggle = document.getElementById('mobile-menu-toggle'); 2947 var menu = document.getElementById('mobile-menu'); 2948 if (!nav || !toggle || !menu) return; 2949 toggle.addEventListener('click', function () { 2950 nav.classList.toggle('mobile-menu-open', !menu.classList.contains('hidden')); 2951 }); 2952}); 2953</script>
2953 2954
2955<script> 2956(function () { 2957 'use strict'; 2958 2959 /* ââ Mobile sub-menu toggles (Marketing / Blog) ââ */ 2960 document.querySelectorAll('[data-toggle]').forEach(function (btn) { 2961 // Guard: attach only once 2962 if (btn.dataset.toggleBound) return; 2963 btn.dataset.toggleBound = '1'; 2964 2965 btn.addEventListener('click', function () { 2966 var panelId = btn.getAttribute('data-toggle'); 2967 var panel = document.getElementById(panelId); 2968 if (!panel) return; 2969 2970 var willOpen = !panel.classList.contains('is-open'); 2971 2972 /* Close all OTHER open panels first (accordion behaviour) */ 2973 document.querySelectorAll('.mobile-panel.is-open').forEach(function (p) { 2974 if (p !== panel) { 2975 p.classList.remove('is-open'); 2976 var siblingBtn = document.querySelector('[data-toggle="' + p.id + '"]'); 2977 if (siblingBtn) { 2978 siblingBtn.setAttribute('aria-expanded', 'false'); 2979 var sibIcon = siblingBtn.querySelector('.submenu-icon'); 2980 if (sibIcon) sibIcon.classList.remove('rotate-180'); 2981 } 2982 } 2983 }); 2984 2985 /* Toggle this panel */ 2986 panel.classList.toggle('is-open', willOpen); 2987 btn.setAttribute('aria-expanded', String(willOpen)); 2988 var icon = btn.querySelector('.submenu-icon'); 2989 if (icon) icon.classList.toggle('rotate-180', willOpen); 2990 }); 2991 }); 2992 2993 /* ââ Mobile nav: nav goes solid when open ââ */ 2994 var nav = document.getElementById('site-nav'); 2995 var toggle = document.getElementById('mobile-menu-toggle'); 2996 var menu = document.getElementById('mobile-menu'); 2997 2998 if (nav && toggle && menu) { 2999 toggle.addEventListener('click', function () { 3000 /* Wait one tick so the hidden class has already been toggled 3001 by the earlier DOMContentLoaded listener */ 3002 requestAnimationFrame(function () { 3003 var isOpen = !menu.classList.contains('hidden'); 3004 nav.classList.toggle('mobile-menu-open', isOpen); 3005 3006 /* Also close any open sub-panels when the whole menu closes */ 3007 if (!isOpen) { 3008 document.querySelectorAll('.mobile-panel.is-open').forEach(function (p) { 3009 p.classList.remove('is-open'); 3010 }); 3011 document.querySelectorAll('[data-toggle]').forEach(function (b) { 3012 b.setAttribute('aria-expanded', 'false'); 3013 var ic = b.querySelector('.submenu-icon'); 3014 if (ic) ic.classList.remove('rotate-180'); 3015 }); 3016 } 3017 }); 3018 }); 3019 } 3020 3021})(); 3022</script>
3022 3023
3024<script> 3025window.addEventListener("load", function () { 3026 document.body.style.display = "none"; 3027 document.body.offsetHeight; // force reflow 3028 document.body.style.display = ""; 3029}); 3030</script>
3030 3031 3032<!-- ============================================================ 3033 STICKY CONTACT WIDGET 3034 Paste the <div>, <style> and
3034<script> below 3035 just before your closing </body> tag. 3036 ============================================================ --> 3037 3038<div id="sticky-contact" class="sticky-contact"> 3039 3040 <!-- ICON STRIP â always visible on the right edge --> 3041 <div class="sc-icons"> 3042 <a href="tel:02081441536" class="sc-icon-btn" aria-label="Call us" title="Call us on 020 8144 1536"> 3043 <!-- Phone --> 3044<svg class="sc-svg-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" 3045 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 3046 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 3047 <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.77.62 2.61a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.47-1.19a2 2 0 0 1 2.11-.45c.84.29 1.71.5 2.61.62A2 2 0 0 1 22 16.92z"/> 3048</svg> 3049 </a> 3050 <a href="mailto:[email protected]" class="sc-icon-btn btn_track_email" aria-label="Email us" title="[email protected]"> 3051 <!-- Mail --> 3052<svg class="sc-svg-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" 3053 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 3054 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 3055 <rect width="20" height="16" x="2" y="4" rx="2"/> 3056 <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/> 3057</svg> 3058 </a> 3059 <a href="https://clickdo.co.uk/book-consultation/" target="_blank" class="sc-icon-btn btn_book" aria-label="Book consultation" title="Free consultation"> 3060 <!-- Calendar Check --> 3061<svg class="sc-svg-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" 3062 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 3063 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 3064 <path d="M8 2v4"/> 3065 <path d="M16 2v4"/> 3066 <rect width="18" height="18" x="3" y="4" rx="2"/> 3067 <path d="M3 10h18"/> 3068 <path d="m9 16 2 2 4-4"/> 3069</svg> 3070 </a> 3071 </div> 3072 3073 <!-- EXPANDED PANEL â slides left on hover --> 3074 <div class="sc-panel" id="sc-panel" aria-hidden="true"> 3075 3076 <ul class="sc-list"> 3077 3078 <li class="sc-item" id="pop_phone"> 3079 <span class="sc-item-icon"><svg class="sc-svg-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" 3080 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 3081 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 3082 <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.77.62 2.61a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.47-1.19a2 2 0 0 1 2.11-.45c.84.29 1.71.5 2.61.62A2 2 0 0 1 22 16.92z"/> 3083</svg></span> 3084 <a href="tel:02081441536"> 3085 <span class="sc-label">Call us on:</span> 3086 <span class="sc-value">020 8144 1536</span> 3087 </a> 3088 </li> 3089 3090 <li class="sc-item" id="pop_mail"> 3091 <span class="sc-item-icon"><svg class="sc-svg-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" 3092 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 3093 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 3094 <rect width="20" height="16" x="2" y="4" rx="2"/> 3095 <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/> 3096</svg></span> 3097 <a href="mailto:[email protected]" class="btn_track_email"> 3098 <span class="sc-label">We can help:</span> 3099 <span class="sc-value">[email protected]</span> 3100 </a> 3101 </li> 3102 3103 <li class="sc-item" id="pop_book"> 3104 <span class="sc-item-icon"><!-- Calendar Check --> 3105<svg class="sc-svg-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" 3106 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 3107 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 3108 <path d="M8 2v4"/> 3109 <path d="M16 2v4"/> 3110 <rect width="18" height="18" x="3" y="4" rx="2"/> 3111 <path d="M3 10h18"/> 3112 <path d="m9 16 2 2 4-4"/> 3113</svg></span> 3114 <a href="https://clickdo.co.uk/book-consultation/" target="_blank" class="btn_book">
3115 <span class="sc-label">Book a consultation:</span> 3116 <span class="sc-value">Free consultation</span> 3117 </a> 3118 </li> 3119 3120 </ul> 3121 </div> 3122</div> 3123 3124<style> 3125 3126/* ââ STICKY CONTACT WIDGET âââââââââââââââââââââââââââââââââ */ 3127 3128.sticky-contact { 3129 position: fixed; 3130 right: 0; 3131 top: 50%; 3132 transform: translateY(-50%); 3133 z-index: 9999; 3134 3135 width: 320px; 3136 min-height: 180px; 3137} 3138 3139/* ââ ICON STRIP âââââââââââââââââââââââââââââââââââââââââââ */ 3140 3141.sc-icons { 3142 position: absolute; 3143 right: 0; 3144 top: 0; 3145 z-index: 3; 3146 3147 display: flex; 3148 flex-direction: column; 3149 gap: 4px; 3150 3151 transition: 3152 opacity 0.25s ease, 3153 transform 0.25s ease; 3154} 3155 3156/* Hide icon strip when expanded */ 3157.sticky-contact.is-open .sc-icons { 3158 opacity: 0; 3159 pointer-events: none; 3160 transform: translateX(14px); 3161} 3162 3163.sc-icon-btn { 3164 width: 52px; 3165 height: 52px; 3166 3167 background: #0284c7; 3168 border: none; 3169 border-radius: 6px 0 0 6px; 3170 3171 color: #fff; 3172 text-decoration: none; 3173 3174 display: flex; 3175 align-items: center; 3176 justify-content: center; 3177 3178 cursor: pointer; 3179 3180 box-shadow: -3px 3px 14px rgba(0, 0, 0, 0.35); 3181 3182 transition: 3183 background 0.22s ease, 3184 transform 0.22s ease; 3185} 3186 3187.sc-icon-btn:hover { 3188 background: #1558a0; 3189} 3190 3191/* ââ SVG ICONS âââââââââââââââââââââââââââââââââââââââââââââ */ 3192 3193.sc-svg-icon { 3194 width: 20px; 3195 height: 20px; 3196 display: block; 3197 stroke: currentColor; 3198 flex-shrink: 0; 3199} 3200 3201/* ââ EXPANDED PANEL âââââââââââââââââââââââââââââââââââââââ */ 3202 3203.sc-panel { 3204 position: absolute; 3205 right: 0; 3206 top: 0; 3207 3208 width: 0; 3209 overflow: hidden; 3210 3211 opacity: 0; 3212 pointer-events: none; 3213 3214 background: #2f3f63; 3215 border-radius: 10px 0 0 10px; 3216 3217 3218 box-shadow: -6px 6px 30px rgba(0, 0, 0, 0.4); 3219 3220 transition: 3221 width 0.40s cubic-bezier(0.4, 0, 0.2, 1), 3222 opacity 0.28s ease; 3223} 3224 3225.sc-panel.is-open { 3226 width: 320px; 3227 opacity: 1; 3228 pointer-events: auto; 3229} 3230 3231/* ââ PANEL CONTENT âââââââââââââââââââââââââââââââââââââââââ */ 3232 3233.sc-list { 3234 list-style: none; 3235 margin: 0; 3236 padding: 14px 14px 14px 16px; 3237 3238 display: flex; 3239 flex-direction: column; 3240 gap: 6px; 3241 3242 width: 280px; 3243} 3244 3245.sc-item { 3246 display: flex; 3247 align-items: center; 3248 gap: 14px; 3249 3250 background: rgba(30, 111, 181, 0.5); 3251 border-radius: 8px; 3252 3253 padding: 12px 14px; 3254 3255 transition: background 0.2s ease; 3256} 3257 3258.sc-item:hover { 3259 background: #0284c7; 3260} 3261 3262.sc-item-icon { 3263 width: 40px; 3264 height: 40px; 3265 3266 background: #328bcb; 3267 border-radius: 6px; 3268 3269 display: flex; 3270 align-items: center; 3271 justify-content: center; 3272 3273 color: #fff; 3274 3275 flex-shrink: 0; 3276} 3277 3278.sc-item a { 3279 text-decoration: none; 3280 3281 display: flex; 3282 flex-direction: column; 3283 gap: 3px; 3284 3285 white-space: nowrap; 3286} 3287 3288.sc-label { 3289 font-size: 12px; 3290 line-height: 1; 3291 3292 color: rgba(255, 255, 255, 0.65); 3293 font-style: italic; 3294} 3295 3296.sc-value { 3297 font-size: 15px; 3298 font-weight: 700; 3299 line-height: 1.2; 3300 3301 color: #fff; 3302} 3303 3304/* ââ MOBILE âââââââââââââââââââââââââââââââââââââââââââââââ */ 3305 3306@media (max-width: 640px) { 3307 3308 .sticky-contact { 3309 width: 270px; 3310 } 3311 3312 .sc-panel.is-open { 3313 width: 270px; 3314 } 3315 3316 .sc-list { 3317 width: 230px; 3318 padding: 10px 10px 12px 12px; 3319 } 3320 3321 .sc-icon-btn { 3322 width: 44px; 3323 height: 44px; 3324 } 3325 3326 .sc-item { 3327 padding: 10px; 3328 gap: 10px; 3329 } 3330 3331 .sc-item-icon { 3332 width: 34px; 3333 height: 34px; 3334 } 3335 3336 .sc-value { 3337 font-size: 13px; 3338 } 3339 3340 .sc-svg-icon { 3341 width: 18px; 3342 height: 18px; 3343 } 3344} 3345</style> 3346
3347<script> 3348(function () { 3349 'use strict'; 3350 3351 var widget = document.getElementById('sticky-contact'); 3352 var panel = document.getElementById('sc-panel'); 3353 var closeTimer = null; 3354 var isTouchDev = window.matchMedia('(hover: none)').matches; 3355 3356 function open() { 3357 clearTimeout(closeTimer); 3358 widget.classList.add('is-open'); 3359 panel.classList.add('is-open'); 3360 panel.setAttribute('aria-hidden', 'false'); 3361 } 3362 3363 function close() { 3364 widget.classList.remove('is-open'); 3365 panel.classList.remove('is-open'); 3366 panel.setAttribute('aria-hidden', 'true'); 3367 } 3368 3369 function scheduleClose() { 3370 clearTimeout(closeTimer); 3371 closeTimer = setTimeout(close, 200); 3372 } 3373 3374 /* DESKTOP â expand on hover, collapse when mouse leaves */ 3375 if (!isTouchDev) { 3376 widget.addEventListener('mouseenter', open); 3377 widget.addEventListener('mouseleave', scheduleClose); 3378 } 3379 3380 /* MOBILE / TOUCH â first tap expands, second tap follows the link */ 3381 if (isTouchDev) { 3382 widget.querySelectorAll('.sc-icon-btn').forEach(function (btn) { 3383 btn.addEventListener('click', function (e) { 3384 if (!panel.classList.contains('is-open')) { 3385 e.preventDefault(); 3386 open(); 3387 } 3388 // panel already open â let the <a> href navigate normally 3389 }); 3390 }); 3391 3392 document.addEventListener('click', function (e) { 3393 if (!widget.contains(e.target)) close(); 3394 }); 3395 } 3396 3397})(); 3398</script>
3398 3399<!-- END STICKY CONTACT WIDGET --> 3400 3401</body> 3402</html> 3403 </div> 3404 </div> 3405</div></div></div></div><div class="vc_row-full-width vc_clearfix"></div> 3406</div> </div> 3407 </article> 3408 </div> 3409
3409<script type="speculationrules"> 3410{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/clickdo-main-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3411</script>
3411 3412
3412<script> 3413 3414 function arf_open_modal_box_in_nav_menu(menu_id,form_id){ 3415 3416 var nav_menu_link_popup_data_id = jQuery("#arf_nav_menu_link_"+form_id).find('#arf_modal_default').attr('data-link-popup-id'); 3417 if(nav_menu_link_popup_data_id != ""){ 3418 jQuery("#arf_nav_menu_link_"+form_id).find(".arform_modal_link_"+form_id+"_"+nav_menu_link_popup_data_id).trigger( "click" ); 3419 } 3420 } 3421 </script>
3421 3422 3423 <!--googleoff: all--><div id="cookie-law-info-bar" data-nosnippet="true"><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">We use cookies on our website to give you the most relevant experience. If you continue browsing our website, cookies will be stored & you can manually block it through your browser. </div><div class="cli-bar-btn_container"><a id="wt-cli-accept-all-btn" tabindex="0" role="button" data-cli_action="accept_all" class="wt-cli-element medium cli-plugin-button wt-cli-accept-all-btn cookie_action_close_header cli_action_button">Accept All</a> <a role="button" tabindex="0" class="medium cli-plugin-button cli-plugin-main-button cli_settings_button">Settings</a></div></div></span></div><div id="cookie-law-info-again" style="display:none" data-nosnippet="true"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> 3424 <div class="cli-modal-dialog" role="document"> 3425 <div class="cli-modal-content cli-bar-popup"> 3426 <button type="button" class="cli-modal-close" id="cliModalClose"> 3427 <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> 3428 <span class="wt-cli-sr-only">Close</span> 3429 </button> 3430 <div class="cli-modal-body"> 3431 <div class="cli-container-fluid cli-tab-container"> 3432 <div class="cli-row"> 3433 <div class="cli-col-12 cli-align-items-stretch cli-px-0"> 3434 <div class="cli-privacy-overview"> 3435 <h4>Privacy Overview</h4> <div class="cli-privacy-content"> 3436 <div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.</div> 3437 </div> 3438 <a class="cli-privacy-readmore" aria-label="Show more" tabindex="0" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a> </div> 3439 </div> 3440 <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> 3441 <div class="cli-tab-section"> 3442 <div class="cli-tab-header"> 3443 <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab"> 3444 Necessary </a> 3445 <div class="wt-cli-necessary-checkbox"> 3446 <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" /> 3447 <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label> 3448 </div> 3449 <span class="cli-necessary-caption">Always Enabled</span> 3450 </div> 3451 <div class="cli-tab-content"> 3452 <div class="cli-tab-pane cli-fade" data-id="necessary"> 3453 <div class="wt-cli-cookie-description"> 3454 Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information. </div> 3455 </div> 3456 </div> 3457 </div> 3458 <div class="cli-tab-section"> 3459 <div class="cli-tab-header"> 3460 <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab"> 3461 Non-necessary </a> 3462 <div class="cli-switch"> 3463 <input type="checkbox" id="wt-cli-checkbox-non-necessary" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary" checked='checked' /> 3464 <label for="wt-cli-checkbox-non-necessary" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Non-necessary</span></label> 3465 </div> 3466 </div> 3467 <div class="cli-tab-content"> 3468 <div class="cli-tab-pane cli-fade" data-id="non-necessary"> 3469 <div class="wt-cli-cookie-description"> 3470 Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via anal
3470ytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website. </div> 3471 </div> 3472 </div> 3473 </div> 3474 </div> 3475 </div> 3476</div> 3477 </div> 3478 <div class="cli-modal-footer"> 3479 <div class="wt-cli-element cli-container-fluid cli-tab-container"> 3480 <div class="cli-row"> 3481 <div class="cli-col-12 cli-align-items-stretch cli-px-0"> 3482 <div class="cli-tab-footer wt-cli-privacy-overview-actions"> 3483 3484 <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE & ACCEPT</a> 3485 </div> 3486 3487 </div> 3488 </div> 3489 </div> 3490 </div> 3491 </div> 3492 </div> 3493</div> 3494<div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> 3495<div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> 3496<!--googleon: all-->
3496<script type="text/javascript"> 3497 // Home slider bottom widget functionality 3498 jQuery(function ($) { 3499 $(document).scroll(function(){ 3500 var scrollVal = $(document).scrollTop(); 3501 if (scrollVal>390) { 3502 $(".home-slider-bottom-wgt").css("display","none"); 3503 $("#ajaxsearchlite1").css("visibility","hidden"); 3504 } else { 3505 $(".home-slider-bottom-wgt").css("display","block"); 3506 $("#ajaxsearchlite1").css("visibility","visible"); 3507 } 3508 //console.log('Event Fired:'+output ); 3509 }); 3510 3511 }); 3512</script>
3512 3513 3514 3515 3516<!-- Facebook Pixel Code -->
3517<script>
vendor: 401 bytes, lines 3517-3523
3517 3518!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 3519n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 3520n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 3521t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 3522document,'script','https://connect.facebook.net/en_US/fbevents.js'); 3523fbq('init', '
35231669705043331618
vendor: 4 bytes, line 3523
3523');
3523// Insert your pixel ID here. 3524fbq('track', 'PageView'); 3525</script>
3525 3526<noscript><img height="1" width="1" style="display:none" 3527src="https://www.facebook.com/tr?id=1669705043331618&ev=PageView&noscript=1" 3528/></noscript> 3529<!-- DO NOT MODIFY --> 3530<!-- End Facebook Pixel Code --> 3531 3532 3533<!--Start of Tawk.to Script-->
3534<script type="text/javascript"> 3535var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 3536(function(){ 3537var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; 3538s1.async=true; 3539s1.src='https://embed.tawk.to/56b4a7daa43a3b4f7c403337/default'; 3540s1.charset='UTF-8'; 3541s1.setAttribute('crossorigin','*'); 3542s0.parentNode.insertBefore(s1,s0); 3543})(); 3544</script>
3544 3545<!--End of Tawk.to Script-->
3545<script type='text/javascript'> 3546 (function () { 3547 var c = document.body.className; 3548 c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); 3549 document.body.className = c; 3550 })(); 3551 </script>
3551 3552
3552<script id="wp-hooks-js" data-cfasync="false" src="https://Clickdo.b-cdn.net/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 3552
3552
3553<script id="wp-i18n-js" data-cfasync="false" src="https://Clickdo.b-cdn.net/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 3553
3553
3554<script id="wp-i18n-js-after"> 3555wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 3556//# sourceURL=wp-i18n-js-after 3557</script>
vendor: 1 bytes, line 3557
3557
3558<script id="swv-js" src="https://www.clickdo.co.uk/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 3558
3558
3559<script id="contact-form-7-js-before"> 3560var wpcf7 = { 3561 "api": { 3562 "root": "https:\/\/www.clickdo.co.uk\/wp-json\/", 3563 "namespace": "contact-form-7\/v1" 3564 } 3565}; 3566//# sourceURL=contact-form-7-js-before 3567</script>
vendor: 1 bytes, line 3567
3567
3568<script id="contact-form-7-js" src="https://www.clickdo.co.uk/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 3568
3568
3569<script id="woocommerce-js-extra"> 3570var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"}; 3571//# sourceURL=woocommerce-js-extra 3572</script>
vendor: 1 bytes, line 3572
3572
3573<script data-wp-strategy="defer" id="woocommerce-js" src="https://www.clickdo.co.uk/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 3573
3573
3574<script id="ppress-frontend-script-js-extra"> 3575var pp_ajax_form = {"ajaxurl":"https://www.clickdo.co.uk/wp-admin/admin-ajax.php","confirm_delete":"Are you sure?","deleting_text":"Deleting...","deleting_error":"An error occurred. Please try again.","nonce":"bb8d972447","disable_ajax_form":"false","is_checkout":"0","is_checkout_tax_enabled":"0","is_checkout_autoscroll_enabled":"true","is_user_logged_in":"0"}; 3576//# sourceURL=ppress-frontend-script-js-extra 3577</script>
vendor: 1 bytes, line 3577
3577
3578<script id="ppress-frontend-script-js" src="https://www.clickdo.co.uk/wp-content/plugins/wp-user-avatar/assets/js/frontend.min.js?ver=4.17.5"></script>
vendor: 1 bytes, line 3578
3578
3579<script id="q2w3_fixed_widget-js-extra"> 3580var q2w3_sidebar_options = [{"sidebar":"sidebar-1","use_sticky_position":false,"margin_top":60,"margin_bottom":780,"stop_elements_selectors":"","screen_max_width":768,"screen_max_height":0,"widgets":["#media_image-13","#media_image-17"]}]; 3581//# sourceURL=q2w3_fixed_widget-js-extra 3582</script>
vendor: 1 bytes, line 3582
3582
3583<script id="q2w3_fixed_widget-js" src="https://www.clickdo.co.uk/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js?ver=6.2.3"></script>
vendor: 1 bytes, line 3583
3583
3584<script id="heateor_sss_sharing_js-js-before"> 3585function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}}; var heateorSssSharingAjaxUrl = 'https://www.clickdo.co.uk/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://www.clickdo.co.uk/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://www.clickdo.co.uk/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = -10; var heateorSssMobileStickySharingEnabled = 0;var heateorSssCopyLinkMessage = "Link copied.";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'Shares', heateorSssShareText = 'Share';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")} 3586//# sourceURL=heateor_sss_sharing_js-js-before 3587</script>
vendor: 1 bytes, line 3587
3587
3588<script id="heateor_sss_sharing_js-js" src="https://www.clickdo.co.uk/wp-content/plugins/sassy-social-share/public/js/sassy-social-share-public.js?ver=3.3.79"></script>
vendor: 1 bytes, line 3588
3588
3589<script id="sourcebuster-js-js" src="https://www.clickdo.co.uk/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 3589
3589
3590<script id="wc-order-attribution-js-extra"> 3591var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://www.clickdo.co.uk/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; 3592//# sourceURL=wc-order-attribution-js-extra 3593</script>
vendor: 1 bytes, line 3593
3593
3594<script id="wc-order-attribution-js" src="https://www.clickdo.co.uk/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.1.2"></script>
vendor: 86 bytes, lines 3594-3595
3594 3595<script id="google-recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=
35956LceyucUAAAAAJUTPr9ALAgnJ8KoyzlHPYqv-0aF
vendor: 25 bytes, line 3595
3595&ver=3.0"></script>
3596<script id="wp-polyfill-js" data-cfasync="false" src="https://Clickdo.b-cdn.net/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0"></script>
vendor: 1 bytes, line 3596
3596
3597<script id="wpcf7-recaptcha-js-before"> 3598var wpcf7_recaptcha = { 3599 "sitekey": "6LceyucUAAAAAJUTPr9ALAgnJ8KoyzlHPYqv-0aF", 3600 "actions": { 3601 "homepage": "homepage", 3602 "contactform": "contactform" 3603 } 3604}; 3605//# sourceURL=wpcf7-recaptcha-js-before 3606</script>
vendor: 1 bytes, line 3606
3606
3607<script id="wpcf7-recaptcha-js" src="https://www.clickdo.co.uk/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 3607
3607
3608<script id="ubermenu-js-extra"> 3609var ubermenu_data = {"remove_conflicts":"on","reposition_on_load":"off","intent_delay":"300","intent_interval":"100","intent_threshold":"7","scrollto_offset":"50","scrollto_duration":"1000","responsive_breakpoint":"959","accessible":"on","mobile_menu_collapse_on_navigate":"on","retractor_display_strategy":"responsive","touch_off_close":"on","submenu_indicator_close_mobile":"on","collapse_after_scroll":"on","v":"3.8.5","configurations":["main"],"ajax_url":"https://www.clickdo.co.uk/wp-admin/admin-ajax.php","plugin_url":"https://www.clickdo.co.uk/wp-content/plugins/ubermenu/","disable_mobile":"on","prefix_boost":"","use_core_svgs":"off","aria_role_navigation":"off","aria_nav_label":"off","aria_expanded":"off","aria_haspopup":"off","aria_hidden":"off","aria_controls":"","aria_responsive_toggle":"off","icon_tag":"i","esc_close_mobile":"on","keyboard_submenu_trigger":"enter","theme_locations":{"menu-1":"Primary","my-custom-menu":"Top Menu"}}; 3610//# sourceURL=ubermenu-js-extra 3611</script>
vendor: 1 bytes, line 3611
3611
3612<script id="ubermenu-js" src="https://www.clickdo.co.uk/wp-content/plugins/ubermenu/assets/js/ubermenu.min.js?ver=3.8.5"></script>
vendor: 1 bytes, line 3612
3612
3613<script id="googlesitekit-events-provider-contact-form-7-js" src="https://www.clickdo.co.uk/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-contact-form-7-fac2a8013ba5ba355cd0.js" defer></script>
vendor: 1 bytes, line 3613
3613
3614<script id="googlesitekit-events-provider-content-events-js-before"> 3615window._googlesitekit = window._googlesitekit || {}; 3616window._googlesitekit.contentEvents = {"postID":50971,"isSinglePost":false,"hasVimeoEmbed":false}; 3617//# sourceURL=googlesitekit-events-provider-content-events-js-before 3618</script>
vendor: 1 bytes, line 3618
3618
3619<script id="googlesitekit-events-provider-content-events-js" src="https://www.clickdo.co.uk/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-c7172f3fd0e4d5ad62ef.js" defer></script>
vendor: 1 bytes, line 3619
3619
3620<script id="googlesitekit-events-provider-woocommerce-js-before"> 3621window._googlesitekit.wcdata = window._googlesitekit.wcdata || {}; 3622window._googlesitekit.wcdata.products = []; 3623window._googlesitekit.wcdata.add_to_cart = null; 3624window._googlesitekit.wcdata.currency = "GBP"; 3625window._googlesitekit.wcdata.currencyMinorUnit = 2; 3626window._googlesitekit.wcdata.eventsToTrack = ["add_to_cart","purchase"]; 3627//# sourceURL=googlesitekit-events-provider-woocommerce-js-before 3628</script>
vendor: 1 bytes, line 3628
3628
3629<script id="googlesitekit-events-provider-woocommerce-js" src="https://www.clickdo.co.uk/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-woocommerce-86c5a3ff303665006998.js" defer></script>
vendor: 1 bytes, line 3629
3629
3630<script id="jquery-core-js" data-cfasync="false" src="https://Clickdo.b-cdn.net/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 3630
3630
3631<script id="wpb_composer_front_js-js" src="https://www.clickdo.co.uk/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=8.7.3"></script>
3631 3632</body> 3633</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.