<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://code.jquery.com/ https://cdn.jsdelivr.net/ https://stackpath.bootstrapcdn.com/ https://kit.fontawesome.com https://cdnjs.cloudflare.com/ https://maps.googleapis.com https://unpkg.com; style-src 'self' 'unsafe-inline' https://stackpath.bootstrapcdn.com/ https://cdnjs.cloudflare.com/ https://cdn.lineicons.com https://fonts.googleapis.com https://cdn.jsdelivr.net; font-src 'self' https://*.fontawesome.com https://cdn.lineicons.com https://fonts.gstatic.com; img-src 'self' data: https://www.rides.eu https://cdn.rides.eu https://cdnjs.cloudflare.com/ https://maps.gstatic.com https://*.googleapis.com https://*.ggpht.com https://via.placeholder.com https://developers.google.com;">
	<meta name="csrf-token" content="">
    <meta name="language" content="en">
    
    <title>Rides </title>

    <!-- FONT-AWESOME CSS  -->
	<script src="https://kit.fontawesome.com/c245be7244.js" crossorigin="anonymous"></script>

	<!-- MAGNIFIC POPUP CSS  -->
	<link rel="stylesheet" href="/357ws3_assets/css/magnific-popup.css">

    	
	<!-- ON SCROLL ANIMATION CSS  -->
	<link rel="stylesheet" href="/357ws3_assets/css/animate.min.css">
	

    <!-- SLICK CSS  -->
	<link rel="stylesheet" href="/357ws3_assets/css/slick.css">
	
	<!-- SLICK THEME CSS  -->
	<link rel="stylesheet" href="/357ws3_assets/css/slick-theme.css">

    <link rel="stylesheet" href="/357ws3_assets//css/tailwind.css?v=941293" />
	
	

</head>
<body class="w-full font-Montserrat text-body">
   
    <section class="mx-auto bg-white w-full h-14 md:h-24 z-20 fixed" id="header">
    <!-- navigation -->
    <nav class="align-middle shadow-md  w-full ">
        <div class="max-w-4xl mx-auto h-14 md:h-24 uppercase items-center">
            <div class="container bg-white flex justify-between items-center px-5 pt-3 md:pt-4 ">
                <a href="/en"><img src="/357ws3_assets/img/logo.png" class="w-20 md:w-32"></a>
                <div id="menu" class="hidden md:flex flex-grow mt-2 justify-end p-4 gap-x-10 text-darkBlue text-sm font-semibold font-Montserrat mr-3">
                    <a href="/en/parks" class="hover:text-primary-100 ease-in duration-200">theme parks</a>
                    <a href="/en/shop" class="hover:text-primary-100 ease-in duration-200">shop</a>
                                                <a href="/en/login" class="hover:text-primary-100 ease-in duration-200">login</a>
                        
                                        
                </div>
                
                <div id="menu-mobile" class="flex flex-grow  md:hidden items-center content-center justify-end mr-3 gap-4 text-darkBlue ">
                    <a href="/en/parks">
                        <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><circle cx="12" cy="4" r="2" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><circle cx="19" cy="8" r="2" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><circle cx="5" cy="8" r="2" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><circle cx="5" cy="16" r="2" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><circle cx="19" cy="16" r="2" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m8 22 4-10 4 10"></path></svg>
                    </a>
                    <a href="/en/shop"><i class="fa-solid fa-cart-shopping"></i></a>
                                                <a href="/en/login"><i class="fa fa-user"></i></a>
                        
                                    </div>

                <!-- language selector -->
                <div class="ml-2 md:mt-2 relative">
                                                            <a href="#" class="language-button z-30">
                        <div class="w-5 h-5 bg-cover bg-no-repeat bg-center rounded-full border border-darkBlue" style="background-image: url(/357ws3_assets/img/flags/flag-en.png)"></div>
                    </a>
                                                                                <div class="language-dropdown absolute rounded-xl overflow-hidden z-10 pt-7 top-0 shadow-xl mx-0 -left-3 w-11 hidden">
                        <div class="bg-white px-3 py-2 flex flex-col gap-2 items-center">
                                                                                    <a href="/nl">
                                <div class="w-5 h-5 bg-cover bg-no-repeat bg-center rounded-full border border-darkBlue" style="background-image: url(/357ws3_assets/img/flags/flag-nl.png)"></div>
                            </a>
                            <a href="/de">
                                <div class="w-5 h-5 bg-cover bg-no-repeat bg-center rounded-full border border-darkBlue" style="background-image: url(/357ws3_assets/img/flags/flag-de.png)"></div>
                            </a>
                            <a href="/fr">
                                <div class="w-5 h-5 bg-cover bg-no-repeat bg-center rounded-full border border-darkBlue" style="background-image: url(/357ws3_assets/img/flags/flag-fr.png)"></div>
                            </a>
                            
                            
                                                        
                            
                        </div>
                    </div>
                </div>
            

            </div>
    </div>
    </nav>
    </section>
    <!-- /navigation -->

