1<!doctype html> 2<html lang="en"> 3<head> 4 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>ADVENTURE BIKE RIDER FESTIVAL 2026 | Royal Alloy</title> 8 <!-- Global site tag google --> 9<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 9-10
9 10<script async src="https://www.googletagmanager.com/gtag/js?id=
10G-F97V868MF1
vendor: 12 bytes, line 10
10"></script>
11<script> 12
vendor: 134 bytes, lines 12-16
12window.dataLayer = window.dataLayer || []; 13 function gtag(){dataLayer.push(arguments);} 14 gtag('js', new Date()); 15 16 gtag('config', '
16G-F97V868MF1
vendor: 4 bytes, line 16
16');
17</script>
17 18 19 20 21 22 23 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap"> 24 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 25 <link rel="stylesheet" href="https://royalalloy.co.uk/css/plugins.css"/> 26 27 28 <style> 29 :root { 30 31 --theme-background: black; /* Example color */ 32 --theme-color: white; 33 34 } 35 36 .content-page { 37 visibility: hidden; 38 } 39 40 .mobile-menu-hide { 41 visibility: hidden; 42 } 43 44 /* Modern Motorcycle Dropdown Menu Styles */ 45 /* Fix for the overall header layout */ 46 header .container-fluid { 47 position: relative !important; 48 } 49 50 .navbar-nav { 51 display: flex !important; 52 align-items: center !important; 53 } 54 55 .nav-item.dropdown { 56 position: relative !important; 57 } 58 59 .navbar-collapse { 60 position: static !important; 61 } 62 63 /* Mega menu positioning */ 64 .mega-menu { 65 padding: 12px !important; 66 border-radius: 16px !important; 67 box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important; 68 border: none !important; 69 width: 900px !important; 70 position: fixed !important; 71 top: 80px !important; 72 left: 50% !important; 73 transform: translateX(-50%) !important; 74 margin-top: 0 !important; 75 z-index: 1030 !important; 76 } 77 78 @media (max-width: 1200px) { 79 .mega-menu { 80 width: 800px !important; 81 } 82 } 83 84 @media (max-width: 991px) { 85 .mega-menu { 86 width: 90vw !important; 87 top: 70px !important; 88 } 89 } 90 91 .scroll-indicator-container { 92 position: absolute; 93 bottom: 15px; 94 left: 0; 95 width: 100%; 96 z-index: 100; 97 } 98 99 .scroll-indicator-floating { 100 position: absolute; 101 bottom: 0; 102 left: 50%; 103 transform: translateX(-50%); 104 width: 40px; 105 height: 40px; 106 border-radius: 50%; 107 background-color: rgba(0, 0, 0, 0.7); 108 color: white; 109 display: flex; 110 align-items: center; 111 justify-content: center; 112 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); 113 animation: float 2s ease-in-out infinite; 114 z-index: 100; 115 opacity: 1; 116 transition: opacity 0.3s ease; 117 cursor: pointer; 118 } 119 120 .scroll-indicator-floating i { 121 font-size: 18px; 122 } 123 124 @keyframes float { 125 0% { transform: translate(-50%, 0); } 126 50% { transform: translate(-50%, -10px); } 127 100% { transform: translate(-50%, 0); } 128 } 129 130 .category-section { 131 margin-bottom: 15px; 132 padding-bottom: 10px; 133 border-bottom: 1px solid #f0f0f0; 134 } 135 136 .category-section:last-child { 137 border-bottom: none; 138 margin-bottom: 0; 139 } 140 141 .category-header { 142 margin-bottom: 8px; 143 } 144 145 .category-header h4 { 146 font-size: 14px; 147 font-weight: 600; 148 margin: 0; 149 padding: 0; 150 } 151 152 .category-header h4 a { 153 color: var(--theme-color); 154 text-decoration: none; 155 } 156 157 .model-grid { 158 display: flex; 159 flex-wrap: wrap; 160 margin: -5px; 161 } 162 163 .model-menu-card {
164 width: calc(20% - 10px); 165 margin: 5px; 166 border-radius: 6px; 167 overflow: hidden; 168 transition: all 0.3s ease; 169 box-shadow: 0 2px 5px rgba(0,0,0,0.05); 170 } 171 172 .model-menu-card:hover { 173 transform: translateY(-3px); 174 box-shadow: 0 3px 8px rgba(0,0,0,0.1); 175 } 176 177 .model-menu-image { 178 position: relative; 179 height: 80px; 180 overflow: hidden; 181 background-color: #f8f8f8; 182 } 183 184 .model-menu-image img { 185 186 height: 100%; 187 object-fit: contain; 188 transition: transform 0.3s ease; 189 } 190 191 .model-menu-card:hover .model-menu-image img { 192 transform: scale(1.05); 193 } 194 195 .pre-reg-badge { 196 position: absolute; 197 top: 5px; 198 /* right: 5px; */ 199 background-color: #e74c3c; 200 color: white; 201 padding: 2px 5px; 202 border-radius: 3px; 203 font-size: 9px; 204 font-weight: 600; 205 } 206 207 .model-info { 208 padding: 6px 8px; 209 background-color: white; 210 } 211 212 .model-info h5 { 213 margin: 0 0 2px; 214 font-size: 12px; 215 font-weight: 600; 216 color: #333; 217 white-space: nowrap; 218 overflow: hidden; 219 text-overflow: ellipsis; 220 } 221 222 .model-info .price { 223 font-size: 11px; 224 font-weight: 700; 225 color: var(--theme-color); 226 } 227 228 /* Responsive adjustments */ 229 @media (max-width: 1200px) { 230 .model-menu-card { 231 width: calc(25% - 10px); 232 } 233 234 .mega-menu { 235 width: 900px !important; 236 } 237 } 238 239 @media (min-width: 1400px) { 240 .model-menu-card { 241 width: calc(16.666% - 10px); 242 } 243 } 244 </style> 245 246 247 248 249 <link rel="stylesheet" href="https://royalalloy.co.uk/css/style-light.css?v=3" /> 250 <link rel="stylesheet" href="https://royalalloy.co.uk/css/kenburns.css" /> 251 252 253 254 255 256 257 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/hc-offcanvas-nav.min.css"> 258 259 <link rel="stylesheet" href="https://royalalloy.co.uk/css/light-menu.css?v=1" /> 260 <meta name="google-site-verification" content="79J1HHLoA96TQXP_EB0onRTHGUPsKzPGHrmsv59giDY" /> 261
261<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/algoliasearch-lite.umd.js" integrity="sha256-pxkGFjfnFWYGOtV9uhCWK/spKiGS0Z7gVDKYm39LyfM=" crossorigin="anonymous"></script>
261 262
262<script src="https://cdn.jsdelivr.net/npm/@algolia/autocomplete-js" integrity="sha384-oiIxLCmtLhCbEvLhsmpdKWtKeG8kjbFr6o4AHGelMVKDrCDmF9rAA0kmZvr8U6S2" crossorigin="anonymous"></script>
262 263
263<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/instantsearch.production.min.js" integrity="sha256-OtorR+6G6evpfgqzuOJjl5iH4JW+87ETzSpLZiVPTDg=" crossorigin="anonymous"></script>
263 264 <style> 265 266 .thumbnail { 267 flex: 1 1 calc(20% - 10px); 268 max-width: calc(20% - 10px); 269 margin: 5px 270 271 272 } 273 274 .post a{ 275 text-decoration: underline; 276 font-weight: 500; 277 } 278</style> 279 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 280 <meta name="keywords" content="new bikes for sale, used bikes for sale"> 281 <meta name="csrf-token" content="QlkDqydv2R07VEhVbeJJCS11TZZ3ZvGFnZnvwJEu"> 282 <meta name="description" content="Adventure Bike Rider Festival 2026: A Must-Visit Event for Every Rider! 283 284The Adventure Bike Rider Festival 2026 has now passed and the excitement was palpable"> 285 <link href="https://royalalloy.co.uk/post/adventure-bike-rider-festival-2026-1102" rel="canonical"> 286 <meta property="og:type" content="website"> 287<meta property="og:title" content="ADVENTURE BIKE RIDER FESTIVAL 2026 | Royal Alloy"> 288<meta property="og:description" content="Adventure Bike Rider Festival 2026: A Must-Visit Event for Every Rider! 289 290The Adventure Bike Rider Festival 2026 has now passed and the excitement was palpable"> 291<meta property="og:image" content="https://royalalloy.co.uk/images/brands/fb/11.jpg"> 292 293 294
294<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage"}</script>
294 295 <link rel="shortcut icon" href="https://bikes.motobank.co.uk/brands/11/royal-alloy-250.png" /> 296 <style> 297 #main-nav { 298 display: none; 299 } 300 .toggle-btn-menu { 301 all: unset; /* Reset all styles */ 302 303 padding: 10px 15px; /* Add padding */ 304 background-color: transparent; /* Button background color */ 305 color: white; /* Text color */ 306 border-radius: 4px; /* Optional: rounded corners */ 307 cursor: pointer; /* Pointer cursor for interactivity */ 308 z-index: 1000; /* Ensure the button stays above other elements */ 309 } 310 .toggle-btn-menu i:hover { 311 color: white; /* Darken background on hover */ 312 } 313 .nav-scroll .container .toggle-btn-menu i { 314 color: black; 315 } 316 317 318 319 </style> 320 321 322 323 324</head> 325<body> 326 327 328 329 330 331 <nav class="navbar navbar-expand-lg 332 333 334 335d-none d-lg-block" > 336 <div class="container mt-3" style="max-width: 1250px !important;"> 337 <!-- Logo --> 338 <div class="logo-wrapper"> 339 340 <a class="logo" href="https://royalalloy.co.uk"> <img src="https://bikes.motobank.co.uk/brands/11/royal-alloy-rectangle_250.png" class="logo-img" alt="motogb logo"> </a> 341 <!-- <a class="logo" href="index.html"><h2>Renta<span>x</span></h2></a> --> 342 </div> 343 <!-- Button --> 344 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"><i class="fa-solid fa-bars"></i></span> </button> 345 <!-- Menu --> 346 <div class="collapse navbar-collapse" id="navbar"> 347 <ul class="navbar-nav ms-auto"> 348 349 <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://royalalloy.co.uk" onclick="slidePageOut('https://royalalloy.co.uk')">Home <i class="ti-angle-down"></i></a> 350 <ul class="dropdown-menu" style="width: 300px;"> 351 <li><a href="https://royalalloy.co.uk" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk')"><span>Home</span></a></li> 352 <li><a href="https://royalalloy.co.uk/rsa" class="dropdown-item">Motorcycle Breakdown Cover & RSA UK</a></li> 353 354 <li><a href="https://royalalloy.co.uk/contact-us" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/contact-us')"><span>Contact</span></a></li> 355 <li><a href="https://www.motogb.co.uk/owners/login" class="dropdown-item"><span>Owners</span></a></li> 356 <li><a href="https://royalalloy.co.uk/videos" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/videos')"><span>Video Gallery</span></a></li> 357 <li><a href="https://royalalloy.co.uk/gallery" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/gallery')"><span>Image Gallery</span></a></li> 358 359 360 <li><a href="https://royalalloy.co.uk/p/what-motorbike-can-i-ride" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/p/what-motorbike-can-i-ride')"><span>Licence Guide</span></a></li> 361 362 363 364 </ul> 365 </li> 366 367 <li class="nav-item dropdown models-dropdown"> <a class="nav-link dropdown-toggle" href="https://royalalloy.co.uk/new-bikes" onclick="slidePageOut('https://royalalloy.co.uk/new-bikes')">Models <i class="ti-angle-down"></i></a> 368 <div id="models-mega-menu-2" class="dropdown-menu models-mega-dropdown-2"> 369 <style> 370 .models-mega-dropdown-2 { 371 position: fixed !important; 372 left: 0 !important; 373 right: 0 !important; 374 top: 70px !important; 375 width: 100vw !important; 376 max-width: 100vw !important; 377 background: #fff; 378 border: none; 379 border-radius: 0; 380 box-shadow: 0 10px 40px rgba(0,0,0,0.1); 381 padding: 0; 382 margin: 0; 383 } 384 .models-search-wrapper { 385 /* padding: 15px 25px 0 25px; */ 386 max-width: 400px; 387 } 388 .models-search-input { 389 position: relative; 390 } 391 .models-search-input input { 392 width: 100%; 393 padding: 10px 40px 10px 15px; 394 border: 1px solid #e0e0e0; 395 border-radius: 8px; 396 font-size: 14px; 397 outline: none; 398 transition: all 0.2s ease; 399 background: #f8f8f8; 400 } 401 .models-search-input input:focus { 402 border-color: #c00; 403 background: #fff; 404 box-shadow: 0 0 0 3px rgba(204,0,0,0.1); 405 } 406 .models-search-input input::placeholder { 407 color: #999; 408 } 409 .models-search-input i { 410 position: absolute; 411 right: 12px; 412 top: 50%; 413 transform: translateY(-50%); 414 color: #999; 415 font-size: 14px; 416 } 417 .models-search-input .search-clear { 418 cursor: pointer; 419 display: none; 420 } 421 .models-search-input .search-clear:hover { 422 color: #c00; 423 } 424 .model-item.hidden { 425 display: none !important; 426 } 427 .models-grid-column.hidden { 428 display: none !important; 429 } 430 .no-results-message { 431 text-align: center; 432 padding: 40px 20px; 433 color: #666; 434 font-size: 14px; 435 display: none; 436 } 437 .no-results-message i { 438 font-size: 32px; 439 color: #ddd; 440 margin-bottom: 10px; 441 display: block; 442 } 443 .models-mega-inner-2 { 444 display: flex; 445 max-width: 1400px; 446 margin: 0 auto; 447 } 448 .models-grid-wrapper { 449 flex: 1; 450 padding: 20px 25px; 451 max-height: 65vh; 452 overflow-y: auto; 453 position: relative; 454 } 455 .scroll-indicator { 456 position: absolute; 457 bottom: 0; 458 left: 0; 459 right: 0; 460 height: 50px; 461 background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 70%); 462 display: flex; 463 align-items: flex-end; 464 justify-content: center; 465 padding-bottom: 8px; 466 pointer-events: none; 467 opacity: 1; 468 transition: opacity 0.3s ease; 469 } 470 .scroll-indicator.hidden { 471 opacity: 0; 472 } 473 .scroll-indicator i { 474 font-size: 14px; 475 color: #666; 476 animation: bounceDown 1.5s infinite; 477 } 478 @keyframes bounceDown { 479 0%, 100% { transform: translateY(0); } 480 50% { transform: translateY(5px); } 481 } 482 .models-grid { 483 column-count: 6; 484 column-gap: 25px; 485 } 486 .models-grid-column { 487 break-inside: avoid; 488 margin-bottom: 20px; 489 } 490 .models-grid-header { 491 display: flex !important; 492 align-items: center; 493 gap: 6px; 494 margin-bottom: 8px; 495 padding-bottom: 6px; 496 border-bottom: 2px solid #eee; 497 text-decoration: none; 498 } 499 .models-grid-header:hover { 500 text-decoration: none; 501 } 502 .models-grid-header h5 { 503 font-size: 13px; 504 font-weight: 700; 505 margin: 0; 506 color: #1b1b1b; 507 } 508 .models-grid-header i { 509 font-size: 9px; 510 color: #1b1b1b; 511 } 512 .models-grid-list { 513 list-style: none; 514 padding: 0; 515 margin: 0; 516 } 517 .models-grid-list li { 518 padding: 0 !important; 519 margin: 0; 520 } 521 .models-grid-list li:hover { 522 padding-left: 0 !important; 523 } 524 .models-grid-list a { 525 display: block; 526 font-size: 12px; 527 color: #444; 528 padding: 3px 0; 529 text-decoration: none; 530 transition: color 0.2s ease; 531 white-space: nowrap; 532 overflow: hidden; 533 text-overflow: ellipsis; 534 } 535 .models-grid-list a:hover { 536 color: #c00; 537 } 538 .models-grid-list .model-price { 539 color: #888; 540 font-size: 10px; 541 margin-left: 3px; 542 } 543 .models-preview-panel-2 { 544 width: 320px; 545 min-width: 320px; 546 background: #f8f8f8; 547 display: flex; 548 flex-direction: column; 549 padding: 20px; 550 position: relative; 551 } 552 .models-preview-image-2 { 553 width: 100%; 554 height: 180px; 555 display: flex; 556 align-items: center; 557 justify-content: center; 558 overflow: hidden; 559 background: #fff; 560 border-radius: 8px; 561 margin-bottom: 15px; 562 } 563 .models-preview-image-2 img { 564 max-width: 100%; 565 max-height: 100%; 566 object-fit: contain; 567 transition: opacity 0.3s ease; 568 } 569 .models-preview-info-2 { 570 text-align: left; 571 } 572 .preview-make-2 { 573 font-size: 11px; 574 font-weight: 600; 575 color: #888; 576 text-transform: uppercase; 577 letter-spacing: 0.5px; 578 margin-bottom: 2px; 579 } 580 .preview-make-2 .preview-year { 581 font-weight: 400; 582 } 583 .models-preview-info-2 h4 { 584 font-size: 20px; 585 margin: 0 0 2px 0; 586 font-weight: 600; 587 } 588 .models-preview-info-2 .preview-factory-model { 589 font-size: 11px; 590 color: #888; 591 margin-bottom: 4px; 592 } 593 .models-preview-info-2 .preview-factory-model:empty { 594 display: none; 595 } 596 .models-preview-info-2 .preview-price { 597 font-size: 18px; 598 font-weight: 700; 599 color: #c00; 600 margin-bottom: 10px; 601 } 602 .preview-finance-wrapper-2 { 603 display: flex; 604 gap: 8px; 605 margin: 10px 0; 606 } 607 .preview-finance-2 { 608 flex: 1; 609 background: #fff; 610 border-radius: 8px; 611 padding: 10px; 612 border: 1px solid #e5e5e5; 613 } 614 .preview-finance-2 .finance-type { 615 font-size: 9px; 616 color: #fff;
617 background: #1b1b1b; 618 padding: 2px 6px; 619 border-radius: 3px; 620 text-transform: uppercase; 621 letter-spacing: 0.5px; 622 display: inline-block; 623 margin-bottom: 6px; 624 } 625 .preview-finance-2 .finance-type.pcp { 626 background: #0066cc; 627 } 628 .preview-finance-2 .finance-label { 629 font-size: 9px; 630 color: #888; 631 text-transform: uppercase; 632 letter-spacing: 0.5px; 633 margin-bottom: 2px; 634 } 635 .preview-finance-2 .finance-monthly { 636 font-size: 16px; 637 font-weight: 700; 638 color: #1b1b1b; 639 } 640 .preview-finance-2 .finance-monthly span { 641 font-size: 10px; 642 font-weight: 500; 643 color: #666; 644 } 645 .preview-finance-2 .finance-apr { 646 font-size: 10px; 647 color: #28a745; 648 font-weight: 600; 649 margin-top: 2px; 650 } 651 .preview-finance-2:empty { 652 display: none; 653 } 654 .preview-finance-wrapper-2:empty { 655 display: none; 656 } 657 .preview-colours-2 { 658 margin-top: 12px; 659 } 660 .preview-colours-2 .colours-label { 661 font-size: 10px; 662 color: #888; 663 text-transform: uppercase; 664 letter-spacing: 0.5px; 665 margin-bottom: 8px; 666 } 667 .preview-colours-2 .colour-swatches { 668 display: flex; 669 gap: 10px; 670 flex-wrap: wrap; 671 } 672 .preview-colours-2 .colour-item { 673 display: flex; 674 flex-direction: column; 675 align-items: center; 676 gap: 4px; 677 } 678 .preview-colours-2 .colour-swatch { 679 width: 24px; 680 height: 24px; 681 border-radius: 50%; 682 border: 2px solid #fff; 683 box-shadow: 0 1px 3px rgba(0,0,0,0.2); 684 } 685 .preview-colours-2 .colour-name { 686 font-size: 8px; 687 color: #666; 688 text-align: center; 689 max-width: 45px; 690 overflow: hidden; 691 text-overflow: ellipsis; 692 white-space: nowrap; 693 } 694 .preview-colours-2:empty { 695 display: none; 696 } 697 .models-preview-info-2 .preview-badge { 698 display: inline-block; 699 margin-top: 10px; 700 padding: 5px 12px; 701 background: linear-gradient(135deg, #1b1b1b 0%, #333 100%); 702 color: #fff; 703 font-size: 10px; 704 font-weight: 600; 705 letter-spacing: 0.5px; 706 text-transform: uppercase; 707 border-radius: 4px; 708 } 709 .models-preview-info-2 .preview-badge:empty { 710 display: none; 711 } 712 .models-mega-footer-2 { 713 display: flex; 714 justify-content: flex-start; 715 flex-wrap: wrap; 716 gap: 25px; 717 padding: 10px 25px; 718 border-top: 1px solid #eee; 719 background: #fff; 720 } 721 .models-mega-footer-2 a { 722 display: flex; 723 align-items: center; 724 gap: 6px; 725 font-size: 12px; 726 font-weight: 500; 727 color: #1b1b1b; 728 text-decoration: none; 729 transition: color 0.2s ease; 730 } 731 .models-mega-footer-2 a:hover { 732 color: #c00; 733 } 734 .models-mega-footer-2 i { 735 font-size: 12px; 736 } 737 /* Custom scrollbar */ 738 .models-grid-wrapper::-webkit-scrollbar {
739 width: 5px; 740 } 741 .models-grid-wrapper::-webkit-scrollbar-track { 742 background: #f1f1f1; 743 } 744 .models-grid-wrapper::-webkit-scrollbar-thumb { 745 background: #ccc; 746 border-radius: 3px; 747 } 748 .models-grid-wrapper::-webkit-scrollbar-thumb:hover { 749 background: #999; 750 } 751 </style> 752 753 <div class="models-mega-inner-2"> 754 <div class="models-grid-wrapper" id="modelsGridWrapper2"> 755 <div class="models-grid"> 756 <div class="no-results-message" id="noResults2"> 757 <i class="fa-solid fa-motorcycle"></i> 758 No models found matching your search 759 </div> 760 <div class="models-grid-column"> 761 <a href="https://royalalloy.co.uk/new-bikes?type=TG Series" class="models-grid-header"> 762 <h5>TG Series</h5> 763 <i class="fa-solid fa-chevron-right"></i> 764 </a> 765 <ul class="models-grid-list"> 766 <li class="model-item"> 767 <a href="https://royalalloy.co.uk/model/2024-royal-alloy-tg-125-ac-911" 768 onclick="slidePageOut('https://royalalloy.co.uk/model/2024-royal-alloy-tg-125-ac-911')" 769 data-preview-image="https://bikes.motobank.co.uk/storage/royal-alloy/tg-125-911/h/tg-125-ac-911-hero.jpg" 770 data-preview-name="TG 125 AC" 771 data-preview-make="Royal Alloy" 772 data-preview-price="£2,499" 773 data-preview-badge="New Pre Registered" 774 data-preview-hp-monthly="£45" 775 data-preview-hp-apr="8.90%" 776 data-preview-pcp-monthly="" 777 data-preview-pcp-apr="" 778 data-preview-factory-model="" 779 data-preview-year="2024" 780 data-preview-colours="#990505:BURGUNDY / IVORY|#235787:ULTRA BLUE / IVORY|#8c8787:PEWTER GREY / IVORY|#ffbf36:LEMON YELLOW / IVORY|#b3a5a5:SILVER|" 781 onmouseenter="updateModelPreview2(this)" 782 data-search-model="tg 125 ac" 783 data-search-filter="125" 784 data-search-type="scooter"> 785 TG 125 AC <span class="model-price">£2,499</span> </a> 786 </li> 787 <li class="model-item"> 788 <a href="https://royalalloy.co.uk/model/2025-royal-alloy-tg-125-lc-885" 789 onclick="slidePageOut('https://royalalloy.co.uk/model/2025-royal-alloy-tg-125-lc-885')" 790 data-preview-image="https://bikes.motobank.co.uk/storage/royal-alloy/tg-125-885/h/tg-125-s-lc-abs-885-hero.jpg" 791 data-preview-name="TG 125 LC" 792 data-preview-make="Royal Alloy" 793 data-preview-price="£2,999" 794 data-preview-badge="New Pre Registered" 795 data-preview-hp-monthly="£55" 796 data-preview-hp-apr="8.90%" 797 data-preview-pcp-monthly="" 798 data-preview-pcp-apr="" 799 data-preview-factory-model="" 800 data-preview-year="2025" 801 data-preview-colours="#990505:BURGUNDY / IVORY|#5894cc:ULTRA BLUE / IVORY|#8c8787:PEWTER GREY / IVORY|#3b0c0c:ODYSSEY RED / IVORY|#8c8787:SILVER|" 802 onmouseenter="updateModelPreview2(this)" 803 data-search-model="tg 125 lc" 804 data-search-filter="125" 805 data-search-type="scooter"> 806 TG 125 LC <span class="model-price">£2,999</span> </a> 807 </li> 808 <li class="model-item"> 809 <a href="https://royalalloy.co.uk/model/2024-royal-alloy-tg-300-lc-1832" 810 onclick="slidePageOut('https://royalalloy.co.uk/model/2024-royal-alloy-tg-300-lc-1832')" 811 data-preview-image="https://bikes.motobank.co.uk/storage/royal-alloy/tg-300-1832/h/tg-300-lc-1832-hero.jpg" 812 data-preview-name="TG 300 LC" 813 data-preview-make="Royal Alloy" 814 data-preview-price="£3,699" 815 data-preview-badge="New Pre Registered 74 Plate" 816 data-preview-hp-monthly="£72" 817 data-preview-hp-apr="8.90%" 818 data-preview-pcp-monthly="" 819 data-preview-pcp-apr="" 820 data-preview-factory-model="" 821 data-preview-year="2024" 822 data-preview-colours="#802929:ODYSSEY RED|#080808:JET BLACK|" 823 onmouseenter="updateModelPreview2(this)" 824 data-search-model="tg 300 lc" 825 data-search-filter="300" 826 data-search-type="scooter"> 827 TG 300 LC <span class="model-price">£3,699</span> </a> 828 </li> 829 </ul> 830 </div> 831 </div> 832 <div class="scroll-indicator" id="scrollIndicator2"> 833 <i class="fa-solid fa-chevron-down"></i> 834 </div> 835 </div> 836 837 <div class="models-preview-panel-2"> 838 <div class="models-preview-image-2"> 839 <img id="modelPreviewImg2" src="https://bikes.motobank.co.uk/storage/royal-alloy/tg-300-1832/h/tg-300-lc-1832-hero.jpg" alt="Model Preview"> 840 </div> 841 <div class="models-preview-info-2"> 842 <div class="preview-make-2" id="modelPreviewMake2">Royal Alloy <span class="preview-year">| 2024</span> </div> 843 <h4 id="modelPreviewName2">TG 300 LC</h4> 844 <div class="preview-factory-model" id="modelPreviewFactoryModel2"></div> 845 <div class="preview-price" id="modelPreviewPrice2">£3,699</div> 846 847 <div class="preview-finance-wrapper-2" id="modelPreviewFinanceWrapper2"> 848 <div class="preview-finance-2" id="modelPreviewFinanceHP2"> 849 <div class="finance-type">HP</div> 850 <div class="finance-label">From</div> 851 <div class="finance-monthly">£72 <span>/mo</span></div> 852 <div class="finance-apr">8.90% APR</div> 853 </div> 854 </div> 855 856 <div class="preview-colours-2" id="modelPreviewColours2"> 857 <div class="colours-label">Available Colours</div> 858 <div class="colour-swatches"> 859 <div class="colour-item"> 860 <div class="colour-swatch" style="background-color: #802929"></div>
861 <span class="colour-name">ODYSSEY RED</span> 862 </div> 863 <div class="colour-item"> 864 <div class="colour-swatch" style="background-color: #080808"></div> 865 <span class="colour-name">JET BLACK</span> 866 </div> 867 </div> 868 </div> 869 870 <div class="preview-badge" id="modelPreviewBadge2">New Pre Registered 74 Plate</div> 871 </div> 872 </div> 873 </div> 874 875 <div class="models-mega-footer-2"> 876 <a href="https://royalalloy.co.uk/promotions"> 877 <i class="fa-solid fa-percent"></i> 878 All Promotions 879 </a> 880 </div> 881 882
882<script> 883 function updateModelPreview2(element) { 884 var img = document.getElementById('modelPreviewImg2'); 885 var name = document.getElementById('modelPreviewName2'); 886 var make = document.getElementById('modelPreviewMake2'); 887 var factoryModel = document.getElementById('modelPreviewFactoryModel2'); 888 var price = document.getElementById('modelPreviewPrice2'); 889 var badge = document.getElementById('modelPreviewBadge2'); 890 var financeWrapper = document.getElementById('modelPreviewFinanceWrapper2'); 891 var colours = document.getElementById('modelPreviewColours2'); 892 893 var newImage = element.getAttribute('data-preview-image'); 894 var newName = element.getAttribute('data-preview-name'); 895 var newMake = element.getAttribute('data-preview-make'); 896 var newYear = element.getAttribute('data-preview-year'); 897 var newFactoryModel = element.getAttribute('data-preview-factory-model'); 898 var newPrice = element.getAttribute('data-preview-price'); 899 var newBadge = element.getAttribute('data-preview-badge'); 900 var newHpMonthly = element.getAttribute('data-preview-hp-monthly'); 901 var newHpApr = element.getAttribute('data-preview-hp-apr'); 902 var newPcpMonthly = element.getAttribute('data-preview-pcp-monthly'); 903 var newPcpApr = element.getAttribute('data-preview-pcp-apr'); 904 var newColours = element.getAttribute('data-preview-colours'); 905 906 907 908 if(newImage) { 909 img.style.opacity = '0.5'; 910 setTimeout(function() { 911 img.src = newImage; 912 img.onload = function() { 913 img.style.opacity = '1'; 914 }; 915 }, 100); 916 } 917 if(newName) name.textContent = newName; 918 if(newMake) { 919 make.innerHTML = newMake + (newYear ? ' <span class="preview-year">| ' + newYear + '</span>' : ''); 920 } 921 factoryModel.textContent = newFactoryModel || ''; 922 if(newPrice) price.textContent = newPrice; 923 badge.textContent = newBadge || ''; 924 925 // Update finance (HP and PCP) 926 var financeHtml = ''; 927 if(newHpMonthly) { 928 financeHtml += '<div class="preview-finance-2"><div class="finance-type">HP</div><div class="finance-label">From</div><div class="finance-monthly">' + newHpMonthly + ' <span>/mo</span></div><div class="finance-apr">' + newHpApr + ' APR</div></div>'; 929 } 930 if(newPcpMonthly) { 931 financeHtml += '<div class="preview-finance-2"><div class="finance-type pcp">PCP</div><div class="finance-label">From</div><div class="finance-monthly">' + newPcpMonthly + ' <span>/mo</span></div><div class="finance-apr">' + newPcpApr + ' APR</div></div>'; 932 } 933 financeWrapper.innerHTML = financeHtml; 934 935 // Update colours 936 if(newColours && newColours.length > 1) { 937 var colourItems = newColours.split('|').filter(function(item) { return item.length > 0; }); 938 var html = '<div class="colours-label">Available Colours</div><div class="colour-swatches">'; 939 colourItems.forEach(function(item) { 940 var parts = item.split(':'); 941 var swatch = parts[0] || ''; 942 var name = parts[1] || ''; 943 html += '<div class="colour-item"><div class="colour-swatch" style="background-color: ' + swatch + '"></div><span class="colour-name">' + name + '</span></div>'; 944 }); 945 html += '</div>'; 946 colours.innerHTML = html; 947 } else { 948 colours.innerHTML = ''; 949 } 950 } 951 952 (function() { 953 var wrapper = document.getElementById('modelsGridWrapper2'); 954 var indicator = document.getElementById('scrollIndicator2'); 955 956 function checkScroll() { 957 if (!wrapper || !indicator) return; 958 var isAtBottom = wrapper.scrollHeight - wrapper.scrollTop <= wrapper.clientHeight + 20; 959 var hasScroll = wrapper.scrollHeight > wrapper.clientHeight; 960 961 if (!hasScroll || isAtBottom) { 962 indicator.classList.add('hidden'); 963 } else { 964 indicator.classList.remove('hidden'); 965 } 966 } 967 968 if (wrapper) { 969 wrapper.addEventListener('scroll', checkScroll); 970 setTimeout(checkScroll, 100); 971 } 972 })(); 973 974 // Live search functionality 975 (function() { 976 var searchInput = document.getElementById('modelSearch2'); 977 var searchClear = document.getElementById('searchClear2'); 978 var searchIcon = document.querySelector('#modelSearch2 + .search-icon'); 979 var noResults = document.getElementById('noResults2'); 980 981 if (!searchInput) return; 982 983 searchInput.addEventListener('input', function() { 984 var query = this.value.toLowerCase().trim(); 985 var modelItems = document.querySelectorAll('#modelsGridWrapper2 .model-item'); 986 var columns = document.querySelectorAll('#modelsGridWrapper2 .models-grid-column'); 987 var visibleCount = 0; 988 989 // Show/hide clear button 990 if (query.length > 0) { 991 searchClear.style.display = 'block'; 992 if (searchIcon) searchIcon.style.display = 'none'; 993 } else { 994 searchClear.style.display = 'none'; 995 if (searchIcon) searchIcon.style.display = 'block'; 996 } 997 998 // Filter models
999 modelItems.forEach(function(item) { 1000 var link = item.querySelector('a'); 1001 if (!link) return; 1002 1003 var model = link.getAttribute('data-search-model') || ''; 1004 var filter = link.getAttribute('data-search-filter') || ''; 1005 var type = link.getAttribute('data-search-type') || ''; 1006 1007 var searchText = model + ' ' + filter + 'cc ' + filter + ' ' + type; 1008 1009 if (query === '' || searchText.indexOf(query) !== -1) { 1010 item.classList.remove('hidden'); 1011 visibleCount++; 1012 } else { 1013 item.classList.add('hidden'); 1014 } 1015 }); 1016 1017 // Hide empty columns 1018 columns.forEach(function(column) { 1019 var visibleItems = column.querySelectorAll('.model-item:not(.hidden)'); 1020 if (visibleItems.length === 0) { 1021 column.classList.add('hidden'); 1022 } else { 1023 column.classList.remove('hidden'); 1024 } 1025 }); 1026 1027 // Show no results message 1028 if (noResults) { 1029 noResults.style.display = visibleCount === 0 && query !== '' ? 'block' : 'none'; 1030 } 1031 }); 1032 1033 // Clear search 1034 if (searchClear) { 1035 searchClear.addEventListener('click', function() { 1036 searchInput.value = ''; 1037 searchInput.dispatchEvent(new Event('input')); 1038 searchInput.focus(); 1039 }); 1040 } 1041 })(); 1042 </script>
1042 1043 </div> 1044</li> 1045 1046 1047 1048 1049 1050 1051 1052 1053 <li class="nav-item"><a class="nav-link" href="https://royalalloy.co.uk/used-bike-search" onclick="slidePageOut('https://royalalloy.co.uk/used-bike-search')">Used Bikes</a></li> 1054 1055 1056 <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://royalalloy.co.uk/promotions">Promotions <i class="ti-angle-down"></i></a> 1057 <ul class="dropdown-menu" style="width: 280px;"> 1058 <li><a href="https://royalalloy.co.uk/promotions" class="dropdown-item"><span>All Promotions</span></a></li> 1059 1060 1061 </ul> 1062 </li> 1063 1064 <li class="nav-item"><a class="nav-link" href="https://royalalloy.co.uk/dealers" onclick="slidePageOut('https://royalalloy.co.uk/dealers')">Find Your Dealer</a></li> 1065 1066 1067 <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://royalalloy.co.uk/blog" onclick="slidePageOut('https://royalalloy.co.uk/blog')" >News/Reviews <i class="ti-angle-down"></i></a> 1068 1069 <ul class="dropdown-menu"> 1070 1071 <li><a href="https://royalalloy.co.uk/blog" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/blog')"><span>All</span></a></li> 1072 <li><a href="https://royalalloy.co.uk/reviews" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/reviews')"><span>Customer Reviews</span></a></li> 1073 1074 <li><a href="https://royalalloy.co.uk/blog?category=Accessories" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/blog?category=Accessories')"><span>Accessories</span></a></li> 1075 <li><a href="https://royalalloy.co.uk/blog?category=Advice" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/blog?category=Advice')"><span>Advice</span></a></li> 1076 <li><a href="https://royalalloy.co.uk/blog?category=Apparel" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/blog?category=Apparel')"><span>Apparel</span></a></li> 1077 <li><a href="https://royalalloy.co.uk/blog?category=Models" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/blog?category=Models')"><span>Models</span></a></li> 1078 <li><a href="https://royalalloy.co.uk/blog?category=News" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/blog?category=News')"><span>News</span></a></li> 1079 <li><a href="https://royalalloy.co.uk/blog?category=Promotions" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/blog?category=Promotions')"><span>Promotions</span></a></li> 1080 <li><a href="https://royalalloy.co.uk/blog?category=Reviews" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/blog?category=Reviews')"><span>Reviews</span></a></li> 1081 <li><a href="https://royalalloy.co.uk/blog?category=Riding Tips" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/blog?category=Riding Tips')"><span>Riding Tips</span></a></li> 1082 1083 1084 1085 </ul> 1086 </li> 1087 <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="https://royalalloy.co.uk/shop" >Shop <i class="ti-angle-down"></i></a> 1088 <ul class="dropdown-menu"> 1089 <li><a href="https://royalalloy.co.uk/shop/royal-alloy/accessories" class="dropdown-item"><span>Royal Alloy Accessories</span></a></li> 1090 <li><a href="https://motogbshop.co.uk/parts/royal-alloy" class="dropdown-item" target="_blank"><span>Royal Alloy Parts</span></a></li> 1091 <li><a href="https://royalalloy.co.uk/shop/helmets" class="dropdown-item"><span>Helmets</span></a></li> 1092 <li><a href="https://royalalloy.co.uk/shop/clothing" class="dropdown-item"><span>Clothing</span></a></li> 1093 <li><a href="https://royalalloy.co.uk/shop/boots" class="dropdown-item"><span>Boots</span></a></li> 1094 <li><a href="https://royalalloy.co.uk/shop/gloves" class="dropdown-item"><span>Gloves</span></a></li> 1095 <li><a href="https://motogbshop.co.uk/?ref_url=https://royalalloy.co.uk/shop" class="dropdown-item" target="_blank"><span>Shop Online <i class="fa fa-external-link" aria-hidden="true"></i> 1096 </span></a></li> 1097 1098 1099 1100 </ul> 1101 </li> 1102 1103 1104 1105 1106 1107 </ul> 1108 1109 </div> 1110 </div> 1111</nav> 1112 1113 1114 1115 1116 1117 1118 1119<nav class="navbar navbar-expand-lg d-block d-lg-none mobile-menu-hide" style=""> 1120 <div class="container"> 1121 1122 <div class="logo-wrapper"> 1123 <a class="logo" href="https://royalalloy.co.uk"> <img src="https://bikes.motobank.co.uk/brands/11/royal-alloy-rectangle_250.png" class="logo-img" alt="motogb logo"> </a> 1124 1125 </div> 1126 1127 <button class=" toggle-btn-menu navbar-toggler" type="button" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa-solid fa-bars" style="font-size: 25px;"></i> </button> 1128 1129 1130 1131 <nav id="main-nav"> 1132 1133 1134 <ul> 1135 <li> 1136 <div class="ml-2"> 1137 <form action="https://royalalloy.co.uk/dealers" method="get"> 1138 <label class="mb-2" style="margin-top: 10px; margin-bottom: 30px !important; margin-left: 10px; max-height: 35px;px;"><i class="fa-solid fa-location-dot side-menu-icon"></i> Find your Dealer</label> 1139 <input type="text" name="postcode" class="form-control mt-4" placeholder="Postcode" style="border-radius: 30px; height: 49px; border: 1px solid #ccc;" value=""> 1140 1141 <button type="submit" class="btn button-4 mt-2 mb-2 btn-sm" style="width: 100%;">Search</button> 1142 </form> 1143 </div> 1144 1145 1146 </li> 1147 <li><a href="#"><i class="fa-solid fa-house side-menu-icon" ></i> Home</a> 1148 <ul> 1149 <li><a href="https://royalalloy.co.uk" onclick="slidePageOut('https://royalalloy.co.uk')"><span>Home</span></a></li> 1150 <li><a href="https://royalalloy.co.uk/rsa" ><span>Motorcycle Breakdown Cover & RSA UK</span></a></li> 1151 <li><a href="https://royalalloy.co.uk/contact-us" onclick="slidePageOut('https://royalalloy.co.uk/contact-us')" ><span>Contact</span></a></li> 1152 <li><a href="https://www.motogb.co.uk/owners/login" ><span>Owners</span></a></li> 1153 <li><a href="https://royalalloy.co.uk/videos" onclick="slidePageOut('https://royalalloy.co.uk/videos')" ><span>Video Gallery</span></a></li> 1154 <li><a href="https://royalalloy.co.uk/gallery" ><span>Image Gallery</span></a></li> 1155 <li><a href="https://royalalloy.co.uk/sitemap" ><span>Sitemap</span></a></li> 1156 <li><a href="https://royalalloy.co.uk/p/what-motorbike-can-i-ride" ><span>Licence Guide</span></a></li> 1157 <li><a href="https://royalalloy.co.uk/join-us" ><span>Join Us</span></a></li> 1158 <li><a href="https://royalalloy.co.uk/careers" ><span>Jobs</span></a></li> 1159 </ul> 1160 </li> 1161 <li><a href="#" style="font-weight: 600;"> <i class="fa-solid fa-motorcycle side-menu-icon"></i> New Bikes</a> 1162 <ul> 1163 <li> 1164 <a href="https://royalalloy.co.uk/new-bikes" style="font-weight: 600;"> 1165 View All Models <i class="fa-solid fa-arrow-right"></i> 1166 </a> 1167 </li> 1168 <li> 1169 1170 <a href="https://royalalloy.co.uk/new-bikes?&type=TG Series" style="font-weight: 600;"> View All TG Series <i class="fa-solid fa-arrow-right 12"></i></a> 1171 1172 1173 1174 1175 </li> 1176 1177 1178 <li><a href="https://royalalloy.co.uk/model/2024-royal-alloy-tg-300-lc-1832" style="display: flex; align-items: center; padding: 10px; border-radius: 8px; transition: background-color 0.2s ease;"> 1179 <div style="background-color: #f5f5f5; width: 70px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 6px; margin-right: 10px;"> 1180 <img src="https://bikes.motobank.co.uk/storage/royal-alloy/tg-300-1832/h/tg-300-lc-1832-hero.jpg" alt="TG 300 LC" style="max-width: 60px; max-height: 40px; object-fit: contain;"> 1181 </div>
1182 <span>TG 300 LC 1183 <br><span style="font-size: 12px; color: #666;">£3699</span> 1184 </span> 1185 </a> 1186 </li> 1187 <li><a href="https://royalalloy.co.uk/model/2025-royal-alloy-tg-125-lc-885" style="display: flex; align-items: center; padding: 10px; border-radius: 8px; transition: background-color 0.2s ease;"> 1188 <div style="background-color: #f5f5f5; width: 70px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 6px; margin-right: 10px;"> 1189 <img src="https://bikes.motobank.co.uk/storage/royal-alloy/tg-125-885/h/tg-125-s-lc-abs-885-hero.jpg" alt="TG 125 LC" style="max-width: 60px; max-height: 40px; object-fit: contain;"> 1190 </div> 1191 <span>TG 125 LC 1192 <br><span style="font-size: 12px; color: #666;">£2999</span> 1193 </span> 1194 </a> 1195 </li> 1196 <li><a href="https://royalalloy.co.uk/model/2024-royal-alloy-tg-125-ac-911" style="display: flex; align-items: center; padding: 10px; border-radius: 8px; transition: background-color 0.2s ease;"> 1197 <div style="background-color: #f5f5f5; width: 70px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 6px; margin-right: 10px;"> 1198 <img src="https://bikes.motobank.co.uk/storage/royal-alloy/tg-125-911/h/tg-125-ac-911-hero.jpg" alt="TG 125 AC" style="max-width: 60px; max-height: 40px; object-fit: contain;"> 1199 </div> 1200 <span>TG 125 AC 1201 <br><span style="font-size: 12px; color: #666;">£2499</span> 1202 </span> 1203 </a> 1204 </li> 1205 1206 1207 </ul> 1208 </li> 1209 <li ><a href="https://royalalloy.co.uk/dealers" > <i class="fa-solid fa-location-dot side-menu-icon"></i> Find Your Dealer</a></li> 1210 <li > <a href="#" style="color: red; font-weight: 600;" > <i class="fa-solid fa-piggy-bank side-menu-icon"></i> Promotions </a> 1211 <ul > 1212 <li><a href="https://royalalloy.co.uk/promotions" ><span>All Promotions</span></a></li> 1213 1214 1215 </ul> 1216 </li> 1217 1218 <li > 1219 <a href="#"><i class="fa-regular fa-motorcycle side-menu-icon"></i> Used Bikes</a> 1220 <ul> 1221 <li ><a href="https://royalalloy.co.uk/used-bike-search">Used Bikes</a></li> 1222 1223 </ul> 1224 1225 </li> 1226 <li > <a href="#" ><i class="fa-brands fa-microblog side-menu-icon"></i> News/Reviews </a> 1227 <ul > 1228 <li><a href="https://royalalloy.co.uk/blog" ><span>All</span></a></li> 1229 <li><a href="https://royalalloy.co.uk/reviews"><span>Customer Reviews</span></a></li> 1230 <li><a href="https://royalalloy.co.uk/blog?category=Accessories" ><span>Accessories</span></a></li> 1231 <li><a href="https://royalalloy.co.uk/blog?category=Advice" ><span>Advice</span></a></li> 1232 <li><a href="https://royalalloy.co.uk/blog?category=Apparel" ><span>Apparel</span></a></li> 1233 <li><a href="https://royalalloy.co.uk/blog?category=Models" ><span>Models</span></a></li> 1234 <li><a href="https://royalalloy.co.uk/blog?category=News" ><span>News</span></a></li> 1235 <li><a href="https://royalalloy.co.uk/blog?category=Promotions" ><span>Promotions</span></a></li> 1236 <li><a href="https://royalalloy.co.uk/blog?category=Reviews" ><span>Reviews</span></a></li> 1237 <li><a href="https://royalalloy.co.uk/blog?category=Riding Tips" ><span>Riding Tips</span></a></li> 1238 1239 1240 1241 </ul> 1242 </li> 1243 1244 <li><a href="https://royalalloy.co.uk/sell-your-bike"><i class="fa-solid fa-money-bill side-menu-icon"></i> Sell Your Bike</a></li> 1245 <li><a href="https://royalalloy.co.uk/contact-us"><i class="fa-solid fa-message side-menu-icon"></i> Contact Us</a></li> 1246 <li ><a href="#"><i class="fa-solid fa-cart-shopping side-menu-icon"></i>Shop</a> 1247 <ul > 1248 <li><a href="https://royalalloy.co.uk/shop/royal-alloy/accessories" ><span>Royal Alloy Accessories</span></a></li> 1249 <li><a href="https://motogbshop.co.uk/parts/royal-alloy" target="_blank"><span>Royal Alloy Parts</span></a></li> 1250 <li><a href="https://royalalloy.co.uk/shop/helmets" ><span>Helmets</span></a></li> 1251 <li><a href="https://royalalloy.co.uk/shop/clothing" ><span>Clothing</span></a></li> 1252 <li><a href="https://royalalloy.co.uk/shop/boots" ><span>Boots</span></a></li> 1253 <li><a href="https://royalalloy.co.uk/shop/gloves" ><span>Gloves</span></a></li> 1254 <li><a href="https://motogbshop.co.uk/?ref_url=https://royalalloy.co.uk/shop" target="_blank"><span>Shop Online <i class="fa fa-external-link" aria-hidden="true"></i> 1255 </span></a></li> 1256 1257 1258 1259 </ul> 1260 </li> 1261 <li ><a href="https://www.motogb.co.uk/owners/login"><i class="fa-regular fa-mobile side-menu-icon"></i> Owners</a></li> 1262 1263 1264 1265 1266 <li><i class="fa-solid fa-handshake side-menu-icon"></i><a href="https://royalalloy.co.uk/join-us" class="dropdown-item" onclick="slidePageOut('https://royalalloy.co.uk/join-us')"><span>Become a Dealer</span></a></li> 1267 1268 </ul> 1269 </nav> 1270 </div> 1271</nav> <div class="content-page"> 1272 <section class="banner-header section-padding bg-img" data-overlay-dark="5" data-background="https://bikes.motobank.co.uk/blog/post-1102/6a43b4303976f.jpg" style="background-image: url("img/slider/1.jpg");"> 1273 <div class="v-middle"> 1274 <div class="container"> 1275 <div class="row"> 1276 <div class="col-lg-5 col-md-12"> 1277 <div class="post-wrapper"> 1278 1279 </div> 1280 <h1>ADVENTURE BIKE RIDER FESTIVAL 2026</h1> 1281 </div> 1282 </div> 1283 </div> 1284 </div> 1285 </section> 1286 <section class="post section-padding"> 1287 <div class="container"> 1288 <div class="row"> 1289 <div class="col-md-12 mb-30"> 1290 <h2 class="tt-title" style="font-size: 1.5rem;"><a href="#">Motogb & Moto73 delivered one of our best ABR Festivals</a></h2> 1291 <h3>Adventure Bike Rider Festival 2026: A Must-Visit Event for Every Rider!</h3> 1292 1293<p>The <b>Adventure Bike Rider Festival 2026 </b>has now passed and the excitement was palpable. It took place in the picturesque landscapes of the Ragley Hall estate in the United Kingdom, the festival promised to be bigger and better than ever before. It succeed! Whether you're a seasoned rider or a newbie to the world of adventure biking, this festival should definitely be on your bucket list.</p> 1294 1295<h2>About the Festival</h2> 1296<p>The Adventure Bike Rider Festival is an annual celebration that brings together motorcycle enthusiasts from all over the globe. With a wide array of activities, talks and rides planned out, the festival is not just an event but an experience that fosters community and passion among motorcycle riders. Expect a weekend filled with thrilling activities, informative sessions, and the chance to meet fellow riders.</p> 1297 1298<h2>Highlights of the 2026 Festival</h2> 1299 1300<h3>Exciting Adventure Rides</h3> 1301<p>The festival included expertly crafted routes across varied terrains to challenge and excite all riders. From scenic rides through the countryside to more challenging trails for the experienced, there is something for everyone. </p> 1302 1303<h3>Talks and Skills Training</h3> 1304<p>One of the key attractions of the festival is the extensive range of talks available. Experienced riders and industry professionals will offer 'talk' sessions, covering everything from basic maintenance tips to advanced riding techniques. These sessions are invaluable for riders looking to enhance their skills and knowledge.</p> 1305 1306<h3>Meet the Experts</h3> 1307<p>There was a chance to engage with prominent figures in the adventure biking world. The festival played host to a variety of expert speakers, offering insights into their experiences on bike travels and sharing stories that fuel inspiration among attendees.</p> 1308 1309<h3>Camping and Music</h3> 1310<p>No festival is complete without music and the opportunity to bond around a campfire. The live music performances created a vibrant atmosphere, providing entertainment after a day of biking adventure.</p> 1311 1312<h2>Why You Should Attend the ABR Festival 2027</h2> 1313<p>Participating in the <b>Adventure Bike Rider Festival 2027</b> gives you the chance to connect with a community of like-minded enthusiasts. It's an opportunity to learn, explore, and share your passion for adventure biking. Whether you are looking to make new friends, hone your riding skills, or simply enjoy a weekend of biking fun, this festival is the perfect destination.</p> 1314 1315<h2>Secure Your Spot</h2> 1316<p>Tickets for the festival tend to sell out fast, so be sure to secure your spot early. Visit the official website of the festival for updates on ticket sales and event details. Don’t miss out on what promises to be the adventure biking event of the year!</p> 1317 1318 1319 </div> 1320 </div> 1321 1322 <div class="row"> 1323 <div class="col-lg-6 col-md-6 mb-30"> <img src="https://bikes.motobank.co.uk/blog/post-1102/6a43b4303976f.jpg" class="rounded-4" alt="Motogb & Moto73 delivered one of our best ABR Festivals"> </div> 1324 <div class="col-lg-6 col-md-6 mb-30"> <img src="https://bikes.motobank.co.uk/blog/post-1102/6a43b430b5ee9.jpg" class="rounded-4" alt="Motogb & Moto73 delivered one of our best ABR Festivals"> </div> 1325 <div class="col-lg-6 col-md-6 mb-30"> <img src="https://bikes.motobank.co.uk/blog/post-1102/6a43b430cd6fc.jpg" class="rounded-4" alt="Motogb & Moto73 delivered one of our best ABR Festivals"> </div> 1326 <div class="col-lg-6 col-md-6 mb-30"> <img src="https://bikes.motobank.co.uk/blog/post-1102/6a43b430e41ef.jpg" class="rounded-4" alt="Motogb & Moto73 delivered one of our best ABR Festivals"> </div> 1327 <div class="col-lg-6 col-md-6"> 1328 </div> 1329 </div> 1330 <div style="width: 100%; text-align: center;"> 1331 <button data-bs-toggle="modal" data-bs-target="#shareModal" data-shareurl="https://royalalloy.co.uk/post/adventure-bike-rider-festival-2026-1102" class="button-4 mt-3 share-button" style=""> 1332 1333 <i class="fa-brands fa-facebook" style="font-size: 1rem; color: #3b5998; cursor: pointer; margin-right: 10px;"></i> 1334 <i class="fa-brands fa-twitter" style="font-size: 1rem; color: #3b5998; cursor: pointer; margin-right: 10px;"></i> 1335 <i class="fa-brands fa-linkedin" style="font-size: 1rem; color: #3b5998; cursor: pointer; margin-right: 10px;"></i> 1336 Get <b>10% OFF</b> Clothing & Accessories 1337 </button> 1338 </div> 1339 </div> 1340 </section> 1341 </div> 1342 <div class="modal fade" id="financeModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="financeLabel" aria-hidden="true"> 1343 <div class="modal-dialog modal-lg"> 1344 <div class="modal-content"> 1345
1346 <div wire:snapshot="{"data":{"m":null,"title":null,"financetype":null,"modeltype":null,"monthly":null},"memo":{"id":"COA57C8qmQ6p4VmrAdLp","name":"finance-modal","path":"post\/adventure-bike-rider-festival-2026-1102","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"b6a0ead954444ba306159b1fde074ed06d78ba0391929404ceb2ad97282edb75"}" wire:effects="{"listeners":["setFinanceData"]}" wire:id="COA57C8qmQ6p4VmrAdLp"> 1347 <style> 1348 1349 </style> 1350 <div class="modal-header"> 1351 1352 <button wire:click="closeModal" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1353 </div> 1354 <div class="modal-body"> 1355 1356 <div class="container-fluid" style="padding-bottom: 5px;"> 1357 <!--[if BLOCK]><![endif]--> <div style="background: transparent; height: 200px; display: flex; align-items: center; justify-content: center;"> 1358 <div> 1359 <div class="spinner-grow" role="status" > 1360 <span class="visually-hidden">Loading...</span> 1361 </div> 1362 </div> 1363 </div> 1364 <!--[if ENDBLOCK]><![endif]--> 1365 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1366 1367 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1368 </div> 1369 1370 </div> 1371</div> 1372 1373 1374 </div> 1375 </div> 1376</div> <div class="modal fade" id="shareModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="shareLabel" aria-hidden="true"> 1377 <div class="modal-dialog modal-lg modal-dialog-centered"> 1378 <div class="modal-content"> 1379 <div wire:snapshot="{"data":{"shareUrl":null,"email":null,"validEmail":false,"linkCopied":false,"uniqueId":"01d5088b06c4c70"},"memo":{"id":"Ht1IzquSBRIxMa5YRhvq","name":"share-modal","path":"post\/adventure-bike-rider-festival-2026-1102","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"9afefbf32919a7ee3cff94eb6acaff7189615144fd84268b3f7fb34e35ead3cc"}" wire:effects="{"listeners":["setShareUrl"]}" wire:id="Ht1IzquSBRIxMa5YRhvq"> 1380 <div class="modal-header"> 1381 1382 <button wire:click="closeModal" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1383 </div> 1384 <div class="modal-body"> 1385 <div class="container"> 1386 1387 1388 <div class="row"> 1389 <div class="col-md-12"> 1390 <h6 class="modal-title text-center " style="font-size: 1.2rem; margin-bottom: 20px; margin-top: 20px; color: inherit;" id="shareLabel"><i class="fa-solid fa-share-nodes"></i> Share This Content and get 10% discount at MotoGB Shop</h6> 1391 </div> 1392 <div class="col-md-6"> 1393 <ol style="padding-left: 20px; list-style-type: decimal;"> 1394 <li style="margin-bottom: 8px; " >1. Enter your email to get a <b >10% OFF</b> coupon code.</li> 1395 <li style="margin-bottom: 8px; " >2. Copy your unique referral link.</li> 1396 <li style="margin-bottom: 8px;">3. Share the link on social media (Facebook, Twitter, LinkedIn, etc.).</li> 1397 <li style="margin-bottom: 8px;">4. Receive a <b>10% discount</b> coupon when your referral link is clicked <b>10 times</b> by unique users.</li> 1398 <li style="margin-bottom: 8px;">5. Redeem your coupon to receive a discount on non-discounted clothing and accessories on the <a href="https://motogbshop.co.uk/" style="text-decoration: underline;" target="_blank">MotoGB Online Shop</a></li> 1399 </ol> 1400 1401 1402 1403 1404 </div> 1405 <div class="col-md-6"> 1406 1407 1408 1409 1410 <div class="text-center mb-3"> 1411 <input type="email" wire:model.live="email" class="form-control" placeholder="Enter your email">
1412 <span class="text-muted">By proceeding, you confirm that you have read and agree to our <a href="https://royalalloy.co.uk/policy" target="_blank">Privacy Policy</a> and <a href="https://royalalloy.co.uk/terms" target="_blank">Terms & Conditions</a></span> 1413 1414 1415 1416 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1417 <!--[if BLOCK]><![endif]--> <div class="d-flex justify-content-center"> 1418 1419 1420 1421 <!--[if BLOCK]><![endif]--> <div> 1422 <div class="spinner-border" role="status"> 1423 <span class="visually-hidden">Loading...</span> 1424 </div> 1425 </div> 1426 1427 <!--[if ENDBLOCK]><![endif]--> </div> 1428 <!--[if ENDBLOCK]><![endif]--> <br> 1429 </div> 1430 </div> 1431 </div> 1432 </div> 1433</div> 1434 1435 1436 1437 1438 </div> 1439 </div> 1440</div> <footer class="footer clearfix"> 1441 <div class="container"> 1442 <!-- first footer --> 1443 1444 <!-- second footer --> 1445 <div class="second-footer"> 1446 <div class="row"> 1447 <!-- about & social icons --> 1448 <div class="col-md-3 widget-area"> 1449 <div class="widget clearfix"> 1450 <div class="footer-logo"> 1451 <a href="https://www.motogb.co.uk" target="_blank"> 1452 <img src="https://www.motogb.co.uk/images/logos/5738.png" alt="motogb"> 1453 </a> 1454 </div> 1455 <!-- <div class="footer-logo"><h2>CARE<span>X</span></h2></div> --> 1456 <div class="widget-text"> 1457 <p>Royal Alloy A selection of Past Era Modern Classic Scooters with a choice of Metal or plastic bodies, Latest Series of engines 50cc 125cc 200cc 300cc Models GT Grand Tourer, GP Grand Prix, TG Tigara Grande based on the TV175. we have re-created a truly 'Classic' style range of scooters designed to re-live those past memories in a modern way</p> 1458 <div class="social-icons"> 1459 <ul class="list-inline"> 1460 1461 1462 <li><a href="https://www.facebook.com/RoyalAlloyuk"><i class="fa-brands fa-facebook-f"></i></a></li> 1463 <li><a href="https://www.facebook.com/RoyalAlloyuk"><i class="fa-brands fa-youtube"></i></a></li> 1464 <li><a href="https://www.instagram.com/royalalloyuk"><i class="fa-brands fa-instagram"></i></a></li> 1465 1466 </ul> 1467 </div> 1468 </div> 1469 </div> 1470 </div> 1471 <!-- quick links --> 1472 <div class="col-md-2 offset-md-1 widget-area"> 1473 <div class="widget clearfix usful-links"> 1474 <h3 class="widget-title">Quick Links</h3> 1475 <ul> 1476 1477 <li><a href="https://royalalloy.co.uk/contact-us">Contact</a></li> 1478 <li><a href="https://royalalloy.co.uk/sitemap">Sitemap</a></li> 1479 <li><a href="https://royalalloy.co.uk/join-us" >Become a Royal Alloy Dealer</a></li> 1480 <li><a href="https://royalalloy.co.uk/policy">Privacy Policy</a></li> 1481 <li><a href="https://royalalloy.co.uk/terms">Terms & Conditions</a></li> 1482 1483 1484 1485 </ul> 1486 </div> 1487 <div class="widget clearfix usful-links"> 1488 <h3 class="widget-title">Quick Search</h3> 1489 <ul> 1490 <li>
1490<a href="https://royalalloy.co.uk/new-bikes?displacement=125">125cc motorbikes</a></li> 1491 <li><a href="https://royalalloy.co.uk/new-bikes?displacement=300">300cc motorbikes</a></li> 1492 1493 1494 <li><a href="https://royalalloy.co.uk/used-bike-search">Used Royal Alloy motorbikes</a></li> 1495 <li><a href="https://royalalloy.co.uk/dealers">Find Your Royal Alloy Dealer</a></li> 1496 1497 </ul> 1498 </div> 1499 </div> 1500 1501 1502 <div class="col-md-2 offset-md-1 widget-area"> 1503 <div class="widget clearfix usful-links"> 1504 <h3 class="widget-title">Other Links</h3> 1505 <ul> 1506 1507 <li><a href="https://royalalloy.co.uk/sell-your-bike">Sell Your Bike</a></li> 1508 <li><a href="https://www.motorcyclefinder.co.uk/create-bike-advert">Create Bike Ad</a></li> 1509 <li><a href="https://royalalloy.co.uk/events">Events</a></li> 1510 <li><a href="https://royalalloy.co.uk/blog">Blog</a></li> 1511 1512 1513 <li><a href="https://royalalloy.co.uk/shop" >Royal Alloy Shop</a></li> 1514 <li><a href="https://motogbshop.co.uk/royal-alloy/accessories" >Royal Alloy accessories</a></li> 1515 <li><a href="https://motogbshop.co.uk/parts/royal-alloy" >Royal Alloy parts</a></li> 1516 <li><a href="https://motogbshop.co.uk" target="_blank">MotoGB Shop <i class="fa fa-external-link"></i></a></li> 1517 1518 1519 </ul> 1520 </div> 1521 </div> 1522 1523 <div class="col-md-3 widget-area"> 1524 <div wire:snapshot="{"data":{"email":null,"source":"Royal Alloy","sub_done":null,"notValidEmail":null},"memo":{"id":"yqT48z4YAz6LudalC7Fs","name":"forms.subscribe-form","path":"post\/adventure-bike-rider-festival-2026-1102","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"a51163d996fdf58caf7ae60e7b6bd345500cb0a3a469dd2c2b6c72c7b7685738"}" wire:effects="[]" wire:id="yqT48z4YAz6LudalC7Fs"> 1525 <div class="widget clearfix"> 1526 <!--[if BLOCK]><![endif]--> <h3 class="widget-title">Subscribe</h3> 1527 <p>Want to be notified about our services. Just sign up and we'll send you a notification by email.</p> 1528 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="widget-newsletter"> 1529 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <input wire:model="email" placeholder="Email Address" required> 1530 1531 <button wire:click="submit"> 1532 <i class="ti-arrow-top-right"></i> 1533 </button> 1534 1535 </div> 1536 <!--[if ENDBLOCK]><![endif]--> 1537 </div> 1538</div> 1539 </div> 1540 <!-- subscribe --> 1541 1542 </div> 1543 </div> 1544 <!-- bottom footer --> 1545 <div class="bottom-footer-text"> 1546 <div class="row copyright"> 1547 <div class="col-md-12"> 1548 <p class="mb-0">©2025 <a href="#">Royal Alloy</a> is a division of MotoGB. MotoGB is a company registered in England and Wales under company registration number 3989635. Our registered office is located at MotoGB,
1548Chorley, Lancashire, Fairclough House, Church St, Adlington, PR7 4EX. </p> 1549 </div> 1550 </div> 1551 </div> 1552 </div> 1553</footer> 1554 1555 1556 1557 1558
1558<script src="https://royalalloy.co.uk/js/jquery-3.7.1.min.js" ></script>
1558 1559
1559<script src="https://royalalloy.co.uk/js/jquery-migrate-3.4.1.min.js" defer></script>
1559 1560 1561 1562 1563 1564 1565
1565<script src="https://royalalloy.co.uk/js/owl.carousel.min.js" async></script>
1565 1566
1566<script src="https://royalalloy.co.uk/js/modernizr-2.6.2.min.js" defer></script>
1566 1567
1567<script src="https://royalalloy.co.uk/js/imagesloaded.pkgd.min.js" defer></script>
1567 1568
1568<script src="https://royalalloy.co.uk/js/jquery.isotope.v3.0.2.js" defer></script>
1568 1569
1569<script src="https://royalalloy.co.uk/js/popper.min.js" defer></script>
1569 1570 1571
1571<script src="https://royalalloy.co.uk/js/bootstrap.min.js" defer></script>
1571 1572
1572<script src="https://royalalloy.co.uk/js/scrollIt.min.js" defer></script>
1572 1573
1573<script src="https://royalalloy.co.uk/js/jquery.waypoints.min.js" defer></script>
1573 1574
1574<script src="https://royalalloy.co.uk/js/jquery.stellar.min.js" defer></script>
1574 1575
1575<script src="https://royalalloy.co.uk/js/jquery.magnific-popup.js" defer></script>
1575 1576
1576<script src="https://royalalloy.co.uk/js/YouTubePopUp.js" defer></script>
1576 1577
1577<script src="https://royalalloy.co.uk/js/custom.js?v=3" defer></script>
1577 1578 1579
1579<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/11.0.2/bootstrap-slider.min.js" integrity="sha512-f0VlzJbcEB6KiW8ZVtL+5HWPDyW1+nJEjguZ5IVnSQkvZbwBt2RfCBY0CBO1PsMAqxxrG4Di6TfsCPP3ZRwKpA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1579 1580
1580<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" integrity="sha384-d+vyQ0dYcymoP8ndq2hW7FGC50nqGdXUEgoOUGxbbkAJwZqL7h+jKN0GGgn9hFDS" crossorigin="anonymous"></script>
1580 1581
1581<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/hc-offcanvas-nav.min.js" integrity="sha384-ElUXjKqIOMKWP7AI1cQVngInOoSFrWDpdAWlzKfIhUgHeMrrI6SRAySSUi3YsJVJ" crossorigin="anonymous"></script>
1581 1582
1582<script> 1583 jQuery(document).ready(function ($) { 1584 setTimeout(function () { 1585 $('.mobile-menu-hide').css('visibility', 'visible'); // Show the menu after delay 1586 1587 let $nav = $('#main-nav').hcOffcanvasNav({ 1588 navTitle: false, 1589 levelTitles: false, 1590 levelTitleAsBack: true, 1591 customToggle: '.toggle-btn-menu', 1592 levelSpacing: 60, 1593 swipeGestures: true 1594 }); 1595 1596 let Nav = $nav.data('hcOffcanvasNav'); 1597 1598 Nav.on('toggle', (e, settings) => { 1599 if (e.data.action == 'open') { 1600 console.log('Menu opened'); 1601 } 1602 }); 1603 1604 }, 100); // 500ms delay before showing menu 1605 }); 1606 </script>
1606 1607 1608
1608<script> 1609 1610 // Function to apply slide-out effect on links 1611 function slidePageOut(url) { 1612 // Mark that the page is in the process of sliding 1613 localStorage.setItem('isSliding', 'true'); 1614 1615 // Trigger slide-out effect on .content-page 1616 gsap.to(".content-page", { 1617 x: "-100%", 1618 duration: .5, 1619 onComplete: () => window.location.href = url 1620 }); 1621 } 1622 1623 // Check on page load if the page is being refreshed or has been clicked 1624 document.addEventListener("DOMContentLoaded", () => { 1625 // If page is not in the process of sliding, reset the .content-page position 1626 if (!localStorage.getItem('isSliding')) { 1627 gsap.set(".content-page", { x: "0%", visibility: "visible" }); // Reset for page refresh 1628 } else { 1629 // If page was clicked (not refresh), reset the sliding flag and slide in 1630 localStorage.removeItem('isSliding'); 1631 1632 // Disable scrolling during the slide-in animation 1633 document.body.style.overflow = "hidden"; 1634 1635 gsap.from(".content-page", { 1636 x: "100%", 1637 duration: 0.5, 1638 onStart: () => { 1639 // Make the .content-page visible at the start of the slide-in animation 1640 gsap.set(".content-page", { visibility: "visible" }); 1641 }, 1642 onComplete: () => { 1643 // Re-enable scrolling after the slide-in animation completes 1644 document.body.style.overflow = "auto"; 1645 } 1646 }); 1647 } 1648 1649 // Clean up inline transform styles after the animation 1650 setTimeout(() => { 1651 document.querySelector(".content-page").style.transform = ''; 1652 }, 1000); 1653 }); 1654 </script>
1654 1655 1656 1657
1657<script> 1658 var wind = $(window); 1659 const baseUrl = window.location.origin; 1660 const brand_logo = "11\/royal-alloy-rectangle_250.png"; 1661 $(function () { 1662 $('[data-toggle="tooltip"]').tooltip() 1663 }) 1664 console.log(baseUrl); 1665 // Navbar scrolling background 1666 wind.on("scroll", function () { 1667 var bodyScroll = wind.scrollTop(), 1668 navbar = $(".navbar"), 1669 logo = $(".navbar .logo> img"); 1670 if (bodyScroll > 100) { 1671 navbar.addClass("nav-scroll"); 1672 logo.attr('src', 'https://bikes.motobank.co.uk/brands/'+brand_logo); 1673 } else { 1674 navbar.removeClass("nav-scroll"); 1675 logo.attr('src', 'https://bikes.motobank.co.uk/brands/'+brand_logo); 1676 } 1677 }); 1678 1679 1680 </script>
1680 1681 1682 1683 1684
1684<script> 1685 function addSkeletonLoading() { 1686 1687 1688 document.querySelectorAll('.model-card').forEach(item => { 1689 item.classList.add('skeleton-loading'); 1690 }); 1691 1692 1693 1694 1695 } 1696 </script>
1696 1697 1698 1699 1700 1701
1701<script src="/livewire/livewire.min.js?id=6f2ea2c9" data-csrf="QlkDqydv2R07VEhVbeJJCS11TZZ3ZvGFnZnvwJEu" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1701 1702 1703 1704 1705 1706 1707 <!-- Event snippet for Submit lead form conversion page 1708In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
1709<script> 1710 function gtag_report_conversion(url) { 1711 var callback = function () { 1712 if (typeof(url) != 'undefined') { 1713 window.location = url; 1714 } 1715 1716 }; 1717 gtag('event', 'conversion', { 1718 'send_to': 'AW-824288225/2GeRCKnExo8bEOHHhokD', 1719 'value': 1.0, 1720 'currency': 'GBP', 1721 'event_callback': callback 1722 }); 1723 1724 1725 1726 1727 1728 1729 return false; 1730 } 1731 </script>
1731 1732 1733 1734 1735 1736 1737 <div class="js-cookie-consent cookie-consent" role="dialog" aria-label="Your experience on this site will be improved by allowing cookies."> 1738 <div class="cookie-consent__card"> 1739 <p class="cookie-consent__message">Your experience on this site will be improved by allowing cookies.</p> 1740 <div class="cookie-consent__actions"> 1741 <a href="https://royalalloy.co.uk/policy" class="cookie-consent__link">Privacy policy</a> 1742 <button type="button" class="js-cookie-consent-agree cookie-consent__agree"> 1743 Allow cookies 1744 </button> 1745 </div> 1746 </div> 1747</div> 1748 1749<style data-cookie-consent> 1750 .cookie-consent { 1751 position: fixed; 1752 right: 0; 1753 bottom: 0; 1754 z-index: 9999; 1755 max-width: 100%; 1756 padding: 1rem; 1757 font-size: 16px; 1758 line-height: 1.5; 1759 animation: cookieConsentIn .25s ease-out both; 1760 } 1761 1762 .cookie-consent__card { 1763 box-sizing: border-box; 1764 width: 22em; 1765 max-width: 100%; 1766 padding: 1.25rem; 1767 background: #ffffff; 1768 border: 1px solid #e7e8e9; 1769 border-radius: 8px; 1770 box-shadow: 0 12px 12px -8px rgba(0, 0, 0, .08), 0 0 4px rgba(0, 0, 0, .04); 1771 } 1772 1773 .cookie-consent__message { 1774 margin: 0 0 1rem; 1775 color: #2c2e30; 1776 font-size: .95em; 1777 } 1778 1779 .cookie-consent__actions { 1780 display: flex; 1781 flex-wrap: wrap; 1782 align-items: center; 1783 gap: .75rem; 1784 } 1785 1786 .cookie-consent__link { 1787 color: #1b3587; 1788 font-size: .85em; 1789 text-decoration: underline; 1790 } 1791 1792 .cookie-consent__agree { 1793 flex: 0 0 auto; 1794 margin-left: auto; 1795 padding: .6rem 1.4rem; 1796 border: 0; 1797 border-radius: 20px; 1798 background: #1b3587; 1799 color: #ffffff; 1800 font: inherit; 1801 font-size: .9em; 1802 font-weight: 600; 1803 cursor: pointer; 1804 transition: background .15s ease-out; 1805 } 1806 1807 .cookie-consent__agree:hover, 1808 .cookie-consent__agree:focus { 1809 background: #162b6d; 1810 color: #ffffff; 1811 } 1812 1813 .cookie-consent--dark .cookie-consent__card { 1814 background: #1b1c1e; 1815 border-color: #2f3134; 1816 box-shadow: 0 12px 24px -8px rgba(0, 0, 0, .6); 1817 } 1818 1819 .cookie-consent--dark .cookie-consent__message { 1820 color: #f1f1f1; 1821 } 1822 1823 .cookie-consent--dark .cookie-consent__link { 1824 color: #8fa6e8; 1825 } 1826 1827 @keyframes cookieConsentIn { 1828 from { opacity: 0; transform: translateY(12px); } 1829 to { opacity: 1; transform: none; } 1830 } 1831 1832 @media screen and (max-width: 480px) { 1833 .cookie-consent { 1834 left: 0; 1835 padding: .75rem; 1836 } 1837 1838 .cookie-consent__card { 1839 width: 100%; 1840 } 1841 1842 .cookie-consent__agree { 1843 width: 100%; 1844 margin-left: 0; 1845 } 1846 } 1847 1848 @media (prefers-reduced-motion: reduce) { 1849 .cookie-consent { 1850 animation: none; 1851 } 1852 } 1853</style> 1854 1855 1856
1856<script data-cookie-consent> 1857 1858 window.laravelCookieConsent = (function () { 1859 1860 const COOKIE_NAME = "laravel_cookie_consent"; 1861 const COOKIE_VALUE = 1; 1862 const COOKIE_DOMAIN = "royalalloy.co.uk"; 1863 const COOKIE_LIFETIME = 7300; 1864 1865 function consentWithCookies() { 1866 setCookie(COOKIE_NAME, COOKIE_VALUE, COOKIE_LIFETIME); 1867 hideCookieDialog(); 1868 } 1869 1870 function cookieExists(name) { 1871 return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1); 1872 } 1873 1874 function hideCookieDialog() { 1875 const dialogs = document.getElementsByClassName('js-cookie-consent'); 1876 1877 for (let i = 0; i < dialogs.length; ++i) { 1878 dialogs[i].style.display = 'none'; 1879 } 1880 } 1881 1882 function setCookie(name, value, expirationInDays) { 1883 const date = new Date(); 1884 date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); 1885 1886 let cookie = name + '=' + value 1887 + ';expires=' + date.toUTCString() 1888 + ';path=/' 1889 + ';samesite=lax'; 1890 1891 if (COOKIE_DOMAIN) { 1892 cookie += ';domain=' + COOKIE_DOMAIN; 1893 } 1894 1895 1896 document.cookie = cookie; 1897 } 1898 1899 if (cookieExists(COOKIE_NAME)) { 1900 hideCookieDialog(); 1901 } 1902 1903 const buttons = document.getElementsByClassName('js-cookie-consent-agree'); 1904 1905 for (let i = 0; i < buttons.length; ++i) { 1906 buttons[i].addEventListener('click', consentWithCookies); 1907 } 1908 1909 return { 1910 consentWithCookies: consentWithCookies, 1911 hideCookieDialog: hideCookieDialog 1912 }; 1913 })(); 1914 </script>
1914 1915 1916</body> 1917</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.