PageSourceSearch

https://royalalloy.co.uk/post/adventure-bike-rider-festival-2026-1102

html royalalloy.co.uk collected 2026-09-27 06:09:10 UTC 94,375 bytes, 1,917 lines download raw bytes

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(&quot;img/slider/1.jpg&quot;);">
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 &amp; 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>&nbsp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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="{&quot;data&quot;:{&quot;m&quot;:null,&quot;title&quot;:null,&quot;financetype&quot;:null,&quot;modeltype&quot;:null,&quot;monthly&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;COA57C8qmQ6p4VmrAdLp&quot;,&quot;name&quot;:&quot;finance-modal&quot;,&quot;path&quot;:&quot;post\/adventure-bike-rider-festival-2026-1102&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b6a0ead954444ba306159b1fde074ed06d78ba0391929404ceb2ad97282edb75&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;setFinanceData&quot;]}" 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="{&quot;data&quot;:{&quot;shareUrl&quot;:null,&quot;email&quot;:null,&quot;validEmail&quot;:false,&quot;linkCopied&quot;:false,&quot;uniqueId&quot;:&quot;01d5088b06c4c70&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;Ht1IzquSBRIxMa5YRhvq&quot;,&quot;name&quot;:&quot;share-modal&quot;,&quot;path&quot;:&quot;post\/adventure-bike-rider-festival-2026-1102&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;9afefbf32919a7ee3cff94eb6acaff7189615144fd84268b3f7fb34e35ead3cc&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;setShareUrl&quot;]}" 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 &#039;Classic&#039; 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="{&quot;data&quot;:{&quot;email&quot;:null,&quot;source&quot;:&quot;Royal Alloy&quot;,&quot;sub_done&quot;:null,&quot;notValidEmail&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;yqT48z4YAz6LudalC7Fs&quot;,&quot;name&quot;:&quot;forms.subscribe-form&quot;,&quot;path&quot;:&quot;post\/adventure-bike-rider-festival-2026-1102&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;a51163d996fdf58caf7ae60e7b6bd345500cb0a3a469dd2c2b6c72c7b7685738&quot;}" 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">&copy;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.