<div class="pt-14 md:pt-24"></div>

	
<!-- HEADER SECTION -->
<div class="bg-gradient-to-br from-primary-100 to-secondary font-light text-white p-5 py-20 text-center">
	<div class="flex flex-col md:flex-row items-center justify-center content-center gap-6">

		<!-- HEADING TEXT -->
		<div>
			<!-- <img src="/357ws3_assets/img/logo_white_nobubbles.png" alt="logo" class="" style="height: 100px;"> -->
			<div class="text-4xl font-Montserrat font-light">the virtual ride of your life!</div>
			<div class="text-lg font-Montserrat font-light">Check in at your favourite rides and win awards.</div>
			
			<!-- downloadblock -->
			<div class="flex flex-col md:flex-row  gap-4 px-4 py-10 md:px-10 justify-center ">
				<a href="https://play.google.com/store/apps/details?id=com.ufx.rides" target="_blank" class="bg-white text-black justify-center items-center flex  rounded-lg px-2 md:px-5 py-2 md:mr-2">
					<div class="text-3xl md:text-5xl mr-3 md:mr-4"><i class="fa-brands fa-google-play"></i></div>
					<div>
					<div class="text-xs block">Download from</div>
					<div class="md:text-xl font-semibold block">Google Play</div>
					</div>
				</a>
				<a href="https://apps.apple.com/us/app/rides/id1626477136" target="_blank" class="bg-white text-black justify-center items-center flex rounded-lg px-2 md:px-5 py-2 md:ml-2">
					<div class="text-3xl md:text-5xl mr-3 md:mr-4"><i class="fa fa-apple"></i></div>
					<div>
					<div class="text-xs">Download from the</div>
					<div class="md:text-xl font-semibold block">App Store</div>
					</div>
				</a>
			</div>
			<!-- /downloadblock -->
		</div>
	
		<!-- IMAGE -->
		<div>
			<img src="/357ws3_assets/img/screens/mockup-3.png" alt="" class="max-h-96" />
		</div>
		
	</div>

</div>
<!-- END HEADER SECTION -->
	
<!-- FEATURE SECTION STYLE 1 -->
<section class="flex flex-col md:flex-row gap-3 justify-between items-center max-w-4xl mx-5 md:mx-auto py-10" id="features">
			<div class="">
				
				<!-- SINGLE FEATURE STYLE 1 -->
				<div class="text-center mb-10">
					<i class="text-4xl text-primary-100 mb-2 fa-regular fa-face-laugh-beam"></i>
					<div class="text-black text-2xl">more than 170 parks</div>
					<div>An overview of your favourite parks with ratings and comments.</div>
				</div>
				
				<!-- SINGLE FEATURE STYLE 1 -->
				<div class="text-center mb-10">
					<i class="text-4xl text-primary-100 mb-2 fa fa-check"></i>
					<div class="text-black text-2xl">check in &amp; win!</div>
					<div>Check-in at a park or ride and collect the coolest Rides Awards.</div>
				</div>
				
				<!-- SINGLE FEATURE STYLE 1 -->
				<div class="text-center mb-10">
					<i class="text-4xl text-primary-100 mb-2 fa fa-stopwatch"></i>
					<div class="text-black text-2xl">waiting times</div>
					<div>Check the waiting times for more than 20 parks.</div>
				</div>
				
			</div>
			
			<div class="md:m-20">
			
				<!-- SINGLE FEATURE STYLE 1 CENTER IMAGE CONTAINER -->
				<div class="features-1-img-container wow fadeInUp" data-wow-offset="0" data-wow-duration="2s">
					<img src="/357ws3_assets/img/screens/mockup-4.png" class="w-60 mb-10 md:mb-0 md:w-full" />
				</div>
				
			</div>
			
			<div class="">
				
				<!-- SINGLE FEATURE STYLE 1 -->
				<div class="text-center mb-10">
					<i class="text-4xl text-primary-100 mb-2 fa fa-heart"></i>
					<div class="text-black text-2xl">choose your favourites</div>
					<div>Choose your favourite parks and rides so that you can find them quickly.</div>
				</div>
				
				<!-- SINGLE FEATURE STYLE 1 -->
				<div class="text-center mb-10">
					<i class="text-4xl text-primary-100 mb-2 fa fa-coins "></i>
					<div class="text-black text-2xl">collect jetons</div>
					<div>Collect as many jetons as possible with your check-ins and reviews.</div>
				</div>
				
				<!-- SINGLE FEATURE STYLE 1 -->
				<div class="text-center mb-10">
					<i class="text-4xl text-primary-100 mb-2 fa fa-users"></i>
					<div class="text-black text-2xl">follow your friends</div>
					<div>Follow other Rides members and check out which parks they have been in.</div>
				</div>
				
			</div>
			
		</div>
		
	</div>
