1 2 3<html> 4 5<head> 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 9 <!-- Google Tag Manager --> 10
10<script>
vendor: 347 bytes, lines 10-14
10(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 11 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 12 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 13 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 14 })(window,document,'script','dataLayer','
14GTM-5VGKQVPL
vendor: 3 bytes, line 14
14');
14</script>
14 15 <!-- End Google Tag Manager --> 16 17 18 <title>Boat Insurance | UK Boat Insurance Specialists - GJW Direct</title> 19<meta name="description" content="Choose your boat type, explore boat insurance policies, and get a quote for boat insurance online through GJW Direct, UK Boat Insurance specialists. "/> 20<meta property="og:url" content="https://www.gjwdirect.com"/> 21<link rel="canonical" href="https://www.gjwdirect.com"/> 22 23 24 <link rel="preconnect" href="https://fonts.googleapis.com"> 25 <link rel="preconnect" crossorigin href="https://fonts.gstatic.com"> 26 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@100;400;500;600;700;800&display=swap"> 27 28 <link rel="shortcut icon" href="/assets/favicon.png"> 29
29<script type='text/javascript' async='async' src="https://platform-api.sharethis.com/js/sharethis.js#property=5cff8cdd4351e9001265020f&product=inline-share-buttons"></script>
29 30 31 32 <link rel="stylesheet" href="/style.css" /> 33 <link rel="stylesheet" href="/css/rte.css" /> 34 <link rel="stylesheet" href="/css/secondaryContent.css" /> 35
35<script type="module" src="/main.js"></script>
35 36
37<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "InsuranceAgency", "@id": "https://www.gjwdirect.com/#insuranceagency", "name": "GJW Direct", "url": "https://www.gjwdirect.com/", "logo": "https://www.gjwdirect.com/assets/logo.svg", "image": "https://www.gjwdirect.com/assets/logo.svg", "description": "GJW Direct is a specialist UK boat insurance provider offering cover for yachts, sailing boats, narrowboats and motorboats across the United Kingdom, with marine insurance experience dating back over 195 years.", "telephone": "+44 151 473 8000", "address": { "@type": "PostalAddress", "streetAddress": "One Stockport Exchange, Railway Road", "addressLocality": "Stockport", "postalCode": "SK1 3SW", "addressCountry": "GB" }, "areaServed": { "@type": "Country", "name": "United Kingdom" }, "contactPoint": { "@type": "ContactPoint", "telephone": "+44 151 473 8000", "contactType": "customer service", "areaServed": "GB", "availableLanguage": "English" }, "sameAs": [ "https://www.facebook.com/GJWDirect/", "https://www.instagram.com/GJWDirect/" ], "brand": { "@type": "Brand", "name": "GJW Direct", "logo": "https://www.gjwdirect.com/assets/logo.svg" } } </script>
37 38
39<script type="application/ld+json"> 40{ 41 "@context": "https://schema.org", 42 "@type": "FAQPage", 43 "mainEntity": [ 44 { 45 "@type": "Question", 46 "name": "What is boat insurance?", 47 "acceptedAnswer": { 48 "@type": "Answer", 49 "text": "Boat insurance is protection for you and your boat against the risks of using your boat on inland waterways or the sea. Boat insurance can cover theft, loss or damage plus third-party claims if you accidentally injure someone or damage their property while operating your boat." 50 } 51 }, 52 { 53 "@type": "Question", 54 "name": "What does boat insurance cover?", 55 "acceptedAnswer": { 56 "@type": "Answer", 57 "text": "While your policy will depend on the type of boat youâre insuring, boat insurance policies typically cover: Third-party liability claims. No excess for third-party claims for loss or damage. Boat's agreed value in the event of a total loss. Machinery damage and theft. Additionally, depending on the type of vessel, policies may cover medical expenses, legal protection, and personal accident cover. For more information on specific cover details, visit the page for the boat you want to cover, where you can find the product information document for each boat type." 58 } 59 }, 60 { 61 "@type": "Question", 62 "name": "Is boat insurance a legal requirement in the UK?", 63 "acceptedAnswer": { 64 "@type": "Answer", 65 "text": "Boat insurance is not a legal requirement in the UK however many marinas and boating clubs will require proof of cover to access their facilities or become a member. Third-party insurance is often the minimum level of insurance required by marinas, harbours and UK inland waterways for you to access their facilities or waters, so it is an important consideration." 66 } 67 }, 68 { 69 "@type": "Question", 70 "name": "What is third-party boat insurance?", 71 "acceptedAnswer": { 72 "@type": "Answer", 73 "text": "Third-party liability boat insurance protects you against any claims made against you if you accidentally injure another person or damage another personâs boat or property while operating your boat. For example, if you accidentally damage another boat whilst manoeuvring in a marina, third-party liability insurance would help cover the legal costs if you were deemed responsible for the incident." 74 } 75 }, 76 { 77 "@type": "Question", 78 "name": "How much does boat insurance cost?", 79 "acceptedAnswer": { 80 "@type": "Answer", 81 "text": "Itâs difficult to give an estimation for how much a specific boat insurance policy will cost as several factors affect this, including: the boatâs type and value, your intended use of the boat, the type of cover you select, your mooring location, your claims history and/or your no claims bonus. To get a clearer idea of how much your boat insurance will cost, you can get an instant online quote through GJW Direct now." 82 } 83 }, 84 { 85 "@type": "Question", 86 "name": "Am I insured to use my boat abroad?", 87 "acceptedAnswer": { 88 "@type": "Answer", 89 "text": "Yes, through GJW Direct, you could get financial cover for you and your boat in the UK and Europe for up to 30 days per trip, depending on your boat type. Some boat types also provide insurance whilst the boat is in transit. For more information on where you can use your boat, visit the page of your boat type or visit our Important Documents page." 90 } 91 }, 92 { 93 "@type": "Question", 94 "name": "How can I make my boat insurance cheaper?", 95 "acceptedAnswer": { 96 "@type": "Answer", 97 "text": "When buying boat insurance, itâs important to consider that the policy aligns with your specific needs. While discounts aren't guaranteed, taking steps to increase your boatâs security, such as storing it in a recognised marina, can sometimes help reduce your premium. GJW Direct policies can also include marina scheme benefits which may entitle you to special policy endorsements. Visit the specific boat type page to see if your boat type offers any potential benefits or endorsements." 98 } 99 } 100 ] 101} 102</script>
102 103 <!-- begin Convert Experiences code--> 104
104<script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10043091-100417590.js?environment=production"></script>
104 105 <!-- end Convert Experiences code --> 106 107</head> 108 109 110<body> 111 <!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 111-112
111 112 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
112GTM-5VGKQVPL
vendor: 89 bytes, lines 112-114
112" 113 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 114
114<!-- End Google Tag Manager (noscript) --> 115 <header 116 x-data="{ 117 mobileMenuOpen: false, 118 isMobile: window.innerWidth < 768, 119 updateMobileState() { 120 const wasMobile = this.isMobile; 121 this.isMobile = window.innerWidth < 768; 122 if (wasMobile && !this.isMobile) { 123 this.mobileMenuOpen = false; 124 document.body.classList.remove('no-scroll'); 125 } 126 }, 127 toggleMobileMenu() { 128 this.mobileMenuOpen = !this.mobileMenuOpen; 129 document.body.classList.toggle('no-scroll', this.mobileMenuOpen); 130 }, 131 handleScroll() { 132 this.isFixed = window.pageYOffset > 300; 133 } 134 }" 135 x-init=" 136 updateMobileState(); 137 window.addEventListener('resize', () => updateMobileState()); 138 " 139 class="bg-white border-t-[3px] px-6 pt-4 pb-5 flex relative sticky z-[999] top-0 shadow-[0_2px_10px_0px_#0000001f] h-[100px] md:h-auto"> 140 141 <div x-ref="header" class="container flex mx-auto items-center justify-between"> 142 <logo class="flex items-center md:mr-auto mr-[10px]"> 143 <a href="/" class="block max-w-[140px] md:max-w-[196px]"> 144 <img src="/assets/logo_gjw_direct_200_years.png" class="w-full" alt="GJWDirect Logo" /> 145 </a> 146 <span class="mx-[14px] md:mx-[20px] h-[48px] md:h-[72px] border-l border-primary" aria-hidden="true"></span> 147 <a href="/gjw-200-years/" class="block max-w-[76px] md:max-w-[98px]"> 148 <img src="/assets/logo_200_years_badge.png" class="w-full" alt="200 years of marine insurance" /> 149 </a> 150 </logo> 151 <div class="flex items-center md:block"> 152 <!-- Mobile chat button placeholder --> 153 <div x-show="isMobile" id="mobileChatButtonPlaceholder" class="mr-[15px] ml-[20px]"></div> 154 <!-- Mobile chat button placeholder --> 155 <button @click="toggleMobileMenu()" class="md:hidden text-primary"> 156 <svg class="w-7 h-7 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 157 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 158 </svg> 159 </button> 160 <nav 161 x-cloak 162 x-bind:class="{'opacity-0 -translate-x-full': !mobileMenuOpen, 'opacity-100 translate-x-0': mobileMenuOpen}" 163 class="flex flex-col z-[998] top-full overflow-auto p-0 border-t border-solid border-[#ffffff8c] md:border-0 md:pt-2 absolute h-[calc(100vh-100px)] pb-[100px] md:overflow-visible md:top-auto md:p-0 md:h-auto md:static left-0 w-[100%] md:w-auto bg-white md:bg-transparent md:block transition-all duration-300 ease-in-out transform md:transform-none md:opacity-100 md:border-none" 164 > 165 166<style> 167 [x-cloak] { display: none !important; } 168</style> 169 170<ul class="md:ml-[70px] relative md:justify-end bg-darkgrey p-5 md:border-none border-t border-solid border-t-[#838383] md:p-0 md:bg-transparent md:rounded-none order-last md:order2 flex flex-col md:flex-row [&>li>a]:block [&>li>a]:py-2 md:[&>li>a]:py-0 [&>li>a]:px-3 md:[&>li>a]:border-r-[1px] [&>li:last-child>a]:border-b-0 md:[&>li:last-child>a]:border-r-0 [&>li>a]:border-r-[#d8d8d894] [&>li>a]:text-[13px] font-bold text-primary [&>li>a:hover]:underline"> 171 <li class="main-menu-top-item"> 172 <a href="/contact/" class="text-primary flex items-center"> 173 Contact 174 </a> 175 </li> 176 <li class="main-menu-top-item"> 177 <a href="/log-in/" class="text-primary flex items-center"> 178 Renew 179 </a> 180 </li> 181 <li class="main-menu-top-item"> 182 <a href="/log-in/" class="text-primary flex items-center"> 183 Login 184 </a> 185 </li> 186</ul> 187 188<div class="order-3" 189 x-data="{ 190 showForMobile: false, 191 activeAccordion: null, 192 isDesktop: window.innerWidth >= 768, 193 dropdownOpen: false, 194 closeAllAccordions() { 195 this.activeAccordion = null; 196 } 197 }" 198 x-init=" 199 $watch('isDesktop', value => { 200 if (value) { 201 activeAccordion = null; 202 } 203 }); 204 window.addEventListener('resize', () => { 205 isDesktop = window.innerWidth >= 768; 206 }); 207 window.addEventListener('click', (e) => { 208 if (!$el.contains(e.target)) { 209 closeAllAccordions(); 210 } 211 }); 212 "> 213 <nav class="main-menu container mx-auto md:flex md:flex-row md:items-end md:justify-end md:items-center pt-[20px] border border-solid border-[#00B5A2] md:border-none single-menu-item"> 214 <ul class="md:flex justify-end [&>li>a:hover]:text-primary"> 215 <li x-data="{dropdownOpen: false, hasMenuColumns: true}" class="main-menu-top-item"> 216 <a @click="isDesktop ? (hasMenuColumns ? dropdownOpen = !dropdownOpen : null) : (hasMenuColumns ? (dropdownOpen = !dropdownOpen, $event.preventDefault()) : null)" 217 class="text-primary font-normal flex items-center" 218 :class="{'hidden': !isDesktop && true}" 219 href='#'> 220 <svg class="w-5 h-5 text-primary" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14"> 221 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path> 222 </svg>
223 <span class="ml-2">Menu</span> 224 </a> 225 226 <div 227 x-cloak 228 x-show="(isDesktop && dropdownOpen) || (!isDesktop && ((dropdownOpen && hasMenuColumns) || true))" 229 :class="{'relative': !isDesktop, 'absolute z-[999]': isDesktop}" 230 @click.away="dropdownOpen = false" 231 class="main-menu-column left-0 right-0 bg-darkgrey py-6 md:pt-8 md:pb-11 md:px-5 md:mt-[20px] lg:shadow-ul w-full border-t-2 border-[#cbcbcb]" 232 x-transition:enter="transition ease-out duration-200 transform" 233 x-transition:enter-start="opacity-0 -translate-y-2" 234 x-transition:enter-end="opacity-100 translate-y-0" 235 x-transition:leave="transition ease-out duration-200" 236 x-transition:leave-start="opacity-100" 237 x-transition:leave-end="opacity-0"> 238 <div class=" main-menu-column-inner flex flex-wrap container mx-auto gap-[5%]"> 239 240 <!-- ------RENDER MENU COLUMNS------ --> 241 242 <div class="flex-1 md:max-w-[500px]"> 243 <h3 class="menu-column-title text-primary font-bold mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal"> 244 <span class="flex-grow"> 245 Boats we insure 246 </span> 247 <button 248 @click="!isDesktop && (activeAccordion = activeAccordion === '12a8c8f3-d877-44d7-92d0-13d0a698f447' ? null : '12a8c8f3-d877-44d7-92d0-13d0a698f447')" 249 class="p-2 md:hidden focus:outline-none" 250 aria-label="Toggle menu"> 251 <svg class="w-7 h-7 fill-current text-primary transition-all duration-300 ease-in-out" 252 :class="{'rotate-180': activeAccordion === '12a8c8f3-d877-44d7-92d0-13d0a698f447'}" 253 xmlns="http://www.w3.org/2000/svg"
254 viewBox="0 0 20 20"> 255 <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> 256 </svg> 257 </button> 258 </h3> 259 <div x-show="isDesktop || activeAccordion === '12a8c8f3-d877-44d7-92d0-13d0a698f447'" 260 x-collapse.duration.300ms 261 class="md:!block main-menu-column-item"> 262 263 <!-- ------RENDER SUB MENU ITEMS------ --> 264 265 <ul class="main-menu-sub-item-wrapper"> 266 <li class="mb-2 main-menu-sub-item"> 267 <a href="/yacht-sailing-boat-insurance/" 268 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 269 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 270 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 271 </svg> 272 Yacht Insurance 273 </a> 274 </li> 275 <li class="mb-2 main-menu-sub-item"> 276 <a href="/narrowboat-insurance/" 277 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 278 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 279 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 280 </svg> 281 Narrowboat Insurance 282 </a> 283 </li> 284 <li class="mb-2 main-menu-sub-item"> 285 <a href="/jet-ski-insurance/" 286 target="" 287 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 288 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 289 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 290 </svg> 291 Jet Ski Insurance 292 </a> 293 </li> 294 <li class="mb-2 main-menu-sub-item"> 295 <a href="/dinghy-insurance/" 296 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 297 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 298 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 299 </svg> 300 Dinghy Insurance 301 </a> 302 </li> 303 <li class="mb-2 main-menu-sub-item"> 304 <a href="/rib-insurance/" 305 target="" 306 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 307 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 308 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 309 </svg> 310 RIB Insurance 311 </a> 312 </li> 313 <li class="mb-2 main-menu-sub-item"> 314 <a href="/sib-insurance/" 315 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 316 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 317 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 318 </svg> 319 SIB Insurance 320 </a> 321 </li> 322 <li class="mb-2 main-menu-sub-item"> 323 <a href="/speedboat-insurance/" 324 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 325 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 326 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 327 </svg> 328 Speedboat Insurance 329 </a> 330 </li> 331 <li class="mb-2 main-menu-sub-item"> 332 <a href="/motor-cruiser-insurance/" 333 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 334 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 335 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 336 </svg> 337 Motor Cruiser Insurance 338 </a> 339 </li> 340 <li class="mb-2 main-menu-sub-item"> 341 <a href="/canoe-kayak-insurance/" 342 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 343 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 344 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 345 </svg> 346 Canoe & Kayak Insurance 347 </a> 348 </li> 349 <li class="mb-2 main-menu-sub-item"> 350 <a href="/rowing-boat-insurance/" 351 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 352 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 353 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 354 </svg> 355 Rowing Boat Insurance 356 </a> 357 </li> 358 <li class="mb-2 main-menu-sub-item"> 359 <a href="/sup-insurance/" 360 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 361 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 362 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 363 </svg> 364 SUP Insurance 365 </a> 366 </li> 367 <li class="mb-2 main-menu-sub-item"> 368 <a href="/small-boat-insurance/" 369 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 370 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 371 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 372 </svg> 373 Small boat insurance 374 </a> 375 </li> 376 </ul> 377 378 <!-- ------RENDER MENU CARD ITEMS------ --> 379 380 </div> 381 382 </div> 383 <div class="flex-1 md:max-w-[500px]"> 384 <h3 class="menu-column-title text-primary font-bold mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
385 <span class="flex-grow"> 386 Our cover 387 </span> 388 <button 389 @click="!isDesktop && (activeAccordion = activeAccordion === 'a9224e33-42ec-4ffc-a5d4-4fe7227b5f63' ? null : 'a9224e33-42ec-4ffc-a5d4-4fe7227b5f63')" 390 class="p-2 md:hidden focus:outline-none" 391 aria-label="Toggle menu"> 392 <svg class="w-7 h-7 fill-current text-primary transition-all duration-300 ease-in-out" 393 :class="{'rotate-180': activeAccordion === 'a9224e33-42ec-4ffc-a5d4-4fe7227b5f63'}" 394 xmlns="http://www.w3.org/2000/svg" 395 viewB
395ox="0 0 20 20"> 396 <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> 397 </svg> 398 </button> 399 </h3> 400 <div x-show="isDesktop || activeAccordion === 'a9224e33-42ec-4ffc-a5d4-4fe7227b5f63'" 401 x-collapse.duration.300ms 402 class="md:!block main-menu-column-item"> 403 404 <!-- ------RENDER SUB MENU ITEMS------ --> 405 406 <ul class="main-menu-sub-item-wrapper"> 407 <li class="mb-2 main-menu-sub-item"> 408 <a href="/faqs/" 409 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 410 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 411 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 412 </svg> 413 Boat Insurance FAQs 414 </a> 415 </li> 416 <li class="mb-2 main-menu-sub-item"> 417 <a href="/important-documents/" 418 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 419 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 420 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 421 </svg> 422 Important documents 423 </a> 424 </li> 425 </ul> 426 427 <!-- ------RENDER MENU CARD ITEMS------ --> 428 429 </div> 430 431 </div> 432 <div class="flex-1 md:max-w-[500px]"> 433 <h3 class="menu-column-title text-primary font-bold mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal"> 434 <span class="flex-grow"> 435 About 436 </span> 437 <button 438 @click="!isDesktop && (activeAccordion = activeAccordion === '0ec4b790-b836-42b8-9333-ad842dd55404' ? null : '0ec4b790-b836-42b8-9333-ad842dd55404')" 439 class="p-2 md:hidden focus:outline-none" 440 aria-label="Toggle menu"> 441 <svg class="w-7 h-7 fill-current text-primary transition-all duration-300 ease-in-out" 442 :class="{'rotate-180': activeAccordion === '0ec4b790-b836-42b8-9333-ad842dd55404'}" 443 xmlns="http://www.w3.org/2000/svg"
444 viewBox="0 0 20 20"> 445 <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> 446 </svg> 447 </button> 448 </h3> 449 <div x-show="isDesktop || activeAccordion === '0ec4b790-b836-42b8-9333-ad842dd55404'" 450 x-collapse.duration.300ms 451 class="md:!block main-menu-column-item"> 452 453 <!-- ------RENDER SUB MENU ITEMS------ --> 454 455 <ul class="main-menu-sub-item-wrapper"> 456 <li class="mb-2 main-menu-sub-item"> 457 <a href="/about/" 458 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 459 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 460 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 461 </svg> 462 About us 463 </a> 464 </li> 465 <li class="mb-2 main-menu-sub-item"> 466 <a href="/rnli/" 467 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 468 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 469 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 470 </svg> 471 RNLI 472 </a> 473 </li> 474 <li class="mb-2 main-menu-sub-item"> 475 <a href="/discounts/" 476 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 477 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 478 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 479 </svg> 480 Discounts 481 </a> 482 </li> 483 <li class="mb-2 main-menu-sub-item"> 484 <a href="/private-clients/" 485 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 486 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 487 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 488 </svg> 489 Private clients 490 </a> 491 </li> 492 <li class="mb-2 main-menu-sub-item"> 493 <a href="/our-experts/" 494 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 495 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 496 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 497 </svg> 498 Our experts 499 </a> 500 </li> 501 <li class="mb-2 main-menu-sub-item"> 502 <a href="/marina-scheme/" 503 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 504 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 505 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 506 </svg> 507 Marina Scheme 508 </a> 509 </li> 510 </ul> 511 512 <!-- ------RENDER MENU CARD ITEMS------ --> 513 514 </div> 515 516 </div> 517 <div class="flex-1 md:max-w-[500px]"> 518 <h3 class="menu-column-title text-primary font-bold mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
519 <span class="flex-grow"> 520 Existing policyholders 521 </span> 522 <button 523 @click="!isDesktop && (activeAccordion = activeAccordion === 'bd4486fd-08a0-4d4c-a407-e890b1f8b2d3' ? null : 'bd4486fd-08a0-4d4c-a407-e890b1f8b2d3')" 524 class="p-2 md:hidden focus:outline-none" 525 aria-label="Toggle menu"> 526 <svg class="w-7 h-7 fill-current text-primary transition-all duration-300 ease-in-out" 527 :class="{'rotate-180': activeAccordion === 'bd4486fd-08a0-4d4c-a407-e890b1f8b2d3'}" 528 xmlns="http://www.w3.org/2000/svg"
529 viewBox="0 0 20 20"> 530 <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> 531 </svg> 532 </button> 533 </h3> 534 <div x-show="isDesktop || activeAccordion === 'bd4486fd-08a0-4d4c-a407-e890b1f8b2d3'" 535 x-collapse.duration.300ms 536 class="md:!block main-menu-column-item"> 537 538 <!-- ------RENDER SUB MENU ITEMS------ --> 539 540 <ul class="main-menu-sub-item-wrapper"> 541 <li class="mb-2 main-menu-sub-item"> 542 <a href="/log-in/" 543 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 544 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 545 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 546 </svg> 547 Login 548 </a> 549 </li> 550 <li class="mb-2 main-menu-sub-item"> 551 <a href="/how-to-claim/" 552 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 553 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 554 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 555 </svg> 556 How to claim 557 </a> 558 </li> 559 <li class="mb-2 main-menu-sub-item"> 560 <a href="/refer-a-friend/" 561 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 562 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 563 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 564 </svg> 565 Refer a friend 566 </a> 567 </li> 568 </ul> 569 570 <!-- ------RENDER MENU CARD ITEMS------ --> 571 572 <div class="card-item mt-6 inline-block bg-[#434343] py-3 px-6 rounded"> 573 <h4 class="card-title text-primary font-bold mb-4 relative text-[16px]">Boat news and advice </h4> 574 <ul> 575 <li class="mb-2"> 576 <a href="/blog/" 577 class="text-primary hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px] hover:text-white"> 578 <svg class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12"> 579 <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" /> 580 </svg> 581 Blog 582 </a> 583 </li> 584 </ul> 585 </div> 586 </div> 587 588 </div> 589 </div> 590 </div> 591 </li> 592 </ul> 593 <div class="ml-6"> 594 <a href="https://quote.gjwdirect.com/#/your-cover/your-boat-type" class="updateUrl block group inline-flex rounded-[35px] text-[14px] py-2 px-8 md:py-2 md:px-6 text-center text-white no-underline bg-custom-gradient"> 595 Get a Quote 596 </a> 597 </div> 598 599 </nav> 600</div> 601
602<script> 603 document.addEventListener('DOMContentLoaded', function() { 604 const chatButton = document.getElementById('desktopChatButton'); 605 const mobilePlaceholder = document.getElementById('mobileChatButtonPlaceholder'); 606 const originalParent = chatButton ? chatButton.parentElement : null; 607 608 function moveChatButton() { 609 if (!chatButton || !mobilePlaceholder || !originalParent) return; 610 611 if (window.innerWidth < 768) { 612 mobilePlaceholder.appendChild(chatButton); 613 chatButton.style.display = 'block'; // Ensure the button is visible 614 } else { 615 originalParent.appendChild(chatButton); 616 chatButton.style.display = 'block'; // Ensure the button is visible 617 } 618 } 619 620 window.addEventListener('resize', moveChatButton); 621 moveChatButton(); 622 }); 623</script>
623 624 </nav> 625 </div> 626 </div> 627 </div> 628 </header> 629 630 631 632 633 634 <main> 635 636 637 638<style> 639 .hero-block.min-h-\[500px\] { 640 min-height: 500px; 641 } 642 @media screen and (min-width: 1024px) { 643 .hero-block__content { 644 width: 80%; 645 } 646 647 .container__inner { 648 width: 80%; 649 max-width: 50%; 650 } 651 652 .hero-block__roundel { 653 width: 20%; 654 } 655 656 .hero-gc .hero-block__content { 657 width: 50%; 658 } 659 660 .hero-block__main-content .column { 661 padding: 0 !important; // negate column padding if used inside hero 662 } 663 } 664 665 .hero-block { 666 background-image: url(/media/zzzjc4mm/15329-homepage.webp); 667 } 668 669 @media screen and (max-width: 768px) { 670 .hero-block { 671 background-image: url(/media/sehn4w44/15329-homepage-mobile.webp); 672 background-position: center !important; 673 } 674 675 .hero-block__content { 676 width: 100% !important; 677 } 678 } 679 680 .hero-centralised .hero-block__content { 681 margin: 0 682 auto; 683 } 684 685 .hero-centralised h1 { 686 text-align: center; 687 } 688 689 /* TP & SM widget */ 690 691 .trustpilot__container { 692 display: flex; 693 align-items: center; 694 justify-content: flex-start; 695 gap: 20px; 696 max-width: none !important; 697 } 698 699 .trustpilot__container > br { 700 display: none; 701 } 702 703 .trustpilot__container .trustpilot-widget { 704 flex: 0 0 220px; 705 margin-top: 5px; 706 } 707 708 .trustpilot__container > iframe[src*="smartmoneypeople.com"] { 709 flex: 0 0 290px; 710 } 711 712 @media (max-width: 767px) { 713 .trustpilot__container { 714 flex-direction: column; 715 align-items: flex-start; 716 justify-content: flex-start; 717 gap: 20px; 718 max-width: 290px !important; 719 } 720 721 .trustpilot__container .trustpilot-widget { 722 flex: none; 723 width: 220px; 724 } 725 726 .trustpilot__container > iframe[src*="smartmoneypeople.com"] { 727 flex: none; 728 } 729 } 730</style> 731<div class="hero-block hero-left pb-[50px] bg-cover lg:bg-center relative pt-[75px]"> 732 <div class="container relative flex justify-between mx-auto"> 733 <div class="hero-block__content px-[15px]"> 734 <h1 class="text-center text-[46px] md:text-left md:text-[56px] lg:text-[64px] text-white font-bold mt-0 mx-0 mb-2 lg:mb-6">Boat Insurance at competitive prices</h1> 735 </div> 736 </div> 737 738 <!-- Always-run Alpine x-data to fetch and store webCode --> 739 <div x-init="fetchData()" x-data="{ 740 fetchData() { 741 const urlParams = new URLSearchParams(window.location.search); 742 const ref = urlParams.get('ref') || sessionStorage.getItem('webCode'); 743 744 fetch(`${window.juiceUrl}/juicewebapi/products/GJWDirect/standard/sources/${ref || 'default'}?includeImage=false`) 745 .then(response => response.json()) 746 .then(data => { 747 sessionStorage.setItem('webCode', data.webCode); 748 updateAnchorsWithWebCode(data.webCode); 749 }) 750 .catch(error => console.error('Error fetching data:', error)); 751 } 752 }" class="hidden"></div> 753 754 <div class="container flex-wrap relative flex justify-center md:justify-between mx-auto mt-10 lg:mt-5"> 755 <div class="px-[15px] order-2 lg:order-1 container__inner mb-10 relative lg:static"> 756 <div class="top-0 right-0 lg:static lg:right-0 lg:top-0"> 757 <div class="relative lg:absolute lg:top-[unset] lg:bottom-[0] lg:right-[20px] lg:bottom-[0]"> 758 <img src="/media/rtsp31gf/gjw_200years_identity_logo_glow.png" class="w-[150] md:w-[250] m-auto sm:ml-auto lg:m-0" /> 759 </div> 760 </div> 761 <div class="flex flex-col gap-[25px] bg-white/80 py-4 md:py-6 lg:pt-7 px-6 md:px-4 lg:px-6 rounded-[20px]"> 762 <div class="hero-block__main-content content text-center md:text-left order-2 md:order-1"> 763 764 765 <div id="block-a3272b62-e4e2-4880-86c0-d9d486353f8b" x-data="{ isOpen: window.innerWidth >= 768 }" class="md:flex md:flex-row md:gap-8 column-container px-4 md:px-0"> 766 <div class="column flex-1 mb-6 column-item px-4"> 767 <ul> 768<li><span class="tickbox">200 years arranging marine insurance*</span></li> 769<li><span class="tickbox">Discounts with our partner brands</span></li> 770</ul> 771 </div> 772 <div class="column flex-1 mb-6 column-item px-4"> 773 <ul> 774<li><span class="tickbox">24-hour emergency claims helpline</span></li> 775<li><span class="tickbox">Marina Scheme Benefits (UK marina)</span></li> 776</ul> 777 </div> 778 </div> 779 780 781 </div> 782 <div class="text-center md:text-left order-1 md:order-2 mt-6 md:mt-0"> 783 <a href="https://quote.gjwdirect.com/#/your-cover/your-boat-type" class="updateUrl group inline-flex rounded-[35px] text-md lg:text-lg py-3 lg:py-5 px-8 text-center text-white no-underline bg-custom-gradient"> 784 Get A Quote 785 </a> 786 </div> 787
787<script type="text/javascript" id="" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js"></script>
787 788 <div class="trustpilot__container max-w-[275px] mx-auto md:mx-0 order-3"> 789 <!-- TrustBox widget - Micro Star --> 790<div class="trustpilot-widget" data-locale="en-GB" data-template-id="5419b732fbfb950b10de65e5" data-businessunit-id="64ff6e3960003ffc450a94b6" data-style-height="24px" data-style-width="100%"> 791<a href="https://uk.trustpilot.com/review/gjwdirect.com" target="_blank" rel="noopener">Trustpilot</a> 792</div> 793<!-- End TrustBox widget --> 794<br /> 795<iframe src='https://smartmoneypeople.com/GJW-Direct-reviews/widget/v2/letterbox?text-option=1&transparent' frameborder='0' scrolling='no' style='width:290px;height:30px'></iframe> 796 </div> 797 </div> 798 </div> 799 </div> 800 801</div> 802 803 <style> 804 .block-7157894a-dbc4-4d17-ab60-86a2fdc7e11a { 805 --svg: #1E579E; 806 --mainTitle: #333; 807 --title: #000; 808 --text: #333; 809 --button: #FFF; 810 --buttonBG: #00B5A2; 811 --buttonBGHover: #1E579E; 812 --buttonTextHover: #00B5A2; 813 --buttonBorderHover: #00B5A2; 814 --uspBG: #FFF; 815 --arrowColor: #1E579E; 816 --arrowColorHover: #00B5A2; 817 } 818 </style> 819 820 <div id="block-7157894a-dbc4-4d17-ab60-86a2fdc7e11a" 821 class="w-full px-2 md:px-0 m-0 bg-white mt-0 py-6 block-7157894a-dbc4-4d17-ab60-86a2fdc7e11a" 822 > 823 <div class="max-w-screen-xl m-auto"> 824 <div class="[&>p]:max-w-[1000px] [&>p]:m-auto [&>h3]:pb-4 [&>h3]:text-[color:var(--mainTitle)] [&>h3]:text-[34px] text-center content"> 825 <h2><span class="darkblue-text">Why choose GJW Direct for boat insurance?</span></h2> 826<p><span class="darkblue-text">GJW Direct offers specialist boat insurance for boat owners, supported by a UKâbased customer service team and over <a href="/gjw-200-years/" title="GJW 200 years">200 years of marine insurance experience</a>*. Awarded Best Specialist Insurance Provider 2025 at the Insurance Choice Awards, and rated 'Excellent' on Trustpilot, weâre a trusted name in boat insurance and proud partners of the <a href="/rnli/" title="RNLI">RNLI</a> and a member of <a rel="noopener" href="https://www.britishmarine.co.uk/" target="_blank">British Marine</a>. GJW Direct customers also get access to <a href="/discounts/" title="Discounts">discounts</a> through our partner brands, combining expert cover, recognised service, and real value on and off the water.</span></p> 827<p> </p> 828 </div> 829 830 831 <ul class="grid md:grid-flow-col md:grid-cols-minmax p-2 gap-4 mt-0 pt-8"> 832 <li class="relative px-8 py-6 m-0 bg-[color:var(--uspBG)] mb-9 md:mb-6"> 833 <img src="/media/12xiztnf/24hr-claims-2x-1.webp" class="absolute left-1/2 transform -translate-x-1/2 -top-12 m-auto max-w-[100px]" alt="24 hour emergency icon" /> 834 <div class="py-6"></div> 835 <h2 class="text-center mb-2 mt-4 text-[color:var(--title)] text-lg font-bold">24-hour emergency claims helpline</h2> 836 <div class="text-[color:var(--mainTitle)] text-center"><p class="MsoNormal">Get access to our 24-hour emergency claims helpline should you need to make an urgent claim or require assistance.</p></div> 837 </li> 838 <li class="relative px-8 py-6 m-0 bg-[color:var(--uspBG)] mb-9 md:mb-6"> 839 <img src="/media/xhsptefa/special-offers-2x.webp" class="absolute left-1/2 transform -translate-x-1/2 -top-12 m-auto max-w-[100px]" alt="special offers lighthouse icon" /> 840 <div class="py-6"></div> 841 <h2 class="text-center mb-2 mt-4 text-[color:var(--title)] text-lg font-bold">Special Offers</h2> 842 <div class="text-[color:var(--mainTitle)] text-center"><p>As a GJW Direct customer, you'll get access to a selection of discounts through our partners. </p></div> 843 </li> 844 <li class="relative px-8 py-6 m-0 bg-[color:var(--uspBG)] mb-9 md:mb-6"> 845 <img src="/media/rlkb0yfa/marina-benefits-2x.webp" class="absolute left-1/2 transform -translate-x-1/2 -top-12 m-auto max-w-[100px]" alt="marina scheme benefits anchor icon" /> 846 <div class="py-6"></div> 847 <h2 class="text-center mb-2 mt-4 text-[color:var(--title)] text-lg font-bold">Marina Scheme Benefits</h2> 848 <div class="text-[color:var(--mainTitle)] text-center"><p style="text-align: center;" class="MsoNormal">If you keep your vessel in a recognised UK marina, you are entitled to Special Endorsements as part of our <span class="blue-hyperlink"><a href="/marina-scheme/" title="Marina Scheme">Marina Scheme</a>. </span></p></div> 849 </li> 850 <li class="relative px-8 py-6 m-0 bg-[color:var(--uspBG)] mb-9 md:mb-6"> 851 <img src="/media/fawmk5w3/instant-cover-2x.webp" class="absolute left-1/2 transform -translate-x-1/2 -top-12 m-auto max-w-[100px]" alt="instant cover tick icon" /> 852 <div class="py-6"></div> 853 <h2 class="text-center mb-2 mt-4 text-[color:var(--title)] text-lg font-bold">Instant cover & access to policy documents</h2> 854 <div class="text-[color:var(--mainTitle)] text-center"><p class="MsoNormal">When taking out a policy, you can choose to be instantly covered & get access to your policy documents.</p></div> 855 </li> 856 </ul> 857 </div> 858 </div> 859 860 861<div class="bg-lightgrey p-8"> 862 863<h2 style="text-align: center;"><span class="black-text">Specialist Boat Insurance</span></h2> 864<p style="text-align: center;">GJW Direct has been arranging marine insurance since 1826, so you can be confident you are dealing with boat insurance specialists.</p> 865<p style="text-align: center;">Find out more about specific boat insurance policies and get a quick quote below. </p> 866 <div x-data="boatData()" class="max-w-screen-md mx-auto p-0 mt-8"> 867 <div class="grid grid-cols-2 md:grid-cols-3 gap-6"> 868 <!-- Loop through the boat items --> 869 <template x-for="(boat, index) in boats" :key="index"> 870 871 <div
872 x-data="{ isHovered: false, isClicked: false }" 873 x-init="$watch('activeIndex', value => { 874 isHovered = (value === index); 875 isClicked = (value === index); 876 })" 877 x-on:mouseenter="if (enableHover) { activeIndex = index; isHovered = true; }" 878 x-on:mouseleave="if (enableHover) { activeIndex = null; isHovered = false; }" 879 class="relative group bg-white rounded-lg overflow-hidden p-4 flex flex-col" 880 :class="{ 881 'hover-trigger': enableHover 882 }" 883 x-on:mouseenter="if(enableHover) isHovered = true" 884 x-on:mouseleave="if(enableHover) isHovered = false"> 885 886 <!-- Trigger icon for mobile click --> 887 <div x-on:click="activeIndex = activeIndex === index ? null : index" class="absolute top-[10px] right-[10px] md:hidden"> 888 <svg width="30" height="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 889 <circle cx="12" cy="12" r="10" fill="#4ebcc2"/> 890 <path d="M12 10.5a1 1 0 100-2 1 1 0 000 2zm1 6.5h-2v-5h2v5z" fill="#ffffff"/> 891 </svg> 892 </div> 893 894 <!-- Boat Image and Title --> 895 <a :href="`${'https://quote.gjwdirect.com/#/your-cover/boat-information?boat-type='}${boat.url}`" class="block updateUrl"> 896 <img :src="boat.src" :alt="boat.title" class="m-auto" alt="Boat Image"> 897 </a> 898 <p class="text-center text-sm max-w-[170px] m-auto mb-0" x-text="boat.title"></p> 899 900 <!-- Hover/Touch Overlay --> 901 <div x-show="isHovered" class="p-4 absolute inset-0 bg-darkblue flex flex-col z-10 transition-opacity duration-300 opacity-100 pointer-events-auto"> 902 <a :href="`${'https://quote.gjwdirect.com/#/your-cover/boat-information?boat-type='}${boat.url}`" class="updateUrl text-white block text-center mb-2 bg-primary border border-darkblue border-2 rounded-[30px] py-4 px-6 lg:px-8 max-w-[260px] m-auto hover:bg-darkerblue"> 903 Get a quote 904 </a> 905 <a :href="`/${boat.webUrl}`" x-show="boat.webUrl !== '#'" target="_blank" class="text-white block text-center mb-2 bg-darkblue border border-2 border-primary rounded-[30px] py-3 px-6 lg:px-8 max-w-[260px] m-auto hover:bg-primary"> 906 More info 907 </a> 908 <p class="text-white text-center text-sm max-w-[170px] m-auto mt-auto mb-0" x-text="boat.title"></p> 909 </div> 910 </div> 911 912 </template> 913 </div> 914 </div> 915</div> 916
917<script> 918 function boatData() { 919 return { 920 activeIndex: null, // Tracks which boat's overlay is active 921 enableHover: window.innerWidth >= 1024, 922 boats: [ 923 { src: '/assets/boats/yac.svg', title: 'Yacht & Sailing Boat', url: 'YachtAndSailingBoat', webUrl: 'yacht-sailing-boat-insurance/' }, 924 { src: '/assets/boats/mc.svg', title: 'Motor Cruiser', url: 'MotorCruiser', webUrl: 'motor-cruiser-insurance/' }, 925 { src: '/assets/boats/nar.svg', title: 'Narrowboat, Barge & Houseboat', url: 'NarrowboatBargeAndHouseboat', webUrl: 'narrowboat-insurance/' }, 926 { src: '/assets/boats/spe.svg', title: 'SpeedBoat', url: 'RIB', webUrl: 'speedboat-insurance/' }, 927 { src: '/assets/boats/rib.svg', title: 'RIB', url: 'RIB', webUrl: 'rib-insurance/' }, 928 { src: '/assets/boats/din.svg', title: 'Dinghy', url: 'Dinghy', webUrl: 'dinghy-insurance/' }, 929 { src: '/assets/boats/jet.svg', title: 'Personal Watercraft & Jetski', url: 'PersonalWatercraftAndJetski', webUrl: 'jet-ski-insurance/' }, 930 { src: '/assets/boats/sups.svg', title: 'SUPs', url: 'CanoeeFoilRowingBoatSUPAndWindsurfer', webUrl: 'sup-insurance/' }, 931 { src: '/assets/boats/can.svg', title: 'Small Craft', url: 'CanoeeFoilRowingBoatSUPAndWindsurfer', webUrl: 'canoe-kayak-insurance/' }, 932 ] 933 }; 934 } 935</script>
935 936 937 938 <div class="bg-white px-2 md:px-0 py-8 mt-0"> 939 <div class="max-w-screen-xl m-auto"> 940 <div class="[&>h3]:pb-4 [&>h3]:mb-4 [&>h3]:text-[color:var(--mainTitle)] [&>h2]:pb-4 [&>h2]:mb-4 [&>h2]:text-[color:var(--mainTitle)] text-[34px] text-center"> 941 <h2 style="text-align: center;">What does boat insurance cover?</h2> 942 </div> 943 944 <div x-data="carousel()" class="relative"> 945 <div id="block-79d233b7-61be-41af-bfe6-069acfe17624" class="flex flex-row md:gap-8 column-container px-4 md:px-0 snap-x overflow-x-auto gap-4"> 946 <div class="content flex-shrink-0 w-full md:flex-1 md:p-0 md:w-auto snap-center w-[95%]"> <!-- Ensure full width for mobile --> 947 <div class="flex-1 mb-6"> 948 <h3 class="p-6 mb-0 text-xxl rounded-t-xl bg-custom-gradient text-white">Boat insurance</h3> 949 950 <div class="accordion"> 951 <div :class="isExpanded ? 'bg-[#FFF]' : 'bg-[#F7F7F7]'" class="relative p-4 md:px-6 md:py-4 m-0 border-2 border-t-0" x-data="{ isExpanded: true }"> 952 <button class="flex flex-nowrap text-left justify-between items-center align-center w-full" @click="isExpanded = !isExpanded"> 953 <h4 class="font-bold text-[color:var(--text)] mb-0 text-sm md:text-md">What's covered</h4> 954 <svg xmlns="http://www.w3.org/2000/svg" :class="isExpanded ? 'rotate-180' : 'rotate-0'" class="flex-shrink-0 transition-transform duration-200 fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="40" height="40" viewBox="0 0 24 24"> 955 <circle cx="12" cy="12" r="10" stroke="#85888B" stroke-width="1" fill="none" /> 956 <path d="M8 10l4 4 4-4" stroke="#85888B" stroke-width="1" fill="none" /> 957 </svg> 958 </button> 959 960 <div x-cloak x-show="isExpanded" x-collapse class="content p-0 w-full mb-0"> 961 <div class="p-4 pl-0 [&>p]:text-sm md:[&>p]:text-base [&>p]:text-[color:var(--mainTitle)] max-w-[90%]"> 962 <p>While your policy will depend on the type of boat youâre insuring, boat insurance policies typically cover:</p> 963<ul> 964<li><span class="tickbox">Third-party liability claims.</span></li> 965<li><span class="tickbox">No excess for third-party claims for loss or damage.</span></li> 966<li><span class="tickbox">Boat's agreed value in the event of a total loss.</span></li> 967<li><span class="tickbox">Machinery damage and theft.</span></li> 968</ul> 969<p><br>Additionally, depending on the type of vessel, policies may cover medical expenses, legal protection, and personal accident cover.</p> 970<p>For more information on specific cover details, visit the page for the boat you want to cover, where you can find the product information document for each boat type.</p> 971 </div> 972 </div> 973 </div> 974 <div :class="isExpanded ? 'bg-[#FFF]' : 'bg-[#F7F7F7]'" class="relative p-4 md:px-6 md:py-4 m-0 border-2 border-t-0" x-data="{ isExpanded: false }"> 975 <button class="flex flex-nowrap text-left justify-between items-center align-center w-full" @click="isExpanded = !isExpanded"> 976 <h4 class="font-bold text-[color:var(--text)] mb-0 text-sm md:text-md">What's not covered</h4> 977 <svg xmlns="http://www.w3.org/2000/svg" :class="isExpanded ? 'rotate-180' : 'rotate-0'" class="flex-shrink-0 transition-transform duration-200 fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="40" height="40" viewBox="0 0 24 24"> 978 <circle cx="12" cy="12" r="10" stroke="#85888B" stroke-width="1" fill="none" /> 979 <path d="M8 10l4 4 4-4" stroke="#85888B" stroke-width="1" fill="none" /> 980 </svg> 981 </button> 982 983 <div x-cloak x-show="isExpanded" x-collapse class="content p-0 w-full mb-0"> 984 <div class="p-4 pl-0 [&>p]:text-sm md:[&>p]:text-base [&>p]:text-[color:var(--mainTitle)] max-w-[90%]"> 985 <p>There are several standard details that a boat insurance policy through GJW wonât cover, including:</p> 986<ul> 987<li><span class="cross">Wear and tear and lack of maintenance.</span></li> 988<li><span class="cross">The cost of repairing or replacing a latently defective part/item.  </span></li> 989<li><span class="cross">A fault in design or construction.</span></li> 990<li><span class="cross">Defective workmanship.</span></li> 991<li><span class="cross">Wilful misconduct and your own deliberate acts.</span></li> 992<li><span class="cross">Mechanical or electrical breakdown.</span></li> 993<li><span class="cross">Theft of any item that does not meet the security requirements listed in the product information document. </span></li> 994</ul> 995<p><br>To see the full list of what boat insurance does not cover, visit the page for the boat type you want to cover, and read the product information document. </p> 996 </div> 997 </div> 998 </div> 999 </div> 1000 </div> 1001 </div> 1002 </div> 1003 1004 <!-- Navigation Buttons --> 1005 <div class="md:hidden flex justify-center gap-4 mt-4" x-show="columnsCount > 1"> 1006 <template x-for="(button, index) in [...Array(columnsCount).keys()]" :key="index"> 1007 <button :class="{ 'bg-primary': currentIndex === index }" class="p-2 bg-gray-300 rounded-full" @click="scrollTo(index)"> 1008 1009 </button> 1010 </template> 1011 </div> 1012 </div> 1013 </div> 1014 </div> 1015
1016<script> 1017 function carousel() { 1018 return { 1019 currentIndex: 0, 1020 columnsCount: 1, 1021 scrollLeft() { 1022 this.currentIndex = Math.max(0, this.currentIndex - 1); 1023 this.updateScroll(); 1024 }, 1025 scrollRight() { 1026 this.currentIndex = Math.min(this.columnsCount - 1, this.currentIndex + 1); 1027 this.updateScroll(); 1028 }, 1029 scrollTo(index) { 1030 this.currentIndex = index; 1031 this.updateScroll(); 1032 }, 1033 updateScroll() { 1034 const container = document.getElementById('block-79d233b7-61be-41af-bfe6-069acfe17624'); 1035 const scrollAmount = container.clientWidth; // Scroll amount is the width of the container 1036 container.scrollTo({ 1037 left: scrollAmount * this.currentIndex, 1038 behavior: 'smooth' // Smooth scroll effect 1039 }); 1040 } 1041 } 1042 } 1043</script>
1043 1044 1045 1046 </div> 1047 </div> 1048 1049 <section class="expert-block px-4 py-8 md:py-10"> 1050 <div class="mx-auto max-w-screen-md overflow-hidden rounded-[10px] bg-white shadow-lg"> 1051 <div class="content bg-lightgrey px-6 py-6 text-left md:px-8 md:py-8 [&>h2]:mb-4 [&>h2]:text-center [&>h2]:text-[30px] [&>h2]:leading-[1.2] md:[&>h2]:text-[37px] [&>h3]:mb-4 [&>h3]:text-center [&>h3]:text-[30px] [&>h3]:leading-[1.2] md:[&>h3]:text-[37px] [&>p]:mb-4 [&>p]:text-base [&>p]:leading-normal md:[&>p]:text-md [&_a]:text-darkgrey [&_a]:underline [&_a:hover]:no-underline"> 1052 <h3 style="text-align: left;">Meet our boat insurance expert</h3> 1053<p style="text-align: left;">"In 2025, 46% of claims made through GJW Direct were due to damage, with many linked to heavy weather and storms. If you store your boat in a marina, ensure your vessel and everything on board are properly secured.</p> 1054<p style="text-align: left;">"For small boats or PWCs, they must be taken out of the water when not in use, and placed in a secure, locked storage which gives you the best chance of a successful claim should the unexpected happen. PWC's can be kept on a versa dock in a marina.</p> 1055<p style="text-align: left;">"If your usual storage location or marina changes, please let us know as soon as possible, as this may affect your premium."</p> 1056 </div> 1057 1058 <div class="flex flex-col gap-6 px-6 py-6 md:flex-row md:items-center md:justify-between md:px-8 md:py-7"> 1059 <div class="flex flex-col items-center gap-4 text-center sm:flex-row sm:text-left"> 1060 <img src="/media/adunbs2t/karen-wallis.jpg" 1061 alt="Karen Wallis" 1062 width="100" 1063 height="100" 1064 loading="lazy" 1065 decoding="async" 1066 class="h-[100px] w-[100px] shrink-0 rounded-full object-cover" /> 1067 1068 <div class="min-w-0 break-words text-center sm:text-left"> 1069 <p class="mb-1 text-md font-medium text-darkgrey">Karen Wallis</p> 1070 <p class="m-0 text-base text-darkgrey">Underwriter and Team Leader</p> 1071 </div> 1072 </div> 1073 1074 <a href="/our-experts/karen-wallis/" 1075 class="inline-flex shrink-0 self-center justify-center rounded-[35px] bg-custom-gradient px-8 py-4 text-center text-base font-medium text-white no-underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-black"> 1076 Check out profile 1077 </a> 1078 </div> 1079 </div> 1080 </section> 1081 <style> 1082 @media (min-width: 1024px) { 1083 .block-a08efaa5-69c4-4742-8d03-c66979822512 .customWidth { 1084 max-width: 1000px; 1085 margin: 0 auto 0 0; 1086 } 1087 } 1088 </style> 1089 1090<div class="content m-auto grid md:grid-flow-col md:grid-cols-minmax max-w-screen-xl block-a08efaa5-69c4-4742-8d03-c66979822512 mt-0 py-8 bg-white" 1091 > 1092 <div class="px-8 py-8 flex flex-col justify-center md:mt-0 hideBgImageOrNot " style="background-image: url('/media/roaft02z/200year_web_block_resize.webp'); background-size: cover; background-position: top center; background-repeat: no-repeat; min-height:400;"> 1093 <div class="sr-only">boat insurance image sailing on sea</div> 1094 </div> 1095 1096 <div class="customWidth px-8 py-8 flex flex-col justify-center md:flex md:flex-wrap md:content-center"> 1097 <h2 style="text-align: center;"><span class="blue-text">Boat insurance specialists for 200 years </span></h2> 1098<p>Whatever type of boat you own, boat insurance is an important consideration when it comes to helping financially protect your boat and you. GJW Direct have <a href="/gjw-200-years/" title="GJW 200 years">200 years of marine insurance experience</a>, tracing back to 1826. With such an extensive history in boat insurance, you get direct access to specialists who understand boat insurance. </p> 1099 </div> 1100 </div> 1101 1102<div class="content m-auto grid md:grid-flow-col md:grid-cols-minmax max-w-screen-xl block-bcfb359f-3cd4-4a00-8124-a858f4f9cfa4 mt-0 py-8 bg-white" 1103 > 1104 <div class="px-8 py-8 flex flex-col justify-center md:mt-0 hideBgImageOrNot order-1" style="background-image: url('/media/qtposlqz/15329-side-about-1.webp'); background-size: cover; background-position: top center; background-repeat: no-repeat; min-height:350;"> 1105 <div class="sr-only">boat insurance image in ocean</div> 1106 </div> 1107 1108 <div class="customWidth px-8 py-8 flex flex-col justify-center md:flex md:flex-wrap md:content-center"> 1109 <h3><span class="blue-text">How much does boat insurance cost?</span></h3> 1110<p>
1110How much your boat insurance policy will cost varies depending on several factors, including:</p> 1111<ul> 1112<li>the boatâs type and value</li> 1113<li>your intended use of the boat</li> 1114<li>the type of cover you select</li> 1115<li>your mooring location</li> 1116<li>your claims history and/or your no claims bonus</li> 1117</ul> 1118<p>On average, GJW Direct customers pay <strong>£75 for small craft insurance, £342 for jet ski insurance, </strong>to<strong> £624 for motor cruiser insurance**</strong>. To find out the average customers paid per boat type, visit the relevant page for your boat type.</p> 1119<p>Depending on your boat type, you could also get marina scheme benefits or a protected no claims bonus (eligible boat types include yacht, narrowboat, RIB, speedboat and motor cruiser).</p> 1120<p>The best way to find out how much boat insurance will cost is to get an instant online quote through GJW Direct now. </p> 1121 1122 <style> 1123 .block-ec8954ad-5c4f-4cba-a109-207c6d4eb787 a { 1124 --text: #FFF; 1125 --button: #FFF; 1126 --buttonBG: #00B5A2; 1127 --buttonBGHover: #1E579E; 1128 --buttonTextHover: #FFF; 1129 --buttonBorderHover: #FFF; 1130 --uspBG: #FFF; 1131 --arrowColor: #FFF; 1132 --arrowColorHover: #FFF; 1133 } 1134 </style> 1135 1136 1137 1138<p class="block-ec8954ad-5c4f-4cba-a109-207c6d4eb787 text-center"> 1139 <a href="https://quote.gjwdirect.com/#/your-cover/your-boat-type" class="updateUrl group inline-flex rounded-[35px] text-sm py-4 px-6 text-center text-[color:var(--text)] no-underline bg-[color:var(--buttonBG)] hover:bg-[color:var(--buttonBGHover)] hover:text-[color:var(--buttonTextHover)]" > 1140 Get a quote 1141 <span class="relative left-[5px] top-[5px] text-primary"> 1142 <svg xmlns="http://www.w3.org/2000/svg" class="fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="12" height="12"> 1143 <path d="M2.586 2 L4 0.586 L9.414 6 L4 11.414 L2.586 10 L6.586 6 Z" /> 1144 </svg> 1145 </span> 1146 </a> 1147</p> 1148 1149 </div> 1150 </div> 1151 <style> 1152 @media (min-width: 1024px) { 1153 .block-4eefb233-a455-4489-b71e-add32487816d .customWidth { 1154 max-width: 650px; 1155 margin: 0 auto 0 0; 1156 } 1157 } 1158 </style> 1159 1160<div class="content m-auto grid md:grid-flow-col md:grid-cols-minmax max-w-screen-xl block-4eefb233-a455-4489-b71e-add32487816d mt-0 py-8 bg-white" 1161 > 1162 <div class="px-8 py-8 flex flex-col justify-center md:mt-0 hideBgImageOrNot " style="background-image: url('/media/qfdbjhb1/15387_rnli_sideimage3-1.webp'); background-size: cover; background-position: top center; background-repeat: no-repeat; min-height:350;"> 1163 <div class="sr-only">rnli lifeboat image</div> 1164 </div> 1165 1166 <div class="customWidth px-8 py-8 flex flex-col justify-center bg-teal px-6 md:flex md:flex-wrap md:content-center"> 1167 <h3 class="m-background_cta__heading"><span class="white-text">Partnering with the RNLI</span></h3> 1168<div class="m-background_cta__summary"><span class="white-text">Since 2018, we've partnered with the RNLI to aid their target of halving preventable coastal drownings by 2024. By sharing important safety information with our customers, we've raised over £258,000.</span></div> 1169<p> </p> 1170 1171 <style> 1172 .block-f00b61e7-81f5-4bdf-9d2e-69b29adf1e0d a { 1173 --text: #FFF; 1174 --button: #FFF; 1175 --buttonBG: #00B5A2; 1176 --buttonBGHover: #1E579E; 1177 --buttonTextHover: #FFF; 1178 --buttonBorderHover: #FFF; 1179 --uspBG: #FFF; 1180 --arrowColor: #FFF; 1181 --arrowColorHover: #FFF; 1182 } 1183 </style> 1184 1185 1186 1187<p class="block-f00b61e7-81f5-4bdf-9d2e-69b29adf1e0d "> 1188 <a href="/rnli/" class="updateUrl group inline-flex rounded-[35px] text-sm py-4 px-6 text-center text-[color:var(--text)] no-underline bg-[color:var(--buttonBG)] hover:bg-[color:var(--buttonBGHover)] hover:text-[color:var(--buttonTextHover)]" > 1189 Learn about the RNLI
1190 <span class="relative left-[5px] top-[5px] text-primary"> 1191 <svg xmlns="http://www.w3.org/2000/svg" class="fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="12" height="12"> 1192 <path d="M2.586 2 L4 0.586 L9.414 6 L4 11.414 L2.586 10 L6.586 6 Z" /> 1193 </svg> 1194 </span> 1195 </a> 1196</p> 1197 1198 </div> 1199 </div> 1200 <style> 1201 @media (min-width: 1024px) { 1202 .block-ebadb23c-643a-4d17-8475-2b8a516bf8ee .customWidth { 1203 max-width: 1000px; 1204 margin: 0 auto; 1205 } 1206 } 1207 </style> 1208 1209<div class="content p-4 md:p-8 m-auto block-ebadb23c-643a-4d17-8475-2b8a516bf8ee mt-0 py-0 bg-white" 1210 > 1211 1212 <div class="customWidth "> 1213 <h2 style="text-align: center;"><span class="blue-text">Why should I consider boat insurance? </span></h2> 1214<p>Boat insurance helps to provide financial protection against the risks of theft, accidental damage or loss, but there are several other reasons you may want to consider boat insurance, including:</p> 1215<ul> 1216<li><span class="tickbox">If you want to use canals or waterways managed by the Canal & River Trust, boat insurance becomes a mandatory requirement</span></li> 1217<li><span class="tickbox">If your boat is financed or leased, lenders often require valid proof of insurance</span></li> 1218<li><span class="tickbox">If you want to moor or launch your boat in a UK marina or harbour, or join a boating club, many require proof of at least third-party insurance</span></li> 1219<li><span class="tickbox">If you want to take part in racing, or boat near others, it can protect you, your boat and other people and their boats should a third-party claim be raised against you</span></li> 1220<li><span class="tickbox">Protection against the impact of severe weather</span></li> 1221</ul> 1222 </div> 1223 </div> 1224 1225 <style> 1226 .block-f79bef12-bc0f-4200-b130-9281cba85123 { 1227 --text: #333; 1228 --mainTitle: #333; 1229 } 1230 </style> 1231 1232 1233 <div class="w-full m-0 bg-white block-f79bef12-bc0f-4200-b130-9281cba85123 py-8 mt-negative40"> 1234 <div class="max-w-screen-xl m-auto"> 1235 <div class="p-6 bg-custom-gradient text-white text-xxl rounded-t-xl font-bold">Boat insurance FAQs</div> 1236 <ul class="p-0 m-0"> 1237 <li :class="isExpanded ? 'bg-[#FFF]' : 'bg-[#F7F7F7]'" class="relative p-4 md:px-6 md:py-4 m-0 border-b" x-data="{ isExpanded: false }"> 1238 <button class="flex flex-nowrap text-left justify-between items-center align-center w-full" @click="isExpanded = ! isExpanded"> 1239 <h3 class="text-left m-0 p-0 text-[color:var(--text)] text-sm md:text-md font-bold">What is boat insurance?</h3> 1240 <svg xmlns="http://www.w3.org/2000/svg" :class="isExpanded ? 'rotate-180' : 'rotate-0'" class="flex-shrink-0 transition-transform duration-200 fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="40" height="40" viewBox="0 0 24 24"> 1241 <circle cx="12" cy="12" r="10" stroke="#85888B" stroke-width="1" fill="none" /> 1242 <path d="M8 10l4 4 4-4" stroke="#85888B" stroke-width="1" fill="none" /> 1243 </svg> 1244 </button> 1245 <div x-cloak x-show="isExpanded" role="region" x-collapse class="content p-0"> 1246 <div class="p-4 pl-0 [&>p]:text-sm md:[&>p]:text-base [&>p]:text-[color:var(--mainTitle)] max-w-[90%] md:max-w-[70%]"> 1247 <p style="margin-bottom: 0cm; line-height: normal;" class="MsoNormal">Boat insurance is protection for you and your boat against the risks of using your boat on inland waterways or the sea. Boat insurance can cover theft, loss or damage plus third-party claims if you accidentally injure someone or damage their property while operating your boat.</p> 1248 </div> 1249 </div> 1250 </li> 1251 <li :class="isExpanded ? 'bg-[#FFF]' : 'bg-[#F7F7F7]'" class="relative p-4 md:px-6 md:py-4 m-0 border-b" x-data="{ isExpanded: false }"> 1252 <button class="flex flex-nowrap text-left justify-between items-center align-center w-full" @click="isExpanded = ! isExpanded"> 1253 <h3 class="text-left m-0 p-0 text-[color:var(--text)] text-sm md:text-md font-bold">Is boat insurance a legal requirement in the UK?</h3> 1254 <svg xmlns="http://www.w3.org/2000/svg" :class="isExpanded ? 'rotate-180' : 'rotate-0'" class="flex-shrink-0 transition-transform duration-200 fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="40" height="40" viewBox="0 0 24 24"> 1255 <circle cx="12" cy="12" r="10" stroke="#85888B" stroke-width="1" fill="none" /> 1256 <path d="M8 10l4 4 4-4" stroke="#85888B" stroke-width="1" fill="none" /> 1257 </svg> 1258 </button> 1259 <div x-cloak x-show="isExpanded" role="region" x-collapse class="content p-0"> 1260 <div class="p-4 pl-0 [&>p]:text-sm md:[&>p]:text-base [&>p]:text-[color:var(--mainTitle)] max-w-[90%] md:max-w-[70%]"> 1261 <p style="margin-bottom: 0cm; line-height: normal;" class="MsoNormal">Boat insurance is not a legal requirement in the UK however many marinas and boating clubs will require proof of third-party boat insurance to access their facilities or become a member. <br><br>Third-party insurance is often the minimum level of insurance required by Marinas, Harbours and UK inland waterways for you to access their facilities or waters, so it is an important consideration.</p> 1262<p style="margin-bottom: 0cm; line-height: normal;" class="MsoNormal">Visit the <a rel="noopener" href="https://www.gov.uk/owning-a-boat/insurance" target="_blank">gov.uk </a>website for more information.</p> 1263 </div> 1264 </div> 1265 </li> 1266 <li :class="isExpanded ? 'bg-[#FFF]' : 'bg-[#F7F7F7]'" class="relative p-4 md:px-6 md:py-4 m-0 border-b" x-data="{ isExpanded: false }"> 1267 <button class="flex flex-nowrap text-left justify-between items-center align-center w-full" @click="isExpanded = ! isExpanded"> 1268 <h3 class="text-left m-0 p-0 text-[color:var(--text)] text-sm md:text-md font-bold">What is third-party boat insurance?</h3> 1269 <svg xmlns="http://www.w3.org/2000/svg" :class="isExpanded ? 'rotate-180' : 'rotate-0'" class="flex-shrink-0 transition-transform duration-200 fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="40" height="40" viewBox="0 0 24 24"> 1270 <circle cx="12" cy="12" r="10" stroke="#85888B" stroke-width="1" fill="none" /> 1271 <path d="M8 10l4 4 4-4" stroke="#85888B" stroke-width="1" fill="none" /> 1272 </svg> 1273 </button> 1274 <div x-cloak x-show="isExpanded" role="region" x-collapse class="content p-0"> 1275 <div class="p-4 pl-0 [&>p]:text-sm md:[&>p]:text-base [&>p]:text-[color:var(--mainTitle)] max-w-[90%] md:max-w-[70%]"> 1276 <p style="margin-bottom: 0cm; line-height: normal;" class="MsoNormal">Third-party liability boat insurance protects you against any claims made against you if you accidentally injure another person or damage another personâs boat or property while operating your boat. </p> 1277<p style="margin-bottom: 0cm; line-height: normal;" class="MsoNormal"><br>For example, if you accidentally damage another boat whilst manoeuvring in a marina, third-party liability insurance would help cover the legal costs if you were deemed responsible for the incident. </p> 1278 </div> 1279 </div> 1280 </li> 1281 <li :class="isExpanded ? 'bg-[#FFF]' : 'bg-[#F7F7F7]'" class="relative p-4 md:px-6 md:py-4 m-0 border-b" x-data="{ isExpanded: false }"> 1282 <button class="flex flex-nowrap text-left justify-between items-center align-center w-full" @click="isExpanded = ! isExpanded"> 1283 <h3 class="text-left m-0 p-0 text-[color:var(--text)] text-sm md:text-md font-bold">When is boat insurance mandatory in the UK?</h3> 1284 <svg xmlns="http://www.w3.org/2000/svg" :class="isExpanded ? 'rotate-180' : 'rotate-0'" class="flex-shrink-0 transition-transform duration-200 fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="40" height="40" viewBox="0 0 24 24"> 1285 <circle cx="12" cy="12" r="10" stroke="#85888B" stroke-width="1" fill="none" /> 1286 <path d="M8 10l4 4 4-4" stroke="#85888B" stroke-width="1" fill="none" /> 1287 </svg> 1288 </button> 1289 <div x-cloak x-show="isExpanded" role="region" x-collapse class="content p-0"> 1290 <div class="p-4 pl-0 [&>p]:text-sm md:[&>p]:text-base [&>p]:text-[color:var(--mainTitle)] max-w-[90%] md:max-w-[70%]"> 1291 <p>
1291Boat insurance is a requirement if you use canals or waterways managed by the <a rel="noopener" href="https://canalrivertrust.org.uk/" target="_blank">Canal & River Trust</a>. Many marinas and harbours also require proof of insurance for you to launch or moor there.</p> 1292 </div> 1293 </div> 1294 </li> 1295 <li :class="isExpanded ? 'bg-[#FFF]' : 'bg-[#F7F7F7]'" class="relative p-4 md:px-6 md:py-4 m-0 border-b" x-data="{ isExpanded: false }"> 1296 <button class="flex flex-nowrap text-left justify-between items-center align-center w-full" @click="isExpanded = ! isExpanded"> 1297 <h3 class="text-left m-0 p-0 text-[color:var(--text)] text-sm md:text-md font-bold">Am I insured to use my boat abroad?</h3> 1298 <svg xmlns="http://www.w3.org/2000/svg" :class="isExpanded ? 'rotate-180' : 'rotate-0'" class="flex-shrink-0 transition-transform duration-200 fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="40" height="40" viewBox="0 0 24 24"> 1299 <circle cx="12" cy="12" r="10" stroke="#85888B" stroke-width="1" fill="none" /> 1300 <path d="M8 10l4 4 4-4" stroke="#85888B" stroke-width="1" fill="none" /> 1301 </svg> 1302 </button> 1303 <div x-cloak x-show="isExpanded" role="region" x-collapse class="content p-0"> 1304 <div class="p-4 pl-0 [&>p]:text-sm md:[&>p]:text-base [&>p]:text-[color:var(--mainTitle)] max-w-[90%] md:max-w-[70%]"> 1305 <p>Yes, through GJW Direct, you could get financial cover for you and your boat in the UK and Europe for up to 30 day per trip, depending on your boat type. Some boat types also provide insurance whilst the boat is in transit. For more information on where you can use your boat, visit the page of your boat type or visit our important documents. </p> 1306<p>For more information, explore the page of the boat type you want to insure, or visit the <a href="/important-documents/" title="Important documents">Important Documents</a> page.</p> 1307 </div> 1308 </div> 1309 </li> 1310 <li :class="isExpanded ? 'bg-[#FFF]' : 'bg-[#F7F7F7]'" class="relative p-4 md:px-6 md:py-4 m-0 border-b" x-data="{ isExpanded: false }"> 1311 <button class="flex flex-nowrap text-left justify-between items-center align-center w-full" @click="isExpanded = ! isExpanded"> 1312 <h3 class="text-left m-0 p-0 text-[color:var(--text)] text-sm md:text-md font-bold">How can I make my boat insurance cheaper?</h3> 1313 <svg xmlns="http://www.w3.org/2000/svg" :class="isExpanded ? 'rotate-180' : 'rotate-0'" class="flex-shrink-0 transition-transform duration-200 fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="40" height="40" viewBox="0 0 24 24"> 1314 <circle cx="12" cy="12" r="10" stroke="#85888B" stroke-width="1" fill="none" /> 1315 <path d="M8 10l4 4 4-4" stroke="#85888B" stroke-width="1" fill="none" /> 1316 </svg> 1317 </button> 1318 <div x-cloak x-show="isExpanded" role="region" x-collapse class="content p-0"> 1319 <div class="p-4 pl-0 [&>p]:text-sm md:[&>p]:text-base [&>p]:text-[color:var(--mainTitle)] max-w-[90%] md:max-w-[70%]"> 1320 <p>When buying boat insurance, itâs important to consider that the policy aligns with your specific needs. While discounts aren't guaranteed, taking steps to increase your boatâs security, such as storing it in a recognised marina, can sometimes help reduce your premium.</p> 1321<p>GJW Direct policies can also include marina scheme benefits which may entitle you to special policy endorsements.</p> 1322<p>Visit the specific boat type page to see if your boat type offers any potential benefits or endorsements. </p> 1323 </div> 1324 </div> 1325 </li> 1326 </ul> 1327 </div> 1328 </div> 1329 <style> 1330 @media (min-width: 1024px) {
1331 .block-a9ff6363-831f-4b14-b425-4826c62f1fc7 .customWidth { 1332 max-width: 650px; 1333 margin: 0 auto 0 0; 1334 } 1335 } 1336 </style> 1337 1338<div class="content m-auto grid md:grid-flow-col md:grid-cols-minmax max-w-screen-xl block-a9ff6363-831f-4b14-b425-4826c62f1fc7 mb-bottom40 py-0 bg-lightgrey" 1339 > 1340 <div class="px-8 py-8 flex flex-col justify-center md:mt-0 hideBgImageOrNot " style="background-image: url('/media/w0fbc5hj/partner_discount.webp'); background-size: cover; background-position: top center; background-repeat: no-repeat; min-height:250;"> 1341 <div class="sr-only">boat insurance discount banner image</div> 1342 </div> 1343 1344 <div class="customWidth px-8 py-8 flex flex-col justify-center bg-lightgrey px-6 md:flex md:flex-wrap md:content-center"> 1345 <h2>Discover our partner discounts</h2> 1346<p>As a GJW direct customer, youâll get access to a large selection of discounts. Explore the list of brands we work with.</p> 1347 1348 <style> 1349 .block-479b9212-c339-4034-be84-b790afb4e808 a { 1350 --text: #FFF; 1351 --button: #FFF; 1352 --buttonBG: #00B5A2; 1353 --buttonBGHover: #1E579E; 1354 --buttonTextHover: #FFF; 1355 --buttonBorderHover: #FFF; 1356 --uspBG: #FFF; 1357 --arrowColor: #FFF; 1358 --arrowColorHover: #FFF; 1359 } 1360 </style> 1361 1362 1363 1364<p class="block-479b9212-c339-4034-be84-b790afb4e808 "> 1365 <a href="/discounts/" class="updateUrl group inline-flex rounded-[35px] text-sm py-4 px-6 text-center text-[color:var(--text)] no-underline bg-[color:var(--buttonBG)] hover:bg-[color:var(--buttonBGHover)] hover:text-[color:var(--buttonTextHover)]" > 1366 See partner discounts 1367 <span class="relative left-[5px] top-[5px] text-primary"> 1368 <svg xmlns="http://www.w3.org/2000/svg" class="fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="12" height="12"> 1369 <path d="M2.586 2 L4 0.586 L9.414 6 L4 11.414 L2.586 10 L6.586 6 Z" /> 1370 </svg> 1371 </span> 1372 </a> 1373</p> 1374 1375 </div> 1376 </div> 1377 1378 <style> 1379 .block-24d3f89f-a74d-4607-91de-601f607d103d { 1380 --text: #333; 1381 --mainTitle: #333; 1382 } 1383 1384 .featureItem { 1385 flex: 1 1 calc(50% - 15px) 1386 } 1387 .basicItem { 1388 width: calc(100 / 3); 1389 flex: 1 1 calc(100% / 3 - 15px); 1390 } 1391 </style> 1392 1393 <div class="w-full m-0 bg-lightgrey block-24d3f89f-a74d-4607-91de-601f607d103d py-8 mt-0"> 1394 <div class="max-w-screen-lg m-auto"> 1395 <div class="px-4 mb-4"> 1396 <h2 style="text-align: center;">Boat guides & news</h2> 1397<p style="text-align: center;">Explore our useful advice, helpful tips and general guides on all things boating!</p> 1398 </div> 1399 1400 <div class="px-4 md:flex flex-wrap gap-[15px]"> 1401 <div class="basicItem"> 1402 <a href="/blog/" target=""> 1403 <div style="background-image: url('/media/mtnndwfc/do_you_need_narrowboat_insurance-1-1-1-1-1.webp');" class="relative bg-cover flex min-h-[200px] rounded-t-xl"> 1404 <div class="sr-only">GJW direct blog image narrowboat on canal</div> 1405 </div> 1406 <div class="py-5 px-6 picker-content content rounded-b-lg bg-white"> 1407 <h3>Discover life on the water</h3> 1408<p>Here you'll find everything you need to know about life on the waterways, from maintenance, designs, and much more.</p> 1409 </div> 1410 </a> 1411 </div> 1412 <div class="basicItem"> 1413 <a href="/blog/jet-ski-rules/" target=""> 1414 <div style="background-image: url('/media/ljgjmi0c/jet_ski_rules_image-1.webp');" class="relative bg-cover flex min-h-[200px] rounded-t-xl"> 1415 <div class="sr-only">image of a jet ski moored up</div> 1416 </div> 1417 <div class="py-5 px-6 picker-content content roun
1417ded-b-lg bg-white"> 1418 <h3>Guide to UK jet ski rules and regulations</h3> 1419<p>Get up to speed with the latest jet ski rules, regulations, and safety tips so you can hit the water with confidence.</p> 1420 </div> 1421 </a> 1422 </div> 1423 </div> 1424 </div> 1425 </div> 1426 <style> 1427 @media (min-width: 1024px) { 1428 .block-261db297-6fbc-48c6-8ab4-4055b730bf4d .customWidth { 1429 max-width: 650px; 1430 margin: 0 auto 0 0; 1431 } 1432 } 1433 </style> 1434 1435<div class="content m-auto grid md:grid-flow-col md:grid-cols-minmax max-w-screen-xl block-261db297-6fbc-48c6-8ab4-4055b730bf4d mt-0 py-8 bg-white" 1436 > 1437 <div class="px-8 py-8 flex flex-col justify-center md:mt-0 hideBgImageOrNot " style="background-image: url('/media/4eofx5dz/15502-banner_option4-2.webp'); background-size: cover; background-position: top center; background-repeat: no-repeat; min-height:350;"> 1438 <div class="sr-only">boat insurance refer a friend voucher image</div> 1439 </div> 1440 1441 <div class="customWidth px-8 py-8 flex flex-col justify-center bg-lightgrey px-6 md:flex md:flex-wrap md:content-center"> 1442 <h3><span class="blue-text">Refer your friends and youâll both be rewarded</span></h3> 1443<p>Refer your friends to GJW Direct and you'll get a voucher from one of six retailers when they take out a policy with us. Your friend will be rewarded too so it's a win-win!</p> 1444 1445 <style> 1446 .block-641d112b-cb97-49f4-bd82-422106ffa10c a { 1447 --text: #FFF; 1448 --button: #FFF; 1449 --buttonBG: #00B5A2; 1450 --buttonBGHover: #1E579E; 1451 --buttonTextHover: #FFF; 1452 --buttonBorderHover: #FFF; 1453 --uspBG: #FFF; 1454 --arrowColor: #FFF; 1455 --arrowColorHover: #FFF; 1456 } 1457 </style> 1458 1459 1460 1461<p class="block-641d112b-cb97-49f4-bd82-422106ffa10c "> 1462 <a href="/refer-a-friend/?situation=homepagebanner" class="updateUrl group inline-flex rounded-[35px] text-sm py-4 px-6 text-center text-[color:var(--text)] no-underline bg-[color:var(--buttonBG)] hover:bg-[color:var(--buttonBGHover)] hover:text-[color:var(--buttonTextHover)]" > 1463 Refer a friend 1464 <span class="relative left-[5px] top-[5px] text-primary"> 1465 <svg xmlns="http://www.w3.org/2000/svg" class="fill-[color:var(--arrowColor)] group-hover:fill-[color:var(--arrowColorHover)]" width="12" height="12"> 1466 <path d="M2.586 2 L4 0.586 L9.414 6 L4 11.414 L2.586 10 L6.586 6 Z" /> 1467 </svg> 1468 </span> 1469 </a> 1470</p> 1471 1472 </div> 1473 </div> 1474 <style> 1475 @media (min-width: 1024px) { 1476 .block-0728bb23-6f5c-4594-8c45-60e9da5c10c3 .customWidth { 1477 max-width: 1000px; 1478 margin: 0 auto; 1479 } 1480 } 1481 </style> 1482 1483<div class="content p-4 md:p-8 m-auto block-0728bb23-6f5c-4594-8c45-60e9da5c10c3 mt-0 py-8 bg-white" 1484 > 1485 1486 <div class="customWidth "> 1487 <div class="trustpilot-widget" data-locale="en-GB" data-template-id="53aa8912dec7e10d38f59f36" data-businessunit-id="64ff6e3960003ffc450a94b6" data-style-height="140px" data-style-width="100%" data-stars="4,5" data-review-languages="en"><a rel="noopener" href="https://uk.trustpilot.com/review/gjwdirect.com" target="_blank">Trustpilot</a></div> 1488<p>Â </p> 1489<p>Â </p> 1490<!-- End TrustBox widget --> 1491 </div> 1492 </div> 1493 <style> 1494 @media (min-width: 1024px) { 1495 .block-f881f7aa-17fd-43ec-aa1a-d0099a25bacc .customWidth { 1496 max-width: 1000px; 1497 margin: 0 auto; 1498 } 1499 } 1500 </style> 1501 1502<div class="content p-4 md:p-8 m-auto block-f881f7aa-17fd-43ec-aa1a-d0099a25bacc mt-0 py-8 bg-white" 1503 > 1504 1505 <div class="customWidth "> 1506 <p>*GJW Direct has been arranging marine insurance since 1826</p> 1507<p>**Figures accurate of July 2026</p> 1508 </div> 1509 </div> 1510 1511 1512 </main> 1513 1514 1515 1516<!-- logic for 404 -->
1517<script> 1518 // Home page only redirect for old marketing codes 1519 // Get the path after ".com/" 1520 var pathAfterDomain = window.location.pathname.split('/').filter(Boolean).join('/'); 1521 // Check if there's anything after ".com/" and it's not a "?ref" query 1522 if (pathAfterDomain && !window.location.search.startsWith("?")) { 1523 // Redirect to the homepage with the ref query appended 1524 window.location.href = `/?ref=${encodeURIComponent(pathAfterDomain)}`; 1525 } 1526</script>
1526 1527 1528 1529 <div class="bg-[#333]"> 1530 <div class="text-center pt-6 pb-2 md:pl-[100px]"> 1531 <p class="flex flex-col md:flex-row items-center justify-center space-x-3 space-y-3 md:space-y-0 [&>span]:text-white"> 1532 <span><strong>GJWDirect</strong> is a</span> 1533 <img src="/assets/ripe.png" class="w-[50px]" alt="" /> 1534 <span>Insurance Services product</span> 1535 </p> 1536 </div> 1537 1538 <div class="max-w-screen-xl m-auto p-4 pb-6 md:pb-4 grid grid-cols-1 md:grid-cols-12"> 1539 1540 <!-- Footer Links --> 1541 <div class="footer-links md:col-span-5 md:flex md:flex-row justify-center md:justify-end items-center space-y-3 md:space-y-0 order-1 md:order-none"> 1542 <ul class="flex flex-row items-center md:items-start md:flex-wrap justify-center pt-3 md:py-0 md:justify-end gap-x-4 [&>li>a]:text-white [&>li>a]:text-[12px] [&>li>a:hover]:underline"> 1543 <li><a href="/about/">About</a></li> 1544 <li><a href="/sitemap/">Sitemap</a></li> 1545 <li><a href="/how-to-claim/">How to claim</a></li> 1546 <li><a href="/how-to-complain/">How to complain</a></li> 1547 </ul> 1548 </div> 1549 1550 <div class="md:flex md:col-span-2 justify-center md:items-center text-center md:grid-cols-3 gap-3 [&>a>svg]:w-[30px] [&>a>img]:w-[30px] order-none md:order-1"> 1551 <!-- Social Media Icons for Desktop --> 1552 <a class="inline-block md:block" href="/blog/"> 1553 <img src="/assets/icon-blog.svg" alt="" > 1554 </a> 1555 1556 <a class="inline-block md:block" href="https://www.facebook.com/GJWDirect/" target="_blank"> 1557 <img src="/assets/icon-fb.svg" alt="" > 1558 </a> 1559 1560 <a class="inline-block md:block" href="https://www.instagram.com/GJWDirect/" target="_blank"> 1561 <img src="/assets/icon-insta.svg" alt="" > 1562 </a> 1563 </div> 1564 1565 <div class="footer-links md:col-span-5 md:flex md:flex-row justify-center md:justify-start items-center md:space-y-0 order-2 md:order-2"> 1566 <ul class="flex flex-row items-center md:items-start flex-wrap justify-center pt-1 md:pb-0 md:justify-end gap-x-4 [&>li>a]:text-white [&>li>a]:text-[12px] [&>li>a:hover]:underline"> 1567 <li><a href="https://files.ripeinsurance.co.uk/Documents/TOBA/misc_print_14736_termsofbusiness_july2023.pdf">Terms of Business</a></li> 1568 <li><a href="/terms-of-use/">Terms of use</a></li> 1569 <li><a href="/privacy-policy/">Privacy policy</a></li> 1570 <li><a href="/cookies/">Cookie policy</a></li> 1571 </ul> 1572 </div> 1573 </div> 1574</div> 1575 1576 1577 <div class="max-w-screen-xl m-auto mb-[60px]"> 1578 <div class="py-6 [&>p]:text-[11px] [&>p]:mb-1 text-center [&>p]:text-[#2d2926]"> 1579 <p>©Copyright Ripe Thinking Limited 2026. GJWDirect® is a registered trademark and a trading name of Ripe Insurance Services Limited which is Authorised and Regulated by the Financial Conduct Authority No.313411.</p> 1580 <p>Registered office: One Stockport Exchange, Railway Road, Stockport, United Kingdom, SK1 3SW. Registered in England No. 04507332.</p> 1581 </div> 1582</div> 1583 1584
1585<script> 1586 var juiceUrl = "https://proxy.ripethinking.co.uk"; 1587 var quoteUrl = "https://quote.gjwdirect.com/#/your-cover/your-boat-type"; 1588 1589 function updateAnchorsWithWebCode(webCode) { 1590 if (webCode) { 1591 // Select all anchors with the class "updateUrl" 1592 const anchors = document.querySelectorAll('a.updateUrl'); 1593 1594 anchors.forEach(anchor => { 1595 let href = anchor.getAttribute('href'); 1596 1597 // Check if the href contains "quote" 1598 if (href.includes("quote")) { 1599 // Remove any existing 'ref' parameters 1600 href = href.replace(/([?&]ref=[^&]*)|(&?ref=[^&]*)/, ''); 1601 1602 // Append the new 'ref' parameter 1603 if (href.includes('?')) { 1604 // If there are existing query parameters, append with & 1605 href = `${href}&ref=${webCode}`; 1606 } else { 1607 // If no query parameters, append with ? 1608 href = `${href}?ref=${webCode}`; 1609 } 1610 1611 // Update the href attribute of the anchor 1612 anchor.setAttribute('href', href); 1613 } 1614 }); 1615 } 1616 } 1617 1618 // Update anchors on page load if session storage contains webCode 1619 document.addEventListener('DOMContentLoaded', () => { 1620 const webCode = sessionStorage.getItem('webCode'); 1621 if (webCode) { 1622 updateAnchorsWithWebCode(webCode); 1623 } 1624 }); 1625</script>
1625 1626 1627 1628 1629 1630 1631 </body> 1632</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.