PageSourceSearch

https://www.clickdo.co.uk/

html clickdo.co.uk collected 2026-10-01 06:45:26 UTC 228,230 bytes, 3,633 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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™ &raquo; Feed" href="https://www.clickdo.co.uk/feed/" />
42<link rel="alternate" type="application/rss+xml" title="ClickDo™ &raquo; 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&#038;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&#038;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&#038;controller=settings&#038;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 &nbsp 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 &amp; 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 &amp; 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 &amp; 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&#038;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.