</section><!-- ENDS FEATURE SECTION STYLE 1 -->

<!-- 3 STEPS SECTION -->
<section class="bg-gray-50 p-10" id="awards">

	<div class="max-w-4xl mx-auto p-5">

		<h3 class="font-Montserrat text-5xl font-thin mb-10 text-center text-black">how does it work?</h3>

		<div class="md:flex items-center justify-between ">
			<div class="text-center">
				<i class="fa fa-person-walking text-7xl mb-3 text-primary-200"></i>
				<div class="text-2xl text-black">visit a park</div>
				<div class="text-sm opacity-60">Because you're in a park every weekend, right?</div>
			</div>
			
			<div class="hidden md:block">
				<i class="fa fa-chevron-right text-5xl opacity-50 mx-10"></i>
			</div>

			<div class="text-center">
				<i class="fa fa-check text-7xl mb-3 mt-6 md:mt-0 text-primary-200"></i>
				<div class="text-2xl text-black">check in</div>
				<div class="text-sm opacity-60">using the Rides app at parks and rides.</div>
			</div>

			<div class="hidden md:block">
				<i class="fa fa-chevron-right text-5xl opacity-50 mx-10"></i>
			</div>

			<div class="text-center">
				<i class="fa fa-coins text-yellow-400 text-7xl mb-3 mt-6 md:mt-0 animate-blink"></i>
				<div class="text-2xl text-black">collect jetons</div>
				<div class="text-sm opacity-60">And redeem them in our <a href="/en/shop" class="link">shop</a> for nice merchandise!</div>
			</div>

		</div>
	</div>
</section> <!-- ENDS 3 STEPS SECTION -->
<!-- SCREENSHOT GALLERY STYLE 1 -->
<section class="screenshot-slider-1-section max-w-4xl mx-auto p-5 my-10" id="screenshot">
			
	<!-- SECTION CONTAINER  -->
	<h3 class="font-Montserrat text-5xl font-thin mb-10 text-center text-black">screenshots</h3>
			
	<!-- SCREENS CONTAINER  -->
	<div id="screen-gallery-1" class="screen-gallery-1">
		<a href="/357ws3_assets/img/screens-2024/1.png">
			<img src="/357ws3_assets/img/screens-2024/1.png" class="w-96" />
		</a>							
		<a href="/357ws3_assets/img/screens-2024/2.png">
			<img src="/357ws3_assets/img/screens-2024/2.png" class="w-96" />
		</a>
		<a href="/357ws3_assets/img/screens-2024/3.png">
			<img src="/357ws3_assets/img/screens-2024/3.png" class="w-96" />
		</a>
		<a href="/357ws3_assets/img/screens-2024/4.png">
			<img src="/357ws3_assets/img/screens-2024/4.png" class="w-96" />
		</a>							
		<a href="/357ws3_assets/img/screens-2024/5.png">
			<img src="/357ws3_assets/img/screens-2024/5.png" class="w-96" />
		</a>
		<a href="/357ws3_assets/img/screens-2024/6.png">
			<img src="/357ws3_assets/img/screens-2024/6.png" class="w-96" />
		</a>
		<a href="/357ws3_assets/img/screens-2024/7.png">
			<img src="/357ws3_assets/img/screens-2024/7.png" class="w-96" />
		</a>							
		<a href="/357ws3_assets/img/screens-2024/8.png">
			<img src="/357ws3_assets/img/screens-2024/8.png" class="w-96" />
		</a>
		<a href="/357ws3_assets/img/screens-2024/9.png">
			<img src="/357ws3_assets/img/screens-2024/9.png" class="w-96" />
		</a>
		<a href="/357ws3_assets/img/screens-2024/10.png">
			<img src="/357ws3_assets/img/screens-2024/10.png" class="w-96" />
		</a>
	</div>

</section><!-- ENDS SCREENSHOT GALLERY STYLE 1  -->

