Help
RSS
API
Feed
Maltego
Contact
Domain > cannywebsites.co.uk
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-06-07
18.165.32.112
(
ClassC
)
2024-06-20
65.8.248.111
(
ClassC
)
2024-06-29
18.239.225.75
(
ClassC
)
2025-11-26
18.161.6.72
(
ClassC
)
Port 80
HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 104895Connection: keep-aliveDate: Wed, 26 Nov 2025 21:02:34 GMTLast-Modified: Sun, 07 Jul 2024 18:38:09 GMTETag: 3dcd8e477a57d4fd762ea041df5ca679x-amz-server-side-encryption: AES256Accept-Ranges: bytesServer: AmazonS3X-Cache: Miss from cloudfrontVia: 1.1 8731d2a1a7d15f67b588bf58f652f9f0.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P1X-Amz-Cf-Id: m-b5hqqmEPh6Xzwwb_hfm1zSRWsYCfxYhdwbhc7YGwVeYMDNcWGP7Q !DOCTYPE html>html langen>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload href/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2 asfont crossorigin typefont/woff2/>link relpreload asimage href/canny-logo-v2.svg fetchPriorityhigh/>link relpreload asimage href/header-img.png fetchPriorityhigh/>link relpreload asimage href/white-sep.svg fetchPriorityhigh/>link relpreload asimage href/kieran-profile.jpg fetchPriorityhigh/>link relpreload asimage href/joe-profile.jpg fetchPriorityhigh/>link relpreload asimage href/mays-profile.jpg fetchPriorityhigh/>link relpreload asimage href/timber-fencing.png/>link relpreload asimage href/geddes.png/>link relpreload asimage href/tes-elec.png/>link relpreload asimage href/clearaway.png/>link relstylesheet href/_next/static/css/858ef628de0ce9b0.css crossorigin data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-374b3ec830afd993.js crossorigin/>script src/_next/static/chunks/fd9d1056-cc48c28d170fddc2.js async crossorigin>/script>script src/_next/static/chunks/69-b2198103c63158f1.js async crossorigin>/script>script src/_next/static/chunks/main-app-405255a2a656ef44.js async crossorigin>/script>script src/_next/static/chunks/712-a02ce46ac0f5e41e.js async>/script>script src/_next/static/chunks/app/page-8bb45c76cda8cb49.js async>/script>link relpreload asimage href/tree.png/>link relpreload asimage href/crown.png/>link relpreload asimage hrefwhite-sep.svg/>title>Canny Websites/title>link relicon href/favicon.ico typeimage/x-icon sizes16x16/>meta namenext-size-adjust/>script src/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js crossorigin noModule>/script>/head>body class__className_aaf875>main classoverflow-hidden>header classmax-w-7xl mx-auto sticky top-0 md:static bg-white z-99999 pt-6 lg:pt-16 px-6>div classhidden lg:flex flex-col md:flex-row gap-6 justify-between align-center items-center>a href/>img altCanny Websites Logo fetchPriorityhigh width170 height100 decodingasync data-nimg1 stylecolor:transparent src/canny-logo-v2.svg/>/a>nav classdesktop text-lg flex flex-row justify-evenly align-center items-center gap-x-8 text---dgray>a href/ classhover:cursor hover:text---green>Home/a>a href/#about classhover:cursor hover:text---green>Who We Are/a>a href/#work classhover:cursor hover:text---green>Our Work/a>a href/#reviews classhover:cursor hover:text---green>Customer Reviews/a>/nav>div classflex flex-col justify-items align-center>a hreftel://07999999999 classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 >Speak to span classline-through italic text-orange-200>Sales/span> Joe/span>/a>a href#contact classtext-0.9em pt-4 italic text-gray-500>Prefer to fill in a form? Click Here/a>/div>/div>div classblock lg:hidden>div classflex flex-row justify-between>img altCanny Websites Logo fetchPriorityhigh width120 height50 decodingasync data-nimg1 classh-20 stylecolor:transparent src/canny-logo-v2.svg/>div classcontainer>input idclick typecheckbox nameexit/>label forclick>span classburger>/span>/label>nav classmobile opacity-0 absolute -top-100% py-6 left-0 transition-all duration-300 w-full h-screen bg-gradient-to-tr from-gray-200 to-white basis-full w-full text-xl flex flex-col items-start gap-y-4 text---dgray>div classw-full text-center mb-8 pl-6>img altCanny Websites Logo fetchPriorityhigh width120 height50 decodingasync data-nimg1 classh-20 stylecolor:transparent src/canny-logo-v2.svg/>/div>div classp-6 w-full flex flex-col justify-center items-center text-center >a href# classw-full block p-4 hover:cursor hover:text-white>Home/a>a href#about classw-full block p-4 hover:cursor hover:text-white>Who We Are/a>a href#work classw-full block p-4 hover:cursor hover:text-white>Our Work/a>a href#reviews classw-full block p-4 hover:cursor hover:text-white>Customer Reviews/a>a href#contact classw-full block p-4 hover:cursor hover:text-white>Contact Us/a>a hreftel://07999999999 classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 >Or Speak to span classline-through italic text-orange-200>Sales/span> Joe, Right Now/span>/a>/div>/nav>/div>/div>/div>/header>section classrelative isolate overflow-hidden w-full h-full px-6>svg classhidden md:block absolute top-5% left-0 w-full z--1 opacity-40 rotate-15deg xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col md:flex-row justify-between gap-x-12 items-center align-center py-24 md:py-32>div classflex flex-col gap-y-8>div classflex flex-row justify-start items-center>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>p classtext---dgray text-sm font-bold ml-2>5/5/p>a href#reviews classtext---dgray hover:text---green underline text-sm ml-2>See Reviews/a>/div>h1 classtext-4xl text---dgray font-extrabold sm:text-5xl>Websites for hard working lads and lasses across the North East/h1>p classtext-2xl text---dgray leading-relaxed>Work in the trades? Prefer wires or wrenches to keyboards and mice? We've got you covered. Let's build a website that showcases your expertise while you focus on what you do best!/p>div classflex flex-col md:flex-row items-center md:items-start gap-x-6>a href#product classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group mb-6 md:mb-0>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---green rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 group-hover:text-white>Websites For The Trades/span>/a>a href#reviews classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg-white border border-2 border---dgray rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text---dgray transition-colors duration-200 ease-in-out delay-100 group-hover:text-white>Customer Reviews/span>/a>div classflex lg:hidden flex-col justify-items align-center mt-6 md:mt-0>a hreftel://07999999999 classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 >Speak to span classline-through italic text-orange-200>Sales/span> Joe/span>/a>a href#contact classtext-0.9em pt-4 italic text-gray-500>Prefer to fill in a form? Click Here/a>/div>/div>/div>img altHeader Image fetchPriorityhigh width600 height300 decodingasync data-nimg1 classw-full max-w-600px hidden lg:block stylecolor:transparent src/header-img.png/>/div>/section>section idproduct classrelative isolate overflow-hidden w-full h-full bg-gray-200>img altSeparator fetchPriorityhigh width900 height200 decodingasync data-nimg1 classhidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg stylecolor:transparent src/white-sep.svg/>svg classhidden md:block absolute top-15% left-0 w-full z--1 rotate-45deg xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-24>div classmax-w-3xl flex flex-col gap-y-8 text-center>h3 classtext-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed>What's span classinline-block lobster text-white bg---orange px-1.5 skew-x--6deg underline leading-relaxed>Included/span>/h3>p classtext-xl text---dgray leading-relaxed>As a small team of developers, we can design & build anything you can imagine, be it a website, mobile app, desktop software, a new piece of hardware to control some sensors in your workshop and more span classitalic>(big heads!)/span>. Our bread and butter however, is our world famous trade website package - something we're really proud of./p>/div>div classgrid grid-cols-1 lg:grid-cols-3 gap-y-8 lg:gap-8>a href#contact classbg-gray-50 p-4 lg:p-12 flex flex-col justify-center border-2 border-gray-100 gap-y-4 rounded-xl text-center md:text-left hover:bg---orange shadow-2xl group transition-all duration-300 col-span-2>div classshadow-xl h-20 w-20 bg---orange text-white group-hover:text---orange group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto md:mx-0 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor classw-10 h-10>path stroke-linecapround stroke-linejoinround dM15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z>/path>/svg>/div>h3 classtext-3xl mt-2 text---dgray group-hover:text-white font-extrabold tracking-wide leading-relaxed transition-all duration-300>Our World Famous Trade Website Package!/h3>p classtext-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300>We're all about making professional websites for trade businesses like yours. Give us the basics, and within a week, done! Your custom site is up and running. No fuss, no fancy contracts—just one flat monthly fee for unlimited updates. We're pretty sure there isn't a better deal anywhere else./p>ul classtext-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300 list-disc pl-4 lg:pl-12>li>One Week Turnaround Time/li>li>Free Website Address (e.g. myPlumbingBusiness.co.uk)/li>li>Free Email Address (get rid of that gmail on your van)/li>li>We'll tell the search engines (Google) that you exist/li>li>Free copywriting service (we can give you the content you need)/li>li>Free graphic design service (need a logo, some images for your website or more)?/li>li>Deal with one person and one person only, no jumping around to different people/li>li>Monthly maintenance included (unlimited amends)/li>li>No contracts!/li>/ul>div classshadow-xl mt-6 h-12 w-12 bg---orange text-white group-hover:text---orange group-hover:bg-white flex flex-col justify-center items-center rounded-full mx-auto md:mx-0 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor classw-6 h-6>path stroke-linecapround stroke-linejoinround dM13.5 4.5 21 12m0 0-7.5 7.5M21 12H3>/path>/svg>/div>/a>a href#contact classbg-gray-50 border-2 border-gray-100 p-6 lg:p-12 flex flex-col justify-center gap-y-6 rounded-xl text-center hover:bg---green shadow-2xl group transition-all duration-300>div classshadow-xl h-20 w-20 bg---green text-white group-hover:text---green group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor classw-10 h-10>path stroke-linecapround stroke-linejoinround dm11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z>/path>/svg>/div>h4 classtext-3xl text---dgray group-hover:text-white font-extrabold tracking-wide leading-relaxed transition-all duration-300>Need More?/h4>p classtext-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300>If you'd like to sell products from your website, connect your website to another service such as Xero, Stripe etc, automate your business or more, we'd need to have a quick chat about your goals before we quote./p>div classshadow-xl h-12 w-12 bg---green text-white group-hover:text---green group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor classw-6 h-6>path stroke-linecapround stroke-linejoinround dM13.5 4.5 21 12m0 0-7.5 7.5M21 12H3>/path>/svg>/div>/a>/div>/div>img altSeparator fetchPriorityhigh width900 height200 decodingasync data-nimg1 classhidden md:block absolute bottom-0 left-0 w-full z--1 stylecolor:transparent src/white-sep.svg/>/section>section idabout classrelative isolate overflow-hidden w-full h-full px-6>svg classhidden md:block absolute top-15% left-0 w-full z--1 opacity-60 xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-24 md:py-32>div classmax-w-3xl flex flex-col gap-y-8 text-center>h3 classtext-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed>Three span classinline-block lobster text-white bg---blue px-1.5 skew-x--6deg underline leading-relaxed>Local/span> Lads/h3>p classtext-xl text---dgray leading-relaxed>We're a small, local and friendly team. This means you get less call centre and more direct mobile number. We'd like to become the go-to team for trades people in the North East - a down to earth customer base supported by a down to earth website development team./p>/div>div classflex flex-col md:flex-row space-between gap-x-8 gap-y-8>div classrelative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3>div classw-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0>img altKieran Snowball Profile Photo fetchPriorityhigh width300 height300 decodingasync data-nimg1 classw-full object-cover stylecolor:transparent src/kieran-profile.jpg/>/div>div classpx-6 pt-140px pb-6 flex flex-col justify-between h-full>div>p classtext-sm text-gray-400 leading-relaxed>Director / Developer/p>h4 classtext-3xl text---dgray font-extrabold tracking-wide leading-relaxed>Kieran Snowball/h4>p classtext-xl text---dgray leading-relaxed>Hi, I'm Kieran! I have over 10 years experience in developing websites of all sizes and I love overcoming challenges and bringing concepts to life for you to see on the screen./p>/div>/div>/div>div classrelative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3>div classw-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0>img altJoe Crees Profile Photo fetchPriorityhigh width300 height300 decodingasync data-nimg1 classw-full object-cover stylecolor:transparent src/joe-profile.jpg/>/div>div classpx-6 pt-140px pb-6 flex flex-col justify-between h-full>div>p classtext-sm text-gray-400 leading-relaxed>Director / Sales/p>h4 classtext-3xl text---dgray font-extrabold tracking-wide leading-relaxed>Joe Crees/h4>p classtext-xl text---dgray leading-relaxed>My job is to make this as simple as possible for you. I understand that websites and technology can sound and feel complicated. I’ll help explain everything in an easy to digest way. You’ve got me on hand for all the support you need./p>/div>/div>/div>div classrelative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3>div classw-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0>img altJustin Mays Profile Photo fetchPriorityhigh width300 height300 decodingasync data-nimg1 classw-full object-cover stylecolor:transparent src/mays-profile.jpg/>/div>div classpx-6 pt-140px pb-6 flex flex-col justify-between h-full>div>p classtext-sm text-gray-400 leading-relaxed>Director / Developer/p>h4 classtext-3xl text---dgray font-extrabold tracking-wide leading-relaxed>Justin/h4>p classtext-xl text---dgray leading-relaxed>Hey there! I'm passionate about turning ideas into reality and finding creative solutions to challenges. With over twenty years of experience in website and software development, I still get excited about every project./p>/div>/div>/div>/div>/div>/section>section idwork classrelative isolate overflow-hidden w-full h-full px-6 py-40px lg:py-100px bg---green>img classhidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg src/white-sep.svg altSeparator/>svg classhidden md:block absolute top-15% left-0 w-full z--1 opacity-50 rotate-25deg xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-12 md:py-32>div classmax-w-3xl flex flex-col gap-y-8 text-center>h3 classtext-4xl text-white font-extrabold tracking-wide sm:text-5xl leading-relaxed>Our Recent span classinline-block lobster text---dgray bg-white px-1.5 skew-x--6deg underline leading-relaxed>Work/span>/h3>p classtext-xl text-white leading-relaxed>Here are the most recent project we've worked on./p>/div>div classmax-w-7xp mx-auto px-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 justify-between align-center gap-6>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/timber-fencing.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Landscaping/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.thetimberfencingcompany.co.uk/ target_blank>span classabsolute inset-0>/span>The Timber Fencing Company/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/kieran-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Kieran/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/geddes.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Construction/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.geddes-group.co.uk/ target_blank>span classabsolute inset-0>/span>Geddes Construction/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/mays-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Justin/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/tes-elec.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Electrician/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.tes-elec.co.uk/ target_blank>span classabsolute inset-0>/span>Taylor Electrical Services/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/kieran-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Kieran/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/clearaway.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Waste Removal/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.clearawaywasteremovals.co.uk/ target_blank>span classabsolute inset-0>/span>Clearaway Waste Removals/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/kieran-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Kieran/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/tree.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Landscaping/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.wetreelandscapefence.co.uk/ target_blank>span classabsolute inset-0>/span>WE Tree, Landscape & Fence/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/mays-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Justin/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/crown.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Property Renovations/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://crownpropertyrenovations.co.uk/ target_blank>span classabsolute inset-0>/span>Crown Property Renovations/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/kieran-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Kieran/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>/div>/div>img classhidden md:block absolute bottom-0 left-0 w-full z--1 srcwhite-sep.svg altSeparator/>/section>div idreviews classrelative isolate overflow-hidden bg-white py-24 sm:py-32>svg classhidden md:block absolute top-15% rotate-20deg left-0 w-full z--1 opacity-60 xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmx-auto max-w-7xl px-6 lg:px-8>div classmx-auto max-w-3xl text-center>h3 classtext-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed>Don't just listen to us, listen to what span classinline-block lobster text-white bg---orange px-1.5 skew-x--6deg underline leading-relaxed>our clients say!/span>/h3>/div>div classmx-auto mt-16 flow-root max-w-2xl sm:mt-20 lg:mx-0 lg:max-w-none>div class-mt-8 sm:-mx-4 sm:columns-2 sm:text-0 lg:columns-2>div classpt-8 sm:inline-block sm:w-full sm:px-4>figure classrounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6>blockquote classtext-gray-900>p>“Very happy with the service I received. My website is exactly what I envisioned!”/p>/blockquote>figcaption classmt-6 flex items-center gap-x-4>div>div classfont-semibold text-gray-900>MP Coaching/div>/div>/figcaption>/figure>/div>div classpt-8 sm:inline-block sm:w-full sm:px-4>figure classrounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6>blockquote classtext-gray-900>p>“Super satisfied with 5* service. Joe and his team at Canny Websites have been super supportive right from the off. When they first created my website last year - I was really impressed with the level of understanding of my requirements from the initial consultation phone call. I am really satisfied with the ongoing support they continue to provide so therefore I would be happy in recommending them to anyone else”/p>/blockquote>figcaption classmt-6 flex items-center gap-x-4>div>div classfont-semibold text-gray-900>Mr JM/div>/div>/figcaption>/figure>/div>div classpt-8 sm:inline-block sm:w-full sm:px-4>figure classrounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6>blockquote classtext-gray-900>p>“Can’t fault Joe and the team at canny websites have made me the perfect website very professional and goes the extra mile to help 5 star service highly recommend”/p>/blockquote>figcaption classmt-6 flex items-center gap-x-4>div>div classfont-semibold text-gray-900>Chris Webb/div>/div>/figcaption>/figure>/div>div classpt-8 sm:inline-block sm:w-full sm:px-4>figure classrounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6>blockquote classtext-gray-900>p>“Excellent service, could not do enough for me, got the end result I really wanted.”/p>/blockquote>figcaption classmt-6 flex items-center gap-x-4>div>div classfont-semibold text-gray-900>Conor Taylor/div>/div>/figcaption>/figure>/div>/div>/div>/div>/div>section idcontact classrelative isolate overflow-hidden w-full h-full px-6 pt-20 bg-gradient-to-b from-gray-200 to-white>img altSeparator fetchPriorityhigh width900 height200 decodingasync data-nimg1 classhidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg stylecolor:transparent src/white-sep.svg/>svg classhidden md:block absolute top-15% left-0 w-full rotate-35deg z--1 opacity-60 xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-12 md:py-32>div classmax-w-3xl flex flex-col gap-y-8 text-center>h3 classtext-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed>Contact span classinline-block lobster text-white bg---blue px-1.5 skew-x--6deg underline leading-relaxed>Us/span>/h3>p classtext-xl text---dgray leading-relaxed>No fuss, no call centres just real people wanting to help you and your business. Get in touch today to see how we can help!/p>/div>div classw-full max-w-4xl mx-auto flex flex-col md:flex-row space-between gap-x-8 gap-y-8 bg-black bg-opacity-5 backdrop-blur-sm rounded-xl p-6 shadow-5px_5px_15px_rgba(0,0,0,0.15)>form classw-full mx-auto>div classw-full grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2>div>label classblock text-base font-semibold leading-6 text-gray-900>Name/label>div classmt-2.5>input typetext idname classblock w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6 nameName/>/div>/div>div>label classblock text-base font-semibold leading-6 text-gray-900>Email/label>div classmt-2.5>input typeemail idemail classblock w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6 nameEmail/>/div>/div>div>label classblock text-base font-semibold leading-6 text-gray-900>Phone/label>div classmt-2.5>input typetel idphone classblock w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6 namePhone/>/div>/div>div>label classblock text-base font-semibold leading-6 text-gray-900>Company/label>div classmt-2.5>input typetext idcompany classblock w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-40 sm:text-sm sm:leading-6 nameCompany/>/div>/div>div classsm:col-span-2>label classblock text-base font-semibold leading-6 text-gray-900>Message/label>div classmt-2.5>textarea nameMessage idmessage classblock w-full min-h-32 resize-none rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6>/textarea>/div>/div>/div>div classmt-10>button typesubmit classrelative inline-flex items-center justify-center px-12 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group mb-6 md:mb-0>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---blue rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 group-hover:text-white>Let's Talk/span>/button>/div>/form>/div>/div>/section>footer classrelative mt-16 bg-gray-100>svg classabsolute top-0 w-full h-6 -mt-5 sm:-mt-10 sm:h-16 text-gray-100 preserveAspectRationone viewBox0 0 1440 54>path fillcurrentColor dM0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z>/path>/svg>div classpx-4 pt-12 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8>div classgrid gap-16 row-gap-10 mb-8 lg:grid-cols-6>div classmd:max-w-md lg:col-span-2>a href/ aria-labelGo home titleCompany classinline-flex items-center>img altCanny Websites Logo fetchPriorityhigh width120 height50 decodingasync data-nimg1 classh-20 stylecolor:transparent src/canny-logo-v2.svg/>/a>/div>div classgrid grid-cols-2 gap-5 row-gap-8 lg:col-span-4 md:grid-cols-4>/div>/div>div classflex flex-col justify-between pt-5 pb-10 border-t border-deep-purple-accent-200 sm:flex-row>p classtext-sm text---dgray>© span iddate>/span> Canny Digital Ltd. All rights reserved./p>div classflex items-center mt-4 space-x-4 sm:mt-0>a hrefhttps://www.facebook.com/share/tRCcEh3xcJUB5JsG/?mibextidLQQJ4d target_blank classtransition-colors duration-300 text---dgray hover:text---orange cursor-pointer>svg viewBox0 0 24 24 fillcurrentColor classh-5>path dM22,0H2C0.895,0,0,0.895,0,2v20c0,1.105,0.895,2,2,2h11v-9h-3v-4h3V8.413c0-3.1,1.893-4.788,4.659-4.788 c1.325,0,2.463,0.099,2.795,0.143v3.24l-1.918,0.001c-1.504,0-1.795,0.715-1.795,1.763V11h4.44l-1,4h-3.44v9H22c1.105,0,2-0.895,2-2 V2C24,0.895,23.105,0,22,0z>/path>/svg>/a>a hrefhttps://www.instagram.com/cannywebsites?igshMWVmamt0NzR0OTNsMw%3D%3D&utm_sourceqr target_blank classtransition-colors duration-300 text---dgray hover:text---orange cursor-pointer>svg viewBox0 0 30 30 fillcurrentColor classh-6>circle cx15 cy15 r4>/circle>path dM19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10 C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1 c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z>/path>/svg>/a>/div>/div>/div>/footer>/main>script src/_next/static/chunks/webpack-374b3ec830afd993.js crossorigin async>/script>script>(self.__next_fself.__next_f||).push(0);self.__next_f.push(2,null)/script>script>self.__next_f.push(1,1:HL\/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n2:HL\/_next/static/css/858ef628de0ce9b0.css\,\style\,{\crossOrigin\:\\}\n0:\$L3\\n)/script>script>self.__next_f.push(1,4:I7690,,\\\n6:I1749,\712\,\static/chunks/712-a02ce46ac0f5e41e.js\,\931\,\static/chunks/app/page-8bb45c76cda8cb49.js\,\Image\\n7:I5687,\712\,\static/chunks/712-a02ce46ac0f5e41e.js\,\931\,\static/chunks/app/page-8bb45c76cda8cb49.js\,\Contact\\n8:I5613,,\\\n9:I1778,,\\\nb:I8955,,\\\nc:\n)/script>script>self.__next_f.push(1,3:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/858ef628de0ce9b0.css\,\precedence\:\next\,\crossOrigin\:\\},\$\,\$L4\,null,{\buildId\:\SPBOAtJIbaA-UGNUAVRr8\,\assetPrefix\:\\,\initialCanonicalUrl\:\/\,\initialTree\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\initialSeedData\:\\,{\children\:\__PAGE__\,{},\$L5\,\$\,\main\,null,{\className\:\overflow-hidden\,\children\:\$\,\header\,null,{\className\:\max-w-7xl mx-auto sticky top-0 md:static bg-white z-99999 pt-6 lg:pt-16 px-6\,\children\:\$\,\div\,null,{\className\:\hidden lg:flex flex-col md:flex-row gap-6 justify-between align-center items-center\,\children\:\$\,\a\,null,{\href\:\/\,\children\:\$\,\$L6\,null,{\src\:\/canny-logo-v2.svg\,\alt\:\Canny Websites Logo\,\width\:170,\height\:100,\priority\:true}},\$\,\nav\,null,{\className\:\desktop text-lg flex flex-row justify-evenly align-center items-center gap-x-8 text---dgray\,\children\:\$\,\a\,null,{\href\:\/\,\className\:\hover:cursor hover:text---green\,\children\:\Home\},\$\,\a\,null,{\href\:\/#about\,\className\:\hover:cursor hover:text---green\,\children\:\Who We Are\},\$\,\a\,null,{\href\:\/#work\,\className\:\hover:cursor hover:text---green\,\children\:\Our Work\},\$\,\a\,null,{\href\:\/#reviews\,\className\:\hover:cursor hover:text---green\,\children\:\Customer Reviews\}},\$\,\div\,null,{\className\:\flex flex-col justify-items align-center\,\children\:\$\,\a\,null,{\href\:\tel://07999999999\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text-white transition-colors duration-200 ease-in-out delay-100 \,\children\:\Speak to \,\$\,\span\,null,{\className\:\line-through italic text-orange-200\,\children\:\Sales\},\ Joe\}},\$\,\a\,null,{\href\:\#contact\,\className\:\text-0.9em pt-4 italic text-gray-500\,\children\:\Prefer to fill in a form? Click Here\}}},\$\,\div\,null,{\className\:\block lg:hidden\,\children\:\$\,\div\,null,{\className\:\flex flex-row justify-between\,\children\:\$\,\$L6\,null,{\className\:\h-20\,\src\:\/canny-logo-v2.svg\,\alt\:\Canny Websites Logo\,\width\:120,\height\:50,\priority\:true},\$\,\div\,null,{\className\:\container\,\children\:\$\,\input\,null,{\id\:\click\,\name\:\exit\,\type\:\checkbox\},\$\,\label\,null,{\htmlFor\:\click\,\children\:\$\,\span\,null,{\className\:\burger\}},\$\,\nav\,null,{\className\:\mobile opacity-0 absolute -top-100% py-6 left-0 transition-all duration-300 w-full h-screen bg-gradient-to-tr from-gray-200 to-white basis-full w-full text-xl flex flex-col items-start gap-y-4 text---dgray\,\children\:\$\,\div\,null,{\className\:\w-full text-center mb-8 pl-6\,\children\:\$\,\$L6\,null,{\className\:\h-20\,\src\:\/canny-logo-v2.svg\,\alt\:\Canny Websites Logo\,\width\:120,\height\:50,\priority\:true}},\$\,\div\,null,{\className\:\p-6 w-full flex flex-col justify-center items-center text-center \,\children\:\$\,\a\,null,{\href\:\#\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Home\},\$\,\a\,null,{\href\:\#about\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Who We Are\},\$\,\a\,null,{\href\:\#work\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Our Work\},\$\,\a\,null,{\href\:\#reviews\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Customer Reviews\},\$\,\a\,null,{\href\:\#contact\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Contact Us\},\$\,\a\,null,{\href\:\tel://07999999999\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text-white transition-colors duration-200 ease-in-out delay-100 \,\children\:\Or Speak to \,\$\,\span\,null,{\className\:\line-through italic text-orange-200\,\children\:\Sales\},\ Joe, Right Now\}}}}}}}},\$\,\section\,null,{\className\:\relative isolate overflow-hidden w-full h-full px-6\,\children\:\$\,\svg\,null,{\className\:\hidden md:block absolute top-5% left-0 w-full z--1 opacity-40 rotate-15deg\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\max-w-7xl mx-auto flex flex-col md:flex-row justify-between gap-x-12 items-center align-center py-24 md:py-32\,\children\:\$\,\div\,null,{\className\:\flex flex-col gap-y-8\,\children\:\$\,\div\,null,{\className\:\flex flex-row justify-start items-center\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\p\,null,{\className\:\text---dgray text-sm font-bold ml-2\,\children\:\5/5\},\$\,\a\,null,{\href\:\#reviews\,\className\:\text---dgray hover:text---green underline text-sm ml-2\,\children\:\See Reviews\}},\$\,\h1\,null,{\className\:\text-4xl text---dgray font-extrabold sm:text-5xl\,\children\:\Websites for hard working lads and lasses across the North East\},\$\,\p\,null,{\className\:\text-2xl text---dgray leading-relaxed\,\children\:\Work in the trades? Prefer wires or wrenches to keyboards and mice? Weve got you covered. Lets build a website that showcases your expertise while you focus on what you do best!\},\$\,\div\,null,{\className\:\flex flex-col md:flex-row items-center md:items-start gap-x-6\,\children\:\$\,\a\,null,{\href\:\#product\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group mb-6 md:mb-0\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg---green rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text-white transition-colors duration-200 ease-in-out delay-100 group-hover:text-white\,\children\:\Websites For The Trades\}},\$\,\a\,null,{\href\:\#reviews\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg-white border border-2 border---dgray rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text---dgray transition-colors duration-200 ease-in-out delay-100 group-hover:text-white\,\children\:\Customer Reviews\}},\$\,\div\,null,{\className\:\flex lg:hidden flex-col justify-items align-center mt-6 md:mt-0\,\children\:\$\,\a\,null,{\href\:\tel://07999999999\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text-white transition-colors duration-200 ease-in-out delay-100 \,\children\:\Speak to \,\$\,\span\,null,{\className\:\line-through italic text-orange-200\,\children\:\Sales\},\ Joe\}},\$\,\a\,null,{\href\:\#contact\,\className\:\text-0.9em pt-4 italic text-gray-500\,\children\:\Prefer to fill in a form? Click Here\}}}},\$\,\$L6\,null,{\className\:\w-full max-w-600px hidden lg:block\,\src\:\/header-img.png\,\alt\:\Header Image\,\width\:600,\height\:300,\priority\:true}}},\$\,\section\,null,{\id\:\product\,\className\:\relative isolate overflow-hidden w-full h-full bg-gray-200\,\children\:\$\,\$L6\,null,{\className\:\hidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg\,\src\:\/white-sep.svg\,\alt\:\Separator\,\width\:900,\height\:200,\priority\:true},\$\,\svg\,null,{\className\:\hidden md:block absolute top-15% left-0 w-full z--1 rotate-45deg\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\max-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-24\,\children\:\$\,\div\,null,{\className\:\max-w-3xl flex flex-col gap-y-8 text-center\,\children\:\$\,\h3\,null,{\className\:\text-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed\,\children\:\Whats \,\$\,\span\,null,{\className\:\inline-block lobster text-white bg---orange px-1.5 skew-x--6deg underline leading-relaxed\,\children\:\Included\}},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\As a small team of developers, we can design \u0026 build anything you can imagine, be it a website, mobile app, desktop software, a new piece of hardware to control some sensors in your workshop and more \,\$\,\span\,null,{\className\:\italic\,\children\:\(big heads!)\},\. Our bread and butter however, is our world famous trade website package - something were really proud of.\}},\$\,\div\,null,{\className\:\grid grid-cols-1 lg:grid-cols-3 gap-y-8 lg:gap-8\,\children\:\$\,\a\,null,{\href\:\#contact\,\className\:\bg-gray-50 p-4 lg:p-12 flex flex-col justify-center border-2 border-gray-100 gap-y-4 rounded-xl text-center md:text-left hover:bg---orange shadow-2xl group transition-all duration-300 col-span-2\,\children\:\$\,\div\,null,{\className\:\shadow-xl h-20 w-20 bg---orange text-white group-hover:text---orange group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto md:mx-0 transition-all duration-300\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\fill\:\none\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\currentColor\,\className\:\w-10 h-10\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z\}}},\$\,\h3\,null,{\className\:\text-3xl mt-2 text---dgray group-hover:text-white font-extrabold tracking-wide leading-relaxed transition-all duration-300\,\children\:\Our World Famous Trade Website Package!\},\$\,\p\,null,{\className\:\text-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300\,\children\:\Were all about making professional websites for trade businesses like yours. Give us the basics, and within a week, done! Your custom site is up and running. No fuss, no fancy contracts—just one flat monthly fee for unlimited updates. Were pretty sure there isnt a better deal anywhere else.\},\$\,\ul\,null,{\className\:\text-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300 list-disc pl-4 lg:pl-12\,\children\:\$\,\li\,null,{\children\:\One Week Turnaround Time\},\$\,\li\,null,{\children\:\Free Website Address (e.g. myPlumbingBusiness.co.uk)\},\$\,\li\,null,{\children\:\Free Email Address (get rid of that gmail on your van)\},\$\,\li\,null,{\children\:\Well tell the search engines (Google) that you exist\},\$\,\li\,null,{\children\:\Free copywriting service (we can give you the content you need)\},\$\,\li\,null,{\children\:\Free graphic design service (need a logo, some images for your website or more)?\},\$\,\li\,null,{\children\:\Deal with one person and one person only, no jumping around to different people\},\$\,\li\,null,{\children\:\Monthly maintenance included (unlimited amends)\},\$\,\li\,null,{\children\:\No contracts!\}},\$\,\div\,null,{\className\:\shadow-xl mt-6 h-12 w-12 bg---orange text-white group-hover:text---orange group-hover:bg-white flex flex-col justify-center items-center rounded-full mx-auto md:mx-0 transition-all duration-300\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\fill\:\none\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\currentColor\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\}}}},\$\,\a\,null,{\href\:\#contact\,\className\:\bg-gray-50 border-2 border-gray-100 p-6 lg:p-12 flex flex-col justify-center gap-y-6 rounded-xl text-center hover:bg---green shadow-2xl group transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\shadow-xl h-20 w-20 bg---green text-white group-hover:text---green group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto transition-all duration-300\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\fill\:\none\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\currentColor\,\className\:\w-10 h-10\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z\}}},\$\,\h4\,null,{\className\:\text-3xl text---dgray group-hover:text-white font-extrabold tracking-wide leading-relaxed transition-all duration-300\,\children\:\Need More?\},\$\,\p\,null,{\className\:\text-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300\,\children\:\If youd like to sell products from your website, connect your website to another service such as Xero, Stripe etc, automate your business or more, wed need to have a quick chat about your goals before we quote.\},\$\,\div\,null,{\className\:\shadow-xl h-12 w-12 bg---green text-white group-hover:text---green group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto transition-all duration-300\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\fill\:\none\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\currentColor\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\}}}}}},\$\,\$L6\,null,{\className\:\hidden md:block absolute bottom-0 left-0 w-full z--1\,\src\:\/white-sep.svg\,\alt\:\Separator\,\width\:900,\height\:200,\priority\:true}},\$\,\section\,null,{\id\:\about\,\className\:\relative isolate overflow-hidden w-full h-full px-6\,\children\:\$\,\svg\,null,{\className\:\hidden md:block absolute top-15% left-0 w-full z--1 opacity-60\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\max-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-24 md:py-32\,\children\:\$\,\div\,null,{\className\:\max-w-3xl flex flex-col gap-y-8 text-center\,\children\:\$\,\h3\,null,{\className\:\text-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed\,\children\:\Three \,\$\,\span\,null,{\className\:\inline-block lobster text-white bg---blue px-1.5 skew-x--6deg underline leading-relaxed\,\children\:\Local\},\ Lads\},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\Were a small, local and friendly team. This means you get less call centre and more direct mobile number. Wed like to become the go-to team for trades people in the North East - a down to earth customer base supported by a down to earth website development team.\}},\$\,\div\,null,{\className\:\flex flex-col md:flex-row space-between gap-x-8 gap-y-8\,\children\:\$\,\div\,null,{\className\:\relative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3\,\children\:\$\,\div\,null,{\className\:\w-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0\,\children\:\$\,\$L6\,null,{\className\:\w-full object-cover\,\src\:\/kieran-profile.jpg\,\alt\:\Kieran Snowball Profile Photo\,\width\:300,\height\:300,\priority\:true}},\$\,\div\,null,{\className\:\px-6 pt-140px pb-6 flex flex-col justify-between h-full\,\children\:\$\,\div\,null,{\children\:\$\,\p\,null,{\className\:\text-sm text-gray-400 leading-relaxed\,\children\:\Director / Developer\},\$\,\h4\,null,{\className\:\text-3xl text---dgray font-extrabold tracking-wide leading-relaxed\,\children\:\Kieran Snowball\},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\Hi, Im Kieran! I have over 10 years experience in developing websites of all sizes and I love overcoming challenges and bringing concepts to life for you to see on the screen.\}}}},\$\,\div\,null,{\className\:\relative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3\,\children\:\$\,\div\,null,{\className\:\w-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0\,\children\:\$\,\$L6\,null,{\className\:\w-full object-cover\,\src\:\/joe-profile.jpg\,\alt\:\Joe Crees Profile Photo\,\width\:300,\height\:300,\priority\:true}},\$\,\div\,null,{\className\:\px-6 pt-140px pb-6 flex flex-col justify-between h-full\,\children\:\$\,\div\,null,{\children\:\$\,\p\,null,{\className\:\text-sm text-gray-400 leading-relaxed\,\children\:\Director / Sales\},\$\,\h4\,null,{\className\:\text-3xl text---dgray font-extrabold tracking-wide leading-relaxed\,\children\:\Joe Crees\},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\My job is to make this as simple as possible for you. I understand that websites and technology can sound and feel complicated. I’ll help explain everything in an easy to digest way. You’ve got me on hand for all the support you need.\}}}},\$\,\div\,null,{\className\:\relative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3\,\children\:\$\,\div\,null,{\className\:\w-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0\,\children\:\$\,\$L6\,null,{\className\:\w-full object-cover\,\src\:\/mays-profile.jpg\,\alt\:\Justin Mays Profile Photo\,\width\:300,\height\:300,\priority\:true}},\$\,\div\,null,{\className\:\px-6 pt-140px pb-6 flex flex-col justify-between h-full\,\children\:\$\,\div\,null,{\children\:\$\,\p\,null,{\className\:\text-sm text-gray-400 leading-relaxed\,\children\:\Director / Developer\},\$\,\h4\,null,{\className\:\text-3xl text---dgray font-extrabold tracking-wide leading-relaxed\,\children\:\Justin\},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\Hey there! Im passionate about turning ideas into reality and finding creative solutions to challenges. With over twenty years of experience in website and software development, I still get excited about every project.\}}}}}}},\$\,\section\,null,{\id\:\work\,\className\:\relative isolate overflow-hidden w-full h-full px-6 py-40px lg:py-100px bg---green\,\children\:\$\,\img\,null,{\className\:\hidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg\,\src\:\/white-sep.svg\,\alt\:\Separator\},\$\,\svg\,null,{\className\:\hidden md:block absolute top-15% left-0 w-full z--1 opacity-50 rotate-25deg\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\max-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-12 md:py-32\,\children\:\$\,\div\,null,{\className\:\max-w-3xl flex flex-col gap-y-8 text-center\,\children\:\$\,\h3\,null,{\className\:\text-4xl text-white font-extrabold tracking-wide sm:text-5xl leading-relaxed\,\children\:\Our Recent \,\$\,\span\,null,{\className\:\inline-block lobster text---dgray bg-white px-1.5 skew-x--6deg underline leading-relaxed\,\children\:\Work\}},\$\,\p\,null,{\className\:\text-xl text-white leading-relaxed\,\children\:\Here are the most recent project weve worked on.\}},\$\,\div\,null,{\className\:\max-w-7xp mx-auto px-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 justify-between align-center gap-6\,\children\:\$\,\article\,\1\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/timber-fencing.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Landscaping\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.thetimberfencingcompany.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\The Timber Fencing Company\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/kieran-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Kieran\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\2\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/geddes.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Construction\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.geddes-group.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Geddes Construction\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/mays-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Justin\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\3\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/tes-elec.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Electrician\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.tes-elec.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Taylor Electrical Services\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/kieran-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Kieran\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\4\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/clearaway.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Waste Removal\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.clearawaywasteremovals.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Clearaway Waste Removals\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/kieran-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Kieran\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\5\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/tree.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Landscaping\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.wetreelandscapefence.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\WE Tree, Landscape \u0026 Fence\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/mays-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Justin\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\6\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/crown.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Property Renovations\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://crownpropertyrenovations.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Crown Property Renovations\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/kieran-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Kieran\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}}}},\$\,\img\,null,{\className\:\hidden md:block absolute bottom-0 left-0 w-full z--1\,\src\:\white-sep.svg\,\alt\:\Separator\}},\$\,\div\,null,{\id\:\reviews\,\className\:\relative isolate overflow-hidden bg-white py-24 sm:py-32\,\children\:\$\,\svg\,null,{\className\:\hidden md:block absolute top-15% rotate-20deg left-0 w-full z--1 opacity-60\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\mx-auto max-w-7xl px-6 lg:px-8\,\children\:\$\,\div\,null,{\className\:\mx-auto max-w-3xl text-center\,\children\:\$\,\h3\,null,{\className\:\text-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed\,\children\:\Dont just listen to us, listen to what \,\$\,\span\,null,{\className\:\inline-block lobster text-white bg---orange px-1.5 skew-x--6deg underline leading-relaxed\,\children\:\our clients say!\}}},\$\,\div\,null,{\className\:\mx-auto mt-16 flow-root max-w-2xl sm:mt-20 lg:mx-0 lg:max-w-none\,\children\:\$\,\div\,null,{\className\:\-mt-8 sm:-mx-4 sm:columns-2 sm:text-0 lg:columns-2\,\children\:\$\,\div\,\MP Coaching\,{\className\:\pt-8 sm:inline-block sm:w-full sm:px-4\,\children\:\$\,\figure\,null,{\className\:\rounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6\,\children\:\$\,\blockquote\,null,{\className\:\text-gray-900\,\children\:\$\,\p\,null,{\children\:\“Very happy with the service I received. My website is exactly what I envisioned!”\}},\$\,\figcaption\,null,{\className\:\mt-6 flex items-center gap-x-4\,\children\:\$\,\div\,null,{\children\:\$\,\div\,null,{\className\:\font-semibold text-gray-900\,\children\:\MP Coaching\}}}}},\$\,\div\,\Mr JM\,{\className\:\pt-8 sm:inline-block sm:w-full sm:px-4\,\children\:\$\,\figure\,null,{\className\:\rounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6\,\children\:\$\,\blockquote\,null,{\className\:\text-gray-900\,\children\:\$\,\p\,null,{\children\:\“Super satisfied with 5* service. Joe and his team at Canny Websites have been super supportive right from the off. When they first created my website last year - I was really impressed with the level of understanding of my requirements from the initial consultation phone call. I am really satisfied with the ongoing support they continue to provide so therefore I would be happy in recommending them to anyone else”\}},\$\,\figcaption\,null,{\className\:\mt-6 flex items-center gap-x-4\,\children\:\$\,\div\,null,{\children\:\$\,\div\,null,{\className\:\font-semibold text-gray-900\,\children\:\Mr JM\}}}}},\$\,\div\,\Chris Webb\,{\className\:\pt-8 sm:inline-block sm:w-full sm:px-4\,\children\:\$\,\figure\,null,{\className\:\rounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6\,\children\:\$\,\blockquote\,null,{\className\:\text-gray-900\,\children\:\$\,\p\,null,{\children\:\“Can’t fault Joe and the team at canny websites have made me the perfect website very professional and goes the extra mile to help 5 star service highly recommend”\}},\$\,\figcaption\,null,{\className\:\mt-6 flex items-center gap-x-4\,\children\:\$\,\div\,null,{\children\:\$\,\div\,null,{\className\:\font-semibold text-gray-900\,\children\:\Chris Webb\}}}}},\$\,\div\,\Conor Taylor\,{\className\:\pt-8 sm:inline-block sm:w-full sm:px-4\,\children\:\$\,\figure\,null,{\className\:\rounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6\,\children\:\$\,\blockquote\,null,{\className\:\text-gray-900\,\children\:\$\,\p\,null,{\children\:\“Excellent service, could not do enough for me, got the end result I really wanted.”\}},\$\,\figcaption\,null,{\className\:\mt-6 flex items-center gap-x-4\,\children\:\$\,\div\,null,{\children\:\$\,\div\,null,{\className\:\font-semibold text-gray-900\,\children\:\Conor Taylor\}}}}}}}}},\$\,\$L7\,null,{},\$\,\footer\,null,{\className\:\relative mt-16 bg-gray-100\,\children\:\$\,\svg\,null,{\className\:\absolute top-0 w-full h-6 -mt-5 sm:-mt-10 sm:h-16 text-gray-100\,\preserveAspectRatio\:\none\,\viewBox\:\0 0 1440 54\,\children\:\$\,\path\,null,{\fill\:\currentColor\,\d\:\M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\}},\$\,\div\,null,{\className\:\px-4 pt-12 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8\,\children\:\$\,\div\,null,{\className\:\grid gap-16 row-gap-10 mb-8 lg:grid-cols-6\,\children\:\$\,\div\,null,{\className\:\md:max-w-md lg:col-span-2\,\children\:\$\,\a\,null,{\href\:\/\,\aria-label\:\Go home\,\title\:\Company\,\className\:\inline-flex items-center\,\children\:\$\,\$L6\,null,{\className\:\h-20\,\src\:\/canny-logo-v2.svg\,\alt\:\Canny Websites Logo\,\width\:120,\height\:50,\priority\:true}}},\$\,\div\,null,{\className\:\grid grid-cols-2 gap-5 row-gap-8 lg:col-span-4 md:grid-cols-4\}},\$\,\div\,null,{\className\:\flex flex-col justify-between pt-5 pb-10 border-t border-deep-purple-accent-200 sm:flex-row\,\children\:\$\,\p\,null,{\className\:\text-sm text---dgray\,\children\:\© \,\$\,\span\,null,{\id\:\date\},\ Canny Digital Ltd. All rights reserved.\},\$\,\div\,null,{\className\:\flex items-center mt-4 space-x-4 sm:mt-0\,\children\:\$\,\a\,null,{\href\:\https://www.facebook.com/share/tRCcEh3xcJUB5JsG/?mibextidLQQJ4d\,\target\:\_blank\,\className\:\transition-colors duration-300 text---dgray hover:text---orange cursor-pointer\,\children\:\$\,\svg\,null,{\viewBox\:\0 0 24 24\,\fill\:\currentColor\,\className\:\h-5\,\children\:\$\,\path\,null,{\d\:\M22,0H2C0.895,0,0,0.895,0,2v20c0,1.105,0.895,2,2,2h11v-9h-3v-4h3V8.413c0-3.1,1.893-4.788,4.659-4.788 c1.325,0,2.463,0.099,2.795,0.143v3.24l-1.918,0.001c-1.504,0-1.795,0.715-1.795,1.763V11h4.44l-1,4h-3.44v9H22c1.105,0,2-0.895,2-2 V2C24,0.895,23.105,0,22,0z\}}},\$\,\a\,null,{\href\:\https://www.instagram.com/cannywebsites?igshMWVmamt0NzR0OTNsMw%3D%3D\u0026utm_sourceqr\,\target\:\_blank\,\className\:\transition-colors duration-300 text---dgray hover:text---orange cursor-pointer\,\children\:\$\,\svg\,null,{\viewBox\:\0 0 30 30\,\fill\:\currentColor\,\className\:\h-6\,\children\:\$\,\circle\,null,{\cx\:\15\,\cy\:\15\,\r\:\4\},\$\,\path\,null,{\d\:\M19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10 C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1 c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z\}}}}}}}},null},null,\$\,\html\,null,{\lang\:\en\,\children\:\$\,\body\,null,{\className\:\__className_aaf875\,\children\:\$\,\$L8\,null,{\parallelRouterKey\:\children\,\segmentPath\:\children\,\loading\:\$undefined\,\loadingStyles\:\$undefined\,\loadingScripts\:\$undefined\,\hasLoading\:false,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L9\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:{\fontFamily\:\system-ui,\\\Segoe UI\\\,Roboto,Helvetica,Arial,sans-serif,\\\Apple Color Emoji\\\,\\\Segoe UI Emoji\\\\,\height\:\100vh\,\textAlign\:\center\,\display\:\flex\,\flexDirection\:\column\,\alignItems\:\center\,\justifyContent\:\center\},\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:{\display\:\inline-block\,\margin\:\0 20px 0 0\,\padding\:\0 23px 0 0\,\fontSize\:24,\fontWeight\:500,\verticalAlign\:\top\,\lineHeight\:\49px\},\children\:\404\},\$\,\div\,null,{\style\:{\display\:\inline-block\},\children\:\$\,\h2\,null,{\style\:{\fontSize\:14,\fontWeight\:400,\lineHeight\:\49px\,\margin\:0},\children\:\This page could not be found.\}}}},\notFoundStyles\:,\styles\:null}}},null,\initialHead\:false,\$La\,\globalErrorComponent\:\$b\,\missingSlots\:\$Wc\}\n)/script>script>self.__next_f.push(1,a:\$\,\meta\,\0\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\},\$\,\meta\,\1\,{\charSet\:\utf-8\},\$\,\title\,\2\,{\children\:\Canny Websites\},\$\,\link\,\3\,{\rel\:\icon\,\href\:\/favicon.ico\,\type\:\image/x-icon\,\sizes\:\16x16\},\$\,\meta\,\4\,{\name\:\next-size-adjust\}\n5:null\n)/script>script>self.__next_f.push(1,)/script>/body>/html>
Port 443
HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 104895Connection: keep-aliveDate: Wed, 26 Nov 2025 21:02:34 GMTLast-Modified: Sun, 07 Jul 2024 18:38:09 GMTETag: 3dcd8e477a57d4fd762ea041df5ca679x-amz-server-side-encryption: AES256Accept-Ranges: bytesServer: AmazonS3X-Cache: Hit from cloudfrontVia: 1.1 626ad4a6bf529166d2aad94a2957694c.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P1X-Amz-Cf-Id: u_L8_L_XTwsF6MblIIXJmCGzxVdeHPqKnr0Jo1r9DF01gHgD4lekkwAge: 1 !DOCTYPE html>html langen>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload href/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2 asfont crossorigin typefont/woff2/>link relpreload asimage href/canny-logo-v2.svg fetchPriorityhigh/>link relpreload asimage href/header-img.png fetchPriorityhigh/>link relpreload asimage href/white-sep.svg fetchPriorityhigh/>link relpreload asimage href/kieran-profile.jpg fetchPriorityhigh/>link relpreload asimage href/joe-profile.jpg fetchPriorityhigh/>link relpreload asimage href/mays-profile.jpg fetchPriorityhigh/>link relpreload asimage href/timber-fencing.png/>link relpreload asimage href/geddes.png/>link relpreload asimage href/tes-elec.png/>link relpreload asimage href/clearaway.png/>link relstylesheet href/_next/static/css/858ef628de0ce9b0.css crossorigin data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-374b3ec830afd993.js crossorigin/>script src/_next/static/chunks/fd9d1056-cc48c28d170fddc2.js async crossorigin>/script>script src/_next/static/chunks/69-b2198103c63158f1.js async crossorigin>/script>script src/_next/static/chunks/main-app-405255a2a656ef44.js async crossorigin>/script>script src/_next/static/chunks/712-a02ce46ac0f5e41e.js async>/script>script src/_next/static/chunks/app/page-8bb45c76cda8cb49.js async>/script>link relpreload asimage href/tree.png/>link relpreload asimage href/crown.png/>link relpreload asimage hrefwhite-sep.svg/>title>Canny Websites/title>link relicon href/favicon.ico typeimage/x-icon sizes16x16/>meta namenext-size-adjust/>script src/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js crossorigin noModule>/script>/head>body class__className_aaf875>main classoverflow-hidden>header classmax-w-7xl mx-auto sticky top-0 md:static bg-white z-99999 pt-6 lg:pt-16 px-6>div classhidden lg:flex flex-col md:flex-row gap-6 justify-between align-center items-center>a href/>img altCanny Websites Logo fetchPriorityhigh width170 height100 decodingasync data-nimg1 stylecolor:transparent src/canny-logo-v2.svg/>/a>nav classdesktop text-lg flex flex-row justify-evenly align-center items-center gap-x-8 text---dgray>a href/ classhover:cursor hover:text---green>Home/a>a href/#about classhover:cursor hover:text---green>Who We Are/a>a href/#work classhover:cursor hover:text---green>Our Work/a>a href/#reviews classhover:cursor hover:text---green>Customer Reviews/a>/nav>div classflex flex-col justify-items align-center>a hreftel://07999999999 classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 >Speak to span classline-through italic text-orange-200>Sales/span> Joe/span>/a>a href#contact classtext-0.9em pt-4 italic text-gray-500>Prefer to fill in a form? Click Here/a>/div>/div>div classblock lg:hidden>div classflex flex-row justify-between>img altCanny Websites Logo fetchPriorityhigh width120 height50 decodingasync data-nimg1 classh-20 stylecolor:transparent src/canny-logo-v2.svg/>div classcontainer>input idclick typecheckbox nameexit/>label forclick>span classburger>/span>/label>nav classmobile opacity-0 absolute -top-100% py-6 left-0 transition-all duration-300 w-full h-screen bg-gradient-to-tr from-gray-200 to-white basis-full w-full text-xl flex flex-col items-start gap-y-4 text---dgray>div classw-full text-center mb-8 pl-6>img altCanny Websites Logo fetchPriorityhigh width120 height50 decodingasync data-nimg1 classh-20 stylecolor:transparent src/canny-logo-v2.svg/>/div>div classp-6 w-full flex flex-col justify-center items-center text-center >a href# classw-full block p-4 hover:cursor hover:text-white>Home/a>a href#about classw-full block p-4 hover:cursor hover:text-white>Who We Are/a>a href#work classw-full block p-4 hover:cursor hover:text-white>Our Work/a>a href#reviews classw-full block p-4 hover:cursor hover:text-white>Customer Reviews/a>a href#contact classw-full block p-4 hover:cursor hover:text-white>Contact Us/a>a hreftel://07999999999 classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 >Or Speak to span classline-through italic text-orange-200>Sales/span> Joe, Right Now/span>/a>/div>/nav>/div>/div>/div>/header>section classrelative isolate overflow-hidden w-full h-full px-6>svg classhidden md:block absolute top-5% left-0 w-full z--1 opacity-40 rotate-15deg xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col md:flex-row justify-between gap-x-12 items-center align-center py-24 md:py-32>div classflex flex-col gap-y-8>div classflex flex-row justify-start items-center>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 stroke-width1.5 stroke#FFD700 fill#FFD700 classw-6 h-6>path stroke-linecapround stroke-linejoinround dM11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z>/path>/svg>p classtext---dgray text-sm font-bold ml-2>5/5/p>a href#reviews classtext---dgray hover:text---green underline text-sm ml-2>See Reviews/a>/div>h1 classtext-4xl text---dgray font-extrabold sm:text-5xl>Websites for hard working lads and lasses across the North East/h1>p classtext-2xl text---dgray leading-relaxed>Work in the trades? Prefer wires or wrenches to keyboards and mice? We've got you covered. Let's build a website that showcases your expertise while you focus on what you do best!/p>div classflex flex-col md:flex-row items-center md:items-start gap-x-6>a href#product classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group mb-6 md:mb-0>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---green rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 group-hover:text-white>Websites For The Trades/span>/a>a href#reviews classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg-white border border-2 border---dgray rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text---dgray transition-colors duration-200 ease-in-out delay-100 group-hover:text-white>Customer Reviews/span>/a>div classflex lg:hidden flex-col justify-items align-center mt-6 md:mt-0>a hreftel://07999999999 classrelative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 >Speak to span classline-through italic text-orange-200>Sales/span> Joe/span>/a>a href#contact classtext-0.9em pt-4 italic text-gray-500>Prefer to fill in a form? Click Here/a>/div>/div>/div>img altHeader Image fetchPriorityhigh width600 height300 decodingasync data-nimg1 classw-full max-w-600px hidden lg:block stylecolor:transparent src/header-img.png/>/div>/section>section idproduct classrelative isolate overflow-hidden w-full h-full bg-gray-200>img altSeparator fetchPriorityhigh width900 height200 decodingasync data-nimg1 classhidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg stylecolor:transparent src/white-sep.svg/>svg classhidden md:block absolute top-15% left-0 w-full z--1 rotate-45deg xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-24>div classmax-w-3xl flex flex-col gap-y-8 text-center>h3 classtext-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed>What's span classinline-block lobster text-white bg---orange px-1.5 skew-x--6deg underline leading-relaxed>Included/span>/h3>p classtext-xl text---dgray leading-relaxed>As a small team of developers, we can design & build anything you can imagine, be it a website, mobile app, desktop software, a new piece of hardware to control some sensors in your workshop and more span classitalic>(big heads!)/span>. Our bread and butter however, is our world famous trade website package - something we're really proud of./p>/div>div classgrid grid-cols-1 lg:grid-cols-3 gap-y-8 lg:gap-8>a href#contact classbg-gray-50 p-4 lg:p-12 flex flex-col justify-center border-2 border-gray-100 gap-y-4 rounded-xl text-center md:text-left hover:bg---orange shadow-2xl group transition-all duration-300 col-span-2>div classshadow-xl h-20 w-20 bg---orange text-white group-hover:text---orange group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto md:mx-0 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor classw-10 h-10>path stroke-linecapround stroke-linejoinround dM15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z>/path>/svg>/div>h3 classtext-3xl mt-2 text---dgray group-hover:text-white font-extrabold tracking-wide leading-relaxed transition-all duration-300>Our World Famous Trade Website Package!/h3>p classtext-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300>We're all about making professional websites for trade businesses like yours. Give us the basics, and within a week, done! Your custom site is up and running. No fuss, no fancy contracts—just one flat monthly fee for unlimited updates. We're pretty sure there isn't a better deal anywhere else./p>ul classtext-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300 list-disc pl-4 lg:pl-12>li>One Week Turnaround Time/li>li>Free Website Address (e.g. myPlumbingBusiness.co.uk)/li>li>Free Email Address (get rid of that gmail on your van)/li>li>We'll tell the search engines (Google) that you exist/li>li>Free copywriting service (we can give you the content you need)/li>li>Free graphic design service (need a logo, some images for your website or more)?/li>li>Deal with one person and one person only, no jumping around to different people/li>li>Monthly maintenance included (unlimited amends)/li>li>No contracts!/li>/ul>div classshadow-xl mt-6 h-12 w-12 bg---orange text-white group-hover:text---orange group-hover:bg-white flex flex-col justify-center items-center rounded-full mx-auto md:mx-0 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor classw-6 h-6>path stroke-linecapround stroke-linejoinround dM13.5 4.5 21 12m0 0-7.5 7.5M21 12H3>/path>/svg>/div>/a>a href#contact classbg-gray-50 border-2 border-gray-100 p-6 lg:p-12 flex flex-col justify-center gap-y-6 rounded-xl text-center hover:bg---green shadow-2xl group transition-all duration-300>div classshadow-xl h-20 w-20 bg---green text-white group-hover:text---green group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor classw-10 h-10>path stroke-linecapround stroke-linejoinround dm11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z>/path>/svg>/div>h4 classtext-3xl text---dgray group-hover:text-white font-extrabold tracking-wide leading-relaxed transition-all duration-300>Need More?/h4>p classtext-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300>If you'd like to sell products from your website, connect your website to another service such as Xero, Stripe etc, automate your business or more, we'd need to have a quick chat about your goals before we quote./p>div classshadow-xl h-12 w-12 bg---green text-white group-hover:text---green group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor classw-6 h-6>path stroke-linecapround stroke-linejoinround dM13.5 4.5 21 12m0 0-7.5 7.5M21 12H3>/path>/svg>/div>/a>/div>/div>img altSeparator fetchPriorityhigh width900 height200 decodingasync data-nimg1 classhidden md:block absolute bottom-0 left-0 w-full z--1 stylecolor:transparent src/white-sep.svg/>/section>section idabout classrelative isolate overflow-hidden w-full h-full px-6>svg classhidden md:block absolute top-15% left-0 w-full z--1 opacity-60 xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-24 md:py-32>div classmax-w-3xl flex flex-col gap-y-8 text-center>h3 classtext-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed>Three span classinline-block lobster text-white bg---blue px-1.5 skew-x--6deg underline leading-relaxed>Local/span> Lads/h3>p classtext-xl text---dgray leading-relaxed>We're a small, local and friendly team. This means you get less call centre and more direct mobile number. We'd like to become the go-to team for trades people in the North East - a down to earth customer base supported by a down to earth website development team./p>/div>div classflex flex-col md:flex-row space-between gap-x-8 gap-y-8>div classrelative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3>div classw-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0>img altKieran Snowball Profile Photo fetchPriorityhigh width300 height300 decodingasync data-nimg1 classw-full object-cover stylecolor:transparent src/kieran-profile.jpg/>/div>div classpx-6 pt-140px pb-6 flex flex-col justify-between h-full>div>p classtext-sm text-gray-400 leading-relaxed>Director / Developer/p>h4 classtext-3xl text---dgray font-extrabold tracking-wide leading-relaxed>Kieran Snowball/h4>p classtext-xl text---dgray leading-relaxed>Hi, I'm Kieran! I have over 10 years experience in developing websites of all sizes and I love overcoming challenges and bringing concepts to life for you to see on the screen./p>/div>/div>/div>div classrelative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3>div classw-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0>img altJoe Crees Profile Photo fetchPriorityhigh width300 height300 decodingasync data-nimg1 classw-full object-cover stylecolor:transparent src/joe-profile.jpg/>/div>div classpx-6 pt-140px pb-6 flex flex-col justify-between h-full>div>p classtext-sm text-gray-400 leading-relaxed>Director / Sales/p>h4 classtext-3xl text---dgray font-extrabold tracking-wide leading-relaxed>Joe Crees/h4>p classtext-xl text---dgray leading-relaxed>My job is to make this as simple as possible for you. I understand that websites and technology can sound and feel complicated. I’ll help explain everything in an easy to digest way. You’ve got me on hand for all the support you need./p>/div>/div>/div>div classrelative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3>div classw-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0>img altJustin Mays Profile Photo fetchPriorityhigh width300 height300 decodingasync data-nimg1 classw-full object-cover stylecolor:transparent src/mays-profile.jpg/>/div>div classpx-6 pt-140px pb-6 flex flex-col justify-between h-full>div>p classtext-sm text-gray-400 leading-relaxed>Director / Developer/p>h4 classtext-3xl text---dgray font-extrabold tracking-wide leading-relaxed>Justin/h4>p classtext-xl text---dgray leading-relaxed>Hey there! I'm passionate about turning ideas into reality and finding creative solutions to challenges. With over twenty years of experience in website and software development, I still get excited about every project./p>/div>/div>/div>/div>/div>/section>section idwork classrelative isolate overflow-hidden w-full h-full px-6 py-40px lg:py-100px bg---green>img classhidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg src/white-sep.svg altSeparator/>svg classhidden md:block absolute top-15% left-0 w-full z--1 opacity-50 rotate-25deg xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-12 md:py-32>div classmax-w-3xl flex flex-col gap-y-8 text-center>h3 classtext-4xl text-white font-extrabold tracking-wide sm:text-5xl leading-relaxed>Our Recent span classinline-block lobster text---dgray bg-white px-1.5 skew-x--6deg underline leading-relaxed>Work/span>/h3>p classtext-xl text-white leading-relaxed>Here are the most recent project we've worked on./p>/div>div classmax-w-7xp mx-auto px-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 justify-between align-center gap-6>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/timber-fencing.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Landscaping/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.thetimberfencingcompany.co.uk/ target_blank>span classabsolute inset-0>/span>The Timber Fencing Company/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/kieran-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Kieran/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/geddes.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Construction/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.geddes-group.co.uk/ target_blank>span classabsolute inset-0>/span>Geddes Construction/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/mays-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Justin/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/tes-elec.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Electrician/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.tes-elec.co.uk/ target_blank>span classabsolute inset-0>/span>Taylor Electrical Services/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/kieran-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Kieran/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/clearaway.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Waste Removal/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.clearawaywasteremovals.co.uk/ target_blank>span classabsolute inset-0>/span>Clearaway Waste Removals/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/kieran-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Kieran/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/tree.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Landscaping/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://www.wetreelandscapefence.co.uk/ target_blank>span classabsolute inset-0>/span>WE Tree, Landscape & Fence/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/mays-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Justin/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>article classflex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300>div classrelative w-full>img src/crown.png alt classaspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2/>div classabsolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10>/div>/div>div classmax-w-xl pb-6>div classmt-8 px-6 flex items-center gap-x-4 text-xs>div classrelative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300>Property Renovations/div>/div>div classgroup relative px-6>h3 classmt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green>a hrefhttps://crownpropertyrenovations.co.uk/ target_blank>span classabsolute inset-0>/span>Crown Property Renovations/a>/h3>p classmt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green>/p>/div>div classrelative px-6 mt-8 flex items-center gap-x-4>img src/kieran-profile.jpg alt classh-10 w-10 rounded-full bg-gray-100/>div classtext-sm leading-6>p classfont-semibold text-gray-900>a href#>span classabsolute inset-0>/span>Kieran/a>/p>p classtext-gray-600>Designed & Developed/p>/div>/div>/div>/article>/div>/div>img classhidden md:block absolute bottom-0 left-0 w-full z--1 srcwhite-sep.svg altSeparator/>/section>div idreviews classrelative isolate overflow-hidden bg-white py-24 sm:py-32>svg classhidden md:block absolute top-15% rotate-20deg left-0 w-full z--1 opacity-60 xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmx-auto max-w-7xl px-6 lg:px-8>div classmx-auto max-w-3xl text-center>h3 classtext-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed>Don't just listen to us, listen to what span classinline-block lobster text-white bg---orange px-1.5 skew-x--6deg underline leading-relaxed>our clients say!/span>/h3>/div>div classmx-auto mt-16 flow-root max-w-2xl sm:mt-20 lg:mx-0 lg:max-w-none>div class-mt-8 sm:-mx-4 sm:columns-2 sm:text-0 lg:columns-2>div classpt-8 sm:inline-block sm:w-full sm:px-4>figure classrounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6>blockquote classtext-gray-900>p>“Very happy with the service I received. My website is exactly what I envisioned!”/p>/blockquote>figcaption classmt-6 flex items-center gap-x-4>div>div classfont-semibold text-gray-900>MP Coaching/div>/div>/figcaption>/figure>/div>div classpt-8 sm:inline-block sm:w-full sm:px-4>figure classrounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6>blockquote classtext-gray-900>p>“Super satisfied with 5* service. Joe and his team at Canny Websites have been super supportive right from the off. When they first created my website last year - I was really impressed with the level of understanding of my requirements from the initial consultation phone call. I am really satisfied with the ongoing support they continue to provide so therefore I would be happy in recommending them to anyone else”/p>/blockquote>figcaption classmt-6 flex items-center gap-x-4>div>div classfont-semibold text-gray-900>Mr JM/div>/div>/figcaption>/figure>/div>div classpt-8 sm:inline-block sm:w-full sm:px-4>figure classrounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6>blockquote classtext-gray-900>p>“Can’t fault Joe and the team at canny websites have made me the perfect website very professional and goes the extra mile to help 5 star service highly recommend”/p>/blockquote>figcaption classmt-6 flex items-center gap-x-4>div>div classfont-semibold text-gray-900>Chris Webb/div>/div>/figcaption>/figure>/div>div classpt-8 sm:inline-block sm:w-full sm:px-4>figure classrounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6>blockquote classtext-gray-900>p>“Excellent service, could not do enough for me, got the end result I really wanted.”/p>/blockquote>figcaption classmt-6 flex items-center gap-x-4>div>div classfont-semibold text-gray-900>Conor Taylor/div>/div>/figcaption>/figure>/div>/div>/div>/div>/div>section idcontact classrelative isolate overflow-hidden w-full h-full px-6 pt-20 bg-gradient-to-b from-gray-200 to-white>img altSeparator fetchPriorityhigh width900 height200 decodingasync data-nimg1 classhidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg stylecolor:transparent src/white-sep.svg/>svg classhidden md:block absolute top-15% left-0 w-full rotate-35deg z--1 opacity-60 xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewBox0 0 800 400>path dM13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375 fillnone stroke-width7 strokehsl(0, 0%, 80%) stroke-linecapround stroke-dasharray42 32 stroke-opacity0.33>/path>defs>linearGradient idSvgjsLinearGradient1003>stop stop-colorhsl(37, 99%, 67%) offset0>/stop>stop stop-colorhsl(316, 73%, 52%) offset1>/stop>/linearGradient>/defs>/svg>div classmax-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-12 md:py-32>div classmax-w-3xl flex flex-col gap-y-8 text-center>h3 classtext-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed>Contact span classinline-block lobster text-white bg---blue px-1.5 skew-x--6deg underline leading-relaxed>Us/span>/h3>p classtext-xl text---dgray leading-relaxed>No fuss, no call centres just real people wanting to help you and your business. Get in touch today to see how we can help!/p>/div>div classw-full max-w-4xl mx-auto flex flex-col md:flex-row space-between gap-x-8 gap-y-8 bg-black bg-opacity-5 backdrop-blur-sm rounded-xl p-6 shadow-5px_5px_15px_rgba(0,0,0,0.15)>form classw-full mx-auto>div classw-full grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2>div>label classblock text-base font-semibold leading-6 text-gray-900>Name/label>div classmt-2.5>input typetext idname classblock w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6 nameName/>/div>/div>div>label classblock text-base font-semibold leading-6 text-gray-900>Email/label>div classmt-2.5>input typeemail idemail classblock w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6 nameEmail/>/div>/div>div>label classblock text-base font-semibold leading-6 text-gray-900>Phone/label>div classmt-2.5>input typetel idphone classblock w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6 namePhone/>/div>/div>div>label classblock text-base font-semibold leading-6 text-gray-900>Company/label>div classmt-2.5>input typetext idcompany classblock w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-40 sm:text-sm sm:leading-6 nameCompany/>/div>/div>div classsm:col-span-2>label classblock text-base font-semibold leading-6 text-gray-900>Message/label>div classmt-2.5>textarea nameMessage idmessage classblock w-full min-h-32 resize-none rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6>/textarea>/div>/div>/div>div classmt-10>button typesubmit classrelative inline-flex items-center justify-center px-12 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group mb-6 md:mb-0>span classabsolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0>/span>span classabsolute inset-0 w-full h-full bg---blue rounded-md >/span>span classabsolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 >/span>span classrelative text-white transition-colors duration-200 ease-in-out delay-100 group-hover:text-white>Let's Talk/span>/button>/div>/form>/div>/div>/section>footer classrelative mt-16 bg-gray-100>svg classabsolute top-0 w-full h-6 -mt-5 sm:-mt-10 sm:h-16 text-gray-100 preserveAspectRationone viewBox0 0 1440 54>path fillcurrentColor dM0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z>/path>/svg>div classpx-4 pt-12 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8>div classgrid gap-16 row-gap-10 mb-8 lg:grid-cols-6>div classmd:max-w-md lg:col-span-2>a href/ aria-labelGo home titleCompany classinline-flex items-center>img altCanny Websites Logo fetchPriorityhigh width120 height50 decodingasync data-nimg1 classh-20 stylecolor:transparent src/canny-logo-v2.svg/>/a>/div>div classgrid grid-cols-2 gap-5 row-gap-8 lg:col-span-4 md:grid-cols-4>/div>/div>div classflex flex-col justify-between pt-5 pb-10 border-t border-deep-purple-accent-200 sm:flex-row>p classtext-sm text---dgray>© span iddate>/span> Canny Digital Ltd. All rights reserved./p>div classflex items-center mt-4 space-x-4 sm:mt-0>a hrefhttps://www.facebook.com/share/tRCcEh3xcJUB5JsG/?mibextidLQQJ4d target_blank classtransition-colors duration-300 text---dgray hover:text---orange cursor-pointer>svg viewBox0 0 24 24 fillcurrentColor classh-5>path dM22,0H2C0.895,0,0,0.895,0,2v20c0,1.105,0.895,2,2,2h11v-9h-3v-4h3V8.413c0-3.1,1.893-4.788,4.659-4.788 c1.325,0,2.463,0.099,2.795,0.143v3.24l-1.918,0.001c-1.504,0-1.795,0.715-1.795,1.763V11h4.44l-1,4h-3.44v9H22c1.105,0,2-0.895,2-2 V2C24,0.895,23.105,0,22,0z>/path>/svg>/a>a hrefhttps://www.instagram.com/cannywebsites?igshMWVmamt0NzR0OTNsMw%3D%3D&utm_sourceqr target_blank classtransition-colors duration-300 text---dgray hover:text---orange cursor-pointer>svg viewBox0 0 30 30 fillcurrentColor classh-6>circle cx15 cy15 r4>/circle>path dM19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10 C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1 c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z>/path>/svg>/a>/div>/div>/div>/footer>/main>script src/_next/static/chunks/webpack-374b3ec830afd993.js crossorigin async>/script>script>(self.__next_fself.__next_f||).push(0);self.__next_f.push(2,null)/script>script>self.__next_f.push(1,1:HL\/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n2:HL\/_next/static/css/858ef628de0ce9b0.css\,\style\,{\crossOrigin\:\\}\n0:\$L3\\n)/script>script>self.__next_f.push(1,4:I7690,,\\\n6:I1749,\712\,\static/chunks/712-a02ce46ac0f5e41e.js\,\931\,\static/chunks/app/page-8bb45c76cda8cb49.js\,\Image\\n7:I5687,\712\,\static/chunks/712-a02ce46ac0f5e41e.js\,\931\,\static/chunks/app/page-8bb45c76cda8cb49.js\,\Contact\\n8:I5613,,\\\n9:I1778,,\\\nb:I8955,,\\\nc:\n)/script>script>self.__next_f.push(1,3:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/858ef628de0ce9b0.css\,\precedence\:\next\,\crossOrigin\:\\},\$\,\$L4\,null,{\buildId\:\SPBOAtJIbaA-UGNUAVRr8\,\assetPrefix\:\\,\initialCanonicalUrl\:\/\,\initialTree\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\initialSeedData\:\\,{\children\:\__PAGE__\,{},\$L5\,\$\,\main\,null,{\className\:\overflow-hidden\,\children\:\$\,\header\,null,{\className\:\max-w-7xl mx-auto sticky top-0 md:static bg-white z-99999 pt-6 lg:pt-16 px-6\,\children\:\$\,\div\,null,{\className\:\hidden lg:flex flex-col md:flex-row gap-6 justify-between align-center items-center\,\children\:\$\,\a\,null,{\href\:\/\,\children\:\$\,\$L6\,null,{\src\:\/canny-logo-v2.svg\,\alt\:\Canny Websites Logo\,\width\:170,\height\:100,\priority\:true}},\$\,\nav\,null,{\className\:\desktop text-lg flex flex-row justify-evenly align-center items-center gap-x-8 text---dgray\,\children\:\$\,\a\,null,{\href\:\/\,\className\:\hover:cursor hover:text---green\,\children\:\Home\},\$\,\a\,null,{\href\:\/#about\,\className\:\hover:cursor hover:text---green\,\children\:\Who We Are\},\$\,\a\,null,{\href\:\/#work\,\className\:\hover:cursor hover:text---green\,\children\:\Our Work\},\$\,\a\,null,{\href\:\/#reviews\,\className\:\hover:cursor hover:text---green\,\children\:\Customer Reviews\}},\$\,\div\,null,{\className\:\flex flex-col justify-items align-center\,\children\:\$\,\a\,null,{\href\:\tel://07999999999\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text-white transition-colors duration-200 ease-in-out delay-100 \,\children\:\Speak to \,\$\,\span\,null,{\className\:\line-through italic text-orange-200\,\children\:\Sales\},\ Joe\}},\$\,\a\,null,{\href\:\#contact\,\className\:\text-0.9em pt-4 italic text-gray-500\,\children\:\Prefer to fill in a form? Click Here\}}},\$\,\div\,null,{\className\:\block lg:hidden\,\children\:\$\,\div\,null,{\className\:\flex flex-row justify-between\,\children\:\$\,\$L6\,null,{\className\:\h-20\,\src\:\/canny-logo-v2.svg\,\alt\:\Canny Websites Logo\,\width\:120,\height\:50,\priority\:true},\$\,\div\,null,{\className\:\container\,\children\:\$\,\input\,null,{\id\:\click\,\name\:\exit\,\type\:\checkbox\},\$\,\label\,null,{\htmlFor\:\click\,\children\:\$\,\span\,null,{\className\:\burger\}},\$\,\nav\,null,{\className\:\mobile opacity-0 absolute -top-100% py-6 left-0 transition-all duration-300 w-full h-screen bg-gradient-to-tr from-gray-200 to-white basis-full w-full text-xl flex flex-col items-start gap-y-4 text---dgray\,\children\:\$\,\div\,null,{\className\:\w-full text-center mb-8 pl-6\,\children\:\$\,\$L6\,null,{\className\:\h-20\,\src\:\/canny-logo-v2.svg\,\alt\:\Canny Websites Logo\,\width\:120,\height\:50,\priority\:true}},\$\,\div\,null,{\className\:\p-6 w-full flex flex-col justify-center items-center text-center \,\children\:\$\,\a\,null,{\href\:\#\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Home\},\$\,\a\,null,{\href\:\#about\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Who We Are\},\$\,\a\,null,{\href\:\#work\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Our Work\},\$\,\a\,null,{\href\:\#reviews\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Customer Reviews\},\$\,\a\,null,{\href\:\#contact\,\className\:\w-full block p-4 hover:cursor hover:text-white\,\children\:\Contact Us\},\$\,\a\,null,{\href\:\tel://07999999999\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text-white transition-colors duration-200 ease-in-out delay-100 \,\children\:\Or Speak to \,\$\,\span\,null,{\className\:\line-through italic text-orange-200\,\children\:\Sales\},\ Joe, Right Now\}}}}}}}},\$\,\section\,null,{\className\:\relative isolate overflow-hidden w-full h-full px-6\,\children\:\$\,\svg\,null,{\className\:\hidden md:block absolute top-5% left-0 w-full z--1 opacity-40 rotate-15deg\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\max-w-7xl mx-auto flex flex-col md:flex-row justify-between gap-x-12 items-center align-center py-24 md:py-32\,\children\:\$\,\div\,null,{\className\:\flex flex-col gap-y-8\,\children\:\$\,\div\,null,{\className\:\flex flex-row justify-start items-center\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\#FFD700\,\fill\:\#FFD700\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M11.48 3.499a.562.562 0 0 1 1.04 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.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\}},\$\,\p\,null,{\className\:\text---dgray text-sm font-bold ml-2\,\children\:\5/5\},\$\,\a\,null,{\href\:\#reviews\,\className\:\text---dgray hover:text---green underline text-sm ml-2\,\children\:\See Reviews\}},\$\,\h1\,null,{\className\:\text-4xl text---dgray font-extrabold sm:text-5xl\,\children\:\Websites for hard working lads and lasses across the North East\},\$\,\p\,null,{\className\:\text-2xl text---dgray leading-relaxed\,\children\:\Work in the trades? Prefer wires or wrenches to keyboards and mice? Weve got you covered. Lets build a website that showcases your expertise while you focus on what you do best!\},\$\,\div\,null,{\className\:\flex flex-col md:flex-row items-center md:items-start gap-x-6\,\children\:\$\,\a\,null,{\href\:\#product\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group mb-6 md:mb-0\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg---green rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text-white transition-colors duration-200 ease-in-out delay-100 group-hover:text-white\,\children\:\Websites For The Trades\}},\$\,\a\,null,{\href\:\#reviews\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg-white border border-2 border---dgray rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text---dgray transition-colors duration-200 ease-in-out delay-100 group-hover:text-white\,\children\:\Customer Reviews\}},\$\,\div\,null,{\className\:\flex lg:hidden flex-col justify-items align-center mt-6 md:mt-0\,\children\:\$\,\a\,null,{\href\:\tel://07999999999\,\className\:\relative inline-flex items-center justify-center px-6 py-3 text-lg font-medium tracking-tighter text-white bg-gray-800 rounded-md group\,\children\:\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full mt-1 ml-1 transition-all duration-300 ease-in-out bg---dgray rounded-md group-hover:mt-0 group-hover:ml-0\},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full bg---orange border border-2 border---orange rounded-md \},\$\,\span\,null,{\className\:\absolute inset-0 w-full h-full transition-all duration-200 ease-in-out delay-100 bg---dgray rounded-md opacity-0 group-hover:opacity-100 \},\$\,\span\,null,{\className\:\relative text-white transition-colors duration-200 ease-in-out delay-100 \,\children\:\Speak to \,\$\,\span\,null,{\className\:\line-through italic text-orange-200\,\children\:\Sales\},\ Joe\}},\$\,\a\,null,{\href\:\#contact\,\className\:\text-0.9em pt-4 italic text-gray-500\,\children\:\Prefer to fill in a form? Click Here\}}}},\$\,\$L6\,null,{\className\:\w-full max-w-600px hidden lg:block\,\src\:\/header-img.png\,\alt\:\Header Image\,\width\:600,\height\:300,\priority\:true}}},\$\,\section\,null,{\id\:\product\,\className\:\relative isolate overflow-hidden w-full h-full bg-gray-200\,\children\:\$\,\$L6\,null,{\className\:\hidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg\,\src\:\/white-sep.svg\,\alt\:\Separator\,\width\:900,\height\:200,\priority\:true},\$\,\svg\,null,{\className\:\hidden md:block absolute top-15% left-0 w-full z--1 rotate-45deg\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\max-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-24\,\children\:\$\,\div\,null,{\className\:\max-w-3xl flex flex-col gap-y-8 text-center\,\children\:\$\,\h3\,null,{\className\:\text-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed\,\children\:\Whats \,\$\,\span\,null,{\className\:\inline-block lobster text-white bg---orange px-1.5 skew-x--6deg underline leading-relaxed\,\children\:\Included\}},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\As a small team of developers, we can design \u0026 build anything you can imagine, be it a website, mobile app, desktop software, a new piece of hardware to control some sensors in your workshop and more \,\$\,\span\,null,{\className\:\italic\,\children\:\(big heads!)\},\. Our bread and butter however, is our world famous trade website package - something were really proud of.\}},\$\,\div\,null,{\className\:\grid grid-cols-1 lg:grid-cols-3 gap-y-8 lg:gap-8\,\children\:\$\,\a\,null,{\href\:\#contact\,\className\:\bg-gray-50 p-4 lg:p-12 flex flex-col justify-center border-2 border-gray-100 gap-y-4 rounded-xl text-center md:text-left hover:bg---orange shadow-2xl group transition-all duration-300 col-span-2\,\children\:\$\,\div\,null,{\className\:\shadow-xl h-20 w-20 bg---orange text-white group-hover:text---orange group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto md:mx-0 transition-all duration-300\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\fill\:\none\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\currentColor\,\className\:\w-10 h-10\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z\}}},\$\,\h3\,null,{\className\:\text-3xl mt-2 text---dgray group-hover:text-white font-extrabold tracking-wide leading-relaxed transition-all duration-300\,\children\:\Our World Famous Trade Website Package!\},\$\,\p\,null,{\className\:\text-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300\,\children\:\Were all about making professional websites for trade businesses like yours. Give us the basics, and within a week, done! Your custom site is up and running. No fuss, no fancy contracts—just one flat monthly fee for unlimited updates. Were pretty sure there isnt a better deal anywhere else.\},\$\,\ul\,null,{\className\:\text-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300 list-disc pl-4 lg:pl-12\,\children\:\$\,\li\,null,{\children\:\One Week Turnaround Time\},\$\,\li\,null,{\children\:\Free Website Address (e.g. myPlumbingBusiness.co.uk)\},\$\,\li\,null,{\children\:\Free Email Address (get rid of that gmail on your van)\},\$\,\li\,null,{\children\:\Well tell the search engines (Google) that you exist\},\$\,\li\,null,{\children\:\Free copywriting service (we can give you the content you need)\},\$\,\li\,null,{\children\:\Free graphic design service (need a logo, some images for your website or more)?\},\$\,\li\,null,{\children\:\Deal with one person and one person only, no jumping around to different people\},\$\,\li\,null,{\children\:\Monthly maintenance included (unlimited amends)\},\$\,\li\,null,{\children\:\No contracts!\}},\$\,\div\,null,{\className\:\shadow-xl mt-6 h-12 w-12 bg---orange text-white group-hover:text---orange group-hover:bg-white flex flex-col justify-center items-center rounded-full mx-auto md:mx-0 transition-all duration-300\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\fill\:\none\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\currentColor\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\}}}},\$\,\a\,null,{\href\:\#contact\,\className\:\bg-gray-50 border-2 border-gray-100 p-6 lg:p-12 flex flex-col justify-center gap-y-6 rounded-xl text-center hover:bg---green shadow-2xl group transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\shadow-xl h-20 w-20 bg---green text-white group-hover:text---green group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto transition-all duration-300\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\fill\:\none\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\currentColor\,\className\:\w-10 h-10\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z\}}},\$\,\h4\,null,{\className\:\text-3xl text---dgray group-hover:text-white font-extrabold tracking-wide leading-relaxed transition-all duration-300\,\children\:\Need More?\},\$\,\p\,null,{\className\:\text-lg text---dgray group-hover:text-white leading-relaxed transition-all duration-300\,\children\:\If youd like to sell products from your website, connect your website to another service such as Xero, Stripe etc, automate your business or more, wed need to have a quick chat about your goals before we quote.\},\$\,\div\,null,{\className\:\shadow-xl h-12 w-12 bg---green text-white group-hover:text---green group-hover:bg-white flex flex-col justify-center align-center items-center rounded-full mx-auto transition-all duration-300\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\fill\:\none\,\viewBox\:\0 0 24 24\,\strokeWidth\:\1.5\,\stroke\:\currentColor\,\className\:\w-6 h-6\,\children\:\$\,\path\,null,{\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\d\:\M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\}}}}}},\$\,\$L6\,null,{\className\:\hidden md:block absolute bottom-0 left-0 w-full z--1\,\src\:\/white-sep.svg\,\alt\:\Separator\,\width\:900,\height\:200,\priority\:true}},\$\,\section\,null,{\id\:\about\,\className\:\relative isolate overflow-hidden w-full h-full px-6\,\children\:\$\,\svg\,null,{\className\:\hidden md:block absolute top-15% left-0 w-full z--1 opacity-60\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\max-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-24 md:py-32\,\children\:\$\,\div\,null,{\className\:\max-w-3xl flex flex-col gap-y-8 text-center\,\children\:\$\,\h3\,null,{\className\:\text-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed\,\children\:\Three \,\$\,\span\,null,{\className\:\inline-block lobster text-white bg---blue px-1.5 skew-x--6deg underline leading-relaxed\,\children\:\Local\},\ Lads\},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\Were a small, local and friendly team. This means you get less call centre and more direct mobile number. Wed like to become the go-to team for trades people in the North East - a down to earth customer base supported by a down to earth website development team.\}},\$\,\div\,null,{\className\:\flex flex-col md:flex-row space-between gap-x-8 gap-y-8\,\children\:\$\,\div\,null,{\className\:\relative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3\,\children\:\$\,\div\,null,{\className\:\w-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0\,\children\:\$\,\$L6\,null,{\className\:\w-full object-cover\,\src\:\/kieran-profile.jpg\,\alt\:\Kieran Snowball Profile Photo\,\width\:300,\height\:300,\priority\:true}},\$\,\div\,null,{\className\:\px-6 pt-140px pb-6 flex flex-col justify-between h-full\,\children\:\$\,\div\,null,{\children\:\$\,\p\,null,{\className\:\text-sm text-gray-400 leading-relaxed\,\children\:\Director / Developer\},\$\,\h4\,null,{\className\:\text-3xl text---dgray font-extrabold tracking-wide leading-relaxed\,\children\:\Kieran Snowball\},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\Hi, Im Kieran! I have over 10 years experience in developing websites of all sizes and I love overcoming challenges and bringing concepts to life for you to see on the screen.\}}}},\$\,\div\,null,{\className\:\relative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3\,\children\:\$\,\div\,null,{\className\:\w-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0\,\children\:\$\,\$L6\,null,{\className\:\w-full object-cover\,\src\:\/joe-profile.jpg\,\alt\:\Joe Crees Profile Photo\,\width\:300,\height\:300,\priority\:true}},\$\,\div\,null,{\className\:\px-6 pt-140px pb-6 flex flex-col justify-between h-full\,\children\:\$\,\div\,null,{\children\:\$\,\p\,null,{\className\:\text-sm text-gray-400 leading-relaxed\,\children\:\Director / Sales\},\$\,\h4\,null,{\className\:\text-3xl text---dgray font-extrabold tracking-wide leading-relaxed\,\children\:\Joe Crees\},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\My job is to make this as simple as possible for you. I understand that websites and technology can sound and feel complicated. I’ll help explain everything in an easy to digest way. You’ve got me on hand for all the support you need.\}}}},\$\,\div\,null,{\className\:\relative bg-gradient-to-t from-gray-100 to-white flex flex-col gap-y-6 rounded-xl shadow-2xl mt-125px md:w-1/3\,\children\:\$\,\div\,null,{\className\:\w-full max-w-250px rounded-full overflow-hidden mx-auto absolute -top-125px left-0 right-0\,\children\:\$\,\$L6\,null,{\className\:\w-full object-cover\,\src\:\/mays-profile.jpg\,\alt\:\Justin Mays Profile Photo\,\width\:300,\height\:300,\priority\:true}},\$\,\div\,null,{\className\:\px-6 pt-140px pb-6 flex flex-col justify-between h-full\,\children\:\$\,\div\,null,{\children\:\$\,\p\,null,{\className\:\text-sm text-gray-400 leading-relaxed\,\children\:\Director / Developer\},\$\,\h4\,null,{\className\:\text-3xl text---dgray font-extrabold tracking-wide leading-relaxed\,\children\:\Justin\},\$\,\p\,null,{\className\:\text-xl text---dgray leading-relaxed\,\children\:\Hey there! Im passionate about turning ideas into reality and finding creative solutions to challenges. With over twenty years of experience in website and software development, I still get excited about every project.\}}}}}}},\$\,\section\,null,{\id\:\work\,\className\:\relative isolate overflow-hidden w-full h-full px-6 py-40px lg:py-100px bg---green\,\children\:\$\,\img\,null,{\className\:\hidden md:block absolute top-0 left-0 w-full z--1 rotate-180deg\,\src\:\/white-sep.svg\,\alt\:\Separator\},\$\,\svg\,null,{\className\:\hidden md:block absolute top-15% left-0 w-full z--1 opacity-50 rotate-25deg\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\max-w-7xl mx-auto flex flex-col justify-between gap-12 items-center align-center py-12 md:py-32\,\children\:\$\,\div\,null,{\className\:\max-w-3xl flex flex-col gap-y-8 text-center\,\children\:\$\,\h3\,null,{\className\:\text-4xl text-white font-extrabold tracking-wide sm:text-5xl leading-relaxed\,\children\:\Our Recent \,\$\,\span\,null,{\className\:\inline-block lobster text---dgray bg-white px-1.5 skew-x--6deg underline leading-relaxed\,\children\:\Work\}},\$\,\p\,null,{\className\:\text-xl text-white leading-relaxed\,\children\:\Here are the most recent project weve worked on.\}},\$\,\div\,null,{\className\:\max-w-7xp mx-auto px-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 justify-between align-center gap-6\,\children\:\$\,\article\,\1\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/timber-fencing.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Landscaping\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.thetimberfencingcompany.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\The Timber Fencing Company\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/kieran-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Kieran\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\2\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/geddes.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Construction\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.geddes-group.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Geddes Construction\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/mays-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Justin\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\3\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/tes-elec.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Electrician\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.tes-elec.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Taylor Electrical Services\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/kieran-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Kieran\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\4\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/clearaway.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Waste Removal\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.clearawaywasteremovals.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Clearaway Waste Removals\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/kieran-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Kieran\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\5\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/tree.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Landscaping\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://www.wetreelandscapefence.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\WE Tree, Landscape \u0026 Fence\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/mays-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Justin\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}},\$\,\article\,\6\,{\className\:\flex flex-col items-start justify-between rounded-2xl bg-gray-200 hover:scale-1.05 transition-all duration-300\,\children\:\$\,\div\,null,{\className\:\relative w-full\,\children\:\$\,\img\,null,{\src\:\/crown.png\,\alt\:\\,\className\:\aspect-16/9 w-full shadow-xl rounded-2xl bg-gray-100 object-cover sm:aspect-2/1 lg:aspect-3/2\},\$\,\div\,null,{\className\:\absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10\}},\$\,\div\,null,{\className\:\max-w-xl pb-6\,\children\:\$\,\div\,null,{\className\:\mt-8 px-6 flex items-center gap-x-4 text-xs\,\children\:\$\,\div\,null,{\className\:\relative z-10 rounded-full bg---green px-3 py-1.5 font-medium text-white transition-all duration-300\,\children\:\Property Renovations\}},\$\,\div\,null,{\className\:\group relative px-6\,\children\:\$\,\h3\,null,{\className\:\mt-3 text-lg font-semibold leading-6 text---dgray group-hover:text---green\,\children\:\$\,\a\,null,{\href\:\https://crownpropertyrenovations.co.uk/\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Crown Property Renovations\}},\$\,\p\,null,{\className\:\mt-2 line-clamp-3 text-sm leading-6 text---dgray group-hover:text---green\,\children\:\\}},\$\,\div\,null,{\className\:\relative px-6 mt-8 flex items-center gap-x-4\,\children\:\$\,\img\,null,{\src\:\/kieran-profile.jpg\,\alt\:\\,\className\:\h-10 w-10 rounded-full bg-gray-100\},\$\,\div\,null,{\className\:\text-sm leading-6\,\children\:\$\,\p\,null,{\className\:\font-semibold text-gray-900\,\children\:\$\,\a\,null,{\href\:\#\,\children\:\$\,\span\,null,{\className\:\absolute inset-0\},\Kieran\}},\$\,\p\,null,{\className\:\text-gray-600\,\children\:\Designed \u0026 Developed\}}}}}}},\$\,\img\,null,{\className\:\hidden md:block absolute bottom-0 left-0 w-full z--1\,\src\:\white-sep.svg\,\alt\:\Separator\}},\$\,\div\,null,{\id\:\reviews\,\className\:\relative isolate overflow-hidden bg-white py-24 sm:py-32\,\children\:\$\,\svg\,null,{\className\:\hidden md:block absolute top-15% rotate-20deg left-0 w-full z--1 opacity-60\,\xmlns\:\http://www.w3.org/2000/svg\,\version\:\1.1\,\xmlnsXlink\:\http://www.w3.org/1999/xlink\,\viewBox\:\0 0 800 400\,\children\:\$\,\path\,null,{\d\:\M13.452920913696289,387.4439392089844C28.400604248046875,345.8893737792969,-2.989528020222984,279.5216471354167,58.29597091674805,262.7802429199219C119.58146985371908,246.0388387044271,124.06576919555664,365.6203206380208,197.30941772460938,337.2197265625C270.5530662536621,308.8191324869792,209.5665283203125,206.27801513671875,278.02691650390625,177.57846069335938C346.4873046875,148.87890625,333.6322937011719,289.38712946573895,402.6905822753906,251.12106323242188C471.7488708496094,212.85499699910483,405.0822041829427,92.3766721089681,485.2017822265625,62.7802619934082C565.3213602701823,33.18385187784831,542.0029907226562,176.98056157430014,643.04931640625,162.3318328857422C744.0956420898438,147.68310419718424,739.9102783203125,66.66666158040366,788.3407592773438,18.834075927734375\,\fill\:\none\,\strokeWidth\:\7\,\stroke\:\hsl(0, 0%, 80%)\,\strokeLinecap\:\round\,\strokeDasharray\:\42 32\,\strokeOpacity\:\0.33\},\$\,\defs\,null,{\children\:\$\,\linearGradient\,null,{\id\:\SvgjsLinearGradient1003\,\children\:\$\,\stop\,null,{\stopColor\:\hsl(37, 99%, 67%)\,\offset\:\0\},\$\,\stop\,null,{\stopColor\:\hsl(316, 73%, 52%)\,\offset\:\1\}}}},\$\,\div\,null,{\className\:\mx-auto max-w-7xl px-6 lg:px-8\,\children\:\$\,\div\,null,{\className\:\mx-auto max-w-3xl text-center\,\children\:\$\,\h3\,null,{\className\:\text-4xl text---dgray font-extrabold tracking-wide sm:text-5xl leading-relaxed\,\children\:\Dont just listen to us, listen to what \,\$\,\span\,null,{\className\:\inline-block lobster text-white bg---orange px-1.5 skew-x--6deg underline leading-relaxed\,\children\:\our clients say!\}}},\$\,\div\,null,{\className\:\mx-auto mt-16 flow-root max-w-2xl sm:mt-20 lg:mx-0 lg:max-w-none\,\children\:\$\,\div\,null,{\className\:\-mt-8 sm:-mx-4 sm:columns-2 sm:text-0 lg:columns-2\,\children\:\$\,\div\,\MP Coaching\,{\className\:\pt-8 sm:inline-block sm:w-full sm:px-4\,\children\:\$\,\figure\,null,{\className\:\rounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6\,\children\:\$\,\blockquote\,null,{\className\:\text-gray-900\,\children\:\$\,\p\,null,{\children\:\“Very happy with the service I received. My website is exactly what I envisioned!”\}},\$\,\figcaption\,null,{\className\:\mt-6 flex items-center gap-x-4\,\children\:\$\,\div\,null,{\children\:\$\,\div\,null,{\className\:\font-semibold text-gray-900\,\children\:\MP Coaching\}}}}},\$\,\div\,\Mr JM\,{\className\:\pt-8 sm:inline-block sm:w-full sm:px-4\,\children\:\$\,\figure\,null,{\className\:\rounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6\,\children\:\$\,\blockquote\,null,{\className\:\text-gray-900\,\children\:\$\,\p\,null,{\children\:\“Super satisfied with 5* service. Joe and his team at Canny Websites have been super supportive right from the off. When they first created my website last year - I was really impressed with the level of understanding of my requirements from the initial consultation phone call. I am really satisfied with the ongoing support they continue to provide so therefore I would be happy in recommending them to anyone else”\}},\$\,\figcaption\,null,{\className\:\mt-6 flex items-center gap-x-4\,\children\:\$\,\div\,null,{\children\:\$\,\div\,null,{\className\:\font-semibold text-gray-900\,\children\:\Mr JM\}}}}},\$\,\div\,\Chris Webb\,{\className\:\pt-8 sm:inline-block sm:w-full sm:px-4\,\children\:\$\,\figure\,null,{\className\:\rounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6\,\children\:\$\,\blockquote\,null,{\className\:\text-gray-900\,\children\:\$\,\p\,null,{\children\:\“Can’t fault Joe and the team at canny websites have made me the perfect website very professional and goes the extra mile to help 5 star service highly recommend”\}},\$\,\figcaption\,null,{\className\:\mt-6 flex items-center gap-x-4\,\children\:\$\,\div\,null,{\children\:\$\,\div\,null,{\className\:\font-semibold text-gray-900\,\children\:\Chris Webb\}}}}},\$\,\div\,\Conor Taylor\,{\className\:\pt-8 sm:inline-block sm:w-full sm:px-4\,\children\:\$\,\figure\,null,{\className\:\rounded-2xl bg-black bg-opacity-5 backdrop-blur-sm border-4 border-dashed border---orange shadow-5px_5px_10px_rgba(0,0,0,0.15) p-8 text-sm leading-6\,\children\:\$\,\blockquote\,null,{\className\:\text-gray-900\,\children\:\$\,\p\,null,{\children\:\“Excellent service, could not do enough for me, got the end result I really wanted.”\}},\$\,\figcaption\,null,{\className\:\mt-6 flex items-center gap-x-4\,\children\:\$\,\div\,null,{\children\:\$\,\div\,null,{\className\:\font-semibold text-gray-900\,\children\:\Conor Taylor\}}}}}}}}},\$\,\$L7\,null,{},\$\,\footer\,null,{\className\:\relative mt-16 bg-gray-100\,\children\:\$\,\svg\,null,{\className\:\absolute top-0 w-full h-6 -mt-5 sm:-mt-10 sm:h-16 text-gray-100\,\preserveAspectRatio\:\none\,\viewBox\:\0 0 1440 54\,\children\:\$\,\path\,null,{\fill\:\currentColor\,\d\:\M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\}},\$\,\div\,null,{\className\:\px-4 pt-12 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8\,\children\:\$\,\div\,null,{\className\:\grid gap-16 row-gap-10 mb-8 lg:grid-cols-6\,\children\:\$\,\div\,null,{\className\:\md:max-w-md lg:col-span-2\,\children\:\$\,\a\,null,{\href\:\/\,\aria-label\:\Go home\,\title\:\Company\,\className\:\inline-flex items-center\,\children\:\$\,\$L6\,null,{\className\:\h-20\,\src\:\/canny-logo-v2.svg\,\alt\:\Canny Websites Logo\,\width\:120,\height\:50,\priority\:true}}},\$\,\div\,null,{\className\:\grid grid-cols-2 gap-5 row-gap-8 lg:col-span-4 md:grid-cols-4\}},\$\,\div\,null,{\className\:\flex flex-col justify-between pt-5 pb-10 border-t border-deep-purple-accent-200 sm:flex-row\,\children\:\$\,\p\,null,{\className\:\text-sm text---dgray\,\children\:\© \,\$\,\span\,null,{\id\:\date\},\ Canny Digital Ltd. All rights reserved.\},\$\,\div\,null,{\className\:\flex items-center mt-4 space-x-4 sm:mt-0\,\children\:\$\,\a\,null,{\href\:\https://www.facebook.com/share/tRCcEh3xcJUB5JsG/?mibextidLQQJ4d\,\target\:\_blank\,\className\:\transition-colors duration-300 text---dgray hover:text---orange cursor-pointer\,\children\:\$\,\svg\,null,{\viewBox\:\0 0 24 24\,\fill\:\currentColor\,\className\:\h-5\,\children\:\$\,\path\,null,{\d\:\M22,0H2C0.895,0,0,0.895,0,2v20c0,1.105,0.895,2,2,2h11v-9h-3v-4h3V8.413c0-3.1,1.893-4.788,4.659-4.788 c1.325,0,2.463,0.099,2.795,0.143v3.24l-1.918,0.001c-1.504,0-1.795,0.715-1.795,1.763V11h4.44l-1,4h-3.44v9H22c1.105,0,2-0.895,2-2 V2C24,0.895,23.105,0,22,0z\}}},\$\,\a\,null,{\href\:\https://www.instagram.com/cannywebsites?igshMWVmamt0NzR0OTNsMw%3D%3D\u0026utm_sourceqr\,\target\:\_blank\,\className\:\transition-colors duration-300 text---dgray hover:text---orange cursor-pointer\,\children\:\$\,\svg\,null,{\viewBox\:\0 0 30 30\,\fill\:\currentColor\,\className\:\h-6\,\children\:\$\,\circle\,null,{\cx\:\15\,\cy\:\15\,\r\:\4\},\$\,\path\,null,{\d\:\M19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10 C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1 c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z\}}}}}}}},null},null,\$\,\html\,null,{\lang\:\en\,\children\:\$\,\body\,null,{\className\:\__className_aaf875\,\children\:\$\,\$L8\,null,{\parallelRouterKey\:\children\,\segmentPath\:\children\,\loading\:\$undefined\,\loadingStyles\:\$undefined\,\loadingScripts\:\$undefined\,\hasLoading\:false,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L9\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:{\fontFamily\:\system-ui,\\\Segoe UI\\\,Roboto,Helvetica,Arial,sans-serif,\\\Apple Color Emoji\\\,\\\Segoe UI Emoji\\\\,\height\:\100vh\,\textAlign\:\center\,\display\:\flex\,\flexDirection\:\column\,\alignItems\:\center\,\justifyContent\:\center\},\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:{\display\:\inline-block\,\margin\:\0 20px 0 0\,\padding\:\0 23px 0 0\,\fontSize\:24,\fontWeight\:500,\verticalAlign\:\top\,\lineHeight\:\49px\},\children\:\404\},\$\,\div\,null,{\style\:{\display\:\inline-block\},\children\:\$\,\h2\,null,{\style\:{\fontSize\:14,\fontWeight\:400,\lineHeight\:\49px\,\margin\:0},\children\:\This page could not be found.\}}}},\notFoundStyles\:,\styles\:null}}},null,\initialHead\:false,\$La\,\globalErrorComponent\:\$b\,\missingSlots\:\$Wc\}\n)/script>script>self.__next_f.push(1,a:\$\,\meta\,\0\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\},\$\,\meta\,\1\,{\charSet\:\utf-8\},\$\,\title\,\2\,{\children\:\Canny Websites\},\$\,\link\,\3\,{\rel\:\icon\,\href\:\/favicon.ico\,\type\:\image/x-icon\,\sizes\:\16x16\},\$\,\meta\,\4\,{\name\:\next-size-adjust\}\n5:null\n)/script>script>self.__next_f.push(1,)/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]