<!-- IMAGE DESCRIPTION SECTION 1 -->
<section class="bg-gray-50 py-10 md:p-20">
	<div class="flex flex-col md:flex-row items-center justify-between max-w-4xl mx-auto md:gap-2">
		<!-- IMAGE DESCRIPTION 1 -->
		<div class="wow fadeInLeft w-1/2" data-wow-offset="10" data-wow-duration="2s">
			<img src="/357ws3_assets/img/languages.png" alt="" class="md:w-96" />
		</div>
				
		<div class="w-1/2">
			<!-- IMAGE CONTAINER 1 -->
			<div class="text-center md:text-left">
				<div class="font-Montserrat text-5xl font-thin mb-2 text-primary-200">4 languages</div>
				<div>Rides is available in 4 languages with both a light theme and a dark ride theme.</div>
			</div>
			
		</div>
	</div>
</section><!-- ENDS IMAGE DESCRIPTION SECTION 1 -->	

<!-- DOWNLOAD SECTIONS  -->

<section class="bg-gradient-to-br from-primary-100 to-secondary p-5 py-20 text-center download-section parallax" id="download"  data-parallax="scroll">

    <!-- DWNLOAD CONTAINER  -->
    <div class="font-Montserrat text-3xl mb-4 text-white font-thin">download the Rides app:</div>
    <div class="wow fadeInUp max-w-4xl flex flex-col md:flex-row justify-center gap-4 items-center content-center mx-auto" data-wow-offset="10" data-wow-duration="1.5s">
        
    
        <!-- downloadblock -->
        <a href="https://play.google.com/store/apps/details?id=com.ufx.rides" target="_blank" class="bg-white text-black items-center flex rounded-lg px-2 md:px-5 py-2">
            <div class="text-3xl md:text-5xl mr-3 md:mr-4"><i class="fa-brands fa-google-play"></i></div>
            <div>
            <div class="text-xs block">Download from</div>
            <div class="md:text-xl font-semibold block">Google Play</div>
            </div>
        </a>
        <a href="https://apps.apple.com/us/app/rides/id1626477136" target="_blank" class="bg-white text-black items-center flex rounded-lg px-2 md:px-5 py-2">
            <div class="text-3xl md:text-5xl md:mr-4"><i class="fa fa-apple"></i></div>
            <div>
            <div class="text-xs">Download from the</div>
            <div class="md:text-xl font-semibold block">App Store</div>
            </div>
        </a>
        <!-- /downloadblock -->
        
    </div>
            
    </div>
</section><!-- ENDS DOWNLOAD SECTION  -->

<footer class=" p-2 md:p-5 bg-footer text-white text-center text-sm py-10 ">
    <div class="py-10">
        <p>Do you have questions, found a bug or have a suggestion?<br />Mail us at <a href="mailto:mail@rides.eu" class="underline">mail@rides.eu</a></p>

        <p class="text-white text-2xl items-center mt-12 md:mt-10">
            
            <a href="https://www.instagram.com/rides.eu/" target="_blank"><i class="fa fa-instagram mr-6"></i></a>
            <a href="https://www.threads.net/@rides.eu" target="_blank"><i class="fa-brands fa-threads mr-6"></i></a>

            <a href="https://twitter.com/rides" target="_blank"><i class="fa fa-twitter"></i></a>
            <a href="https://www.facebook.com/ridesnl" target="_blank"><i class="fa fa-facebook ml-6"></i></a>

        </p>
    </div>
    <p class="border-zinc-700 border-t mt-5 pt-5 text-gray-400 mx-20">&copy; Rides 1998-2024</p>

    <p><a href="/en/w524ywr-privacy-statement" class="text-xs underline">privacy statement</a> &bull; <a href="/en/w524ywr-terms-conditions" class="text-xs underline">conditions</a></p>
            
    </div>
    
</footer>

<!-- JQUERY  -->
<script src="/357ws3_assets/js/vendor/jquery.min.js"></script>


<!-- SLICK JS  -->
<script src="/357ws3_assets/js/slick.min.js"></script>


<!-- PARALLAX JS  -->
<script src="/357ws3_assets/js/jquery.magnific-popup.min.js"></script>

<!-- WOW JS  -->
<script src="/357ws3_assets/js/wow.min.js"></script>

<!-- WOW JS  -->
<script src="/357ws3_assets/js/headroom.min.js"></script>
<script src="/357ws3_assets/js/jQuery.headroom.js"></script>

<script src="/357ws3_assets/js/main.js?v=941293" crossorigin="anonymous"></script>

</body>
</html>
	
