PageSourceSearch

https://www.spotnrides.com/

html spotnrides.com collected 2026-09-26 05:04:01 UTC 294,939 bytes, 7,565 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5	<meta charset="utf-8">
6	<meta name="viewport" content="width=device-width, initial-scale=1">
7	<meta name="keywords"
8		content="Uber Clone, Uber Clone Script, Uber Clone App, Shuttle Taxi App Script, AI Powered Uber Clone App , Taxi Dispatch Software, Taxi Dispatch System, Clone Script, Taxi App Script, Taxi App Clone">
9	<meta name="title" content="Uber Clone - AI enabled Taxi App Solution for Startup" />
10	<meta name="description"
11		content="SpotnRides Uber Clone app is an AI-enabled, ready-made, custom, white-label taxi app solution for entrepreneurs. Launch your ride-hailing business instantly." />
12	<link rel="canonical" href="https://www.spotnrides.com/" />
13	<title>Uber Clone - AI enabled Taxi App Solution for Startup</title>
14
15<link rel="preconnect" href="https://fonts.googleapis.com">
16<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800;900&display=swap" 
18      rel="stylesheet" media="print" onload="this.media='all'">
19
20	<link rel="shortcut icon" type=image/ico href=../img/fav.png />
21	<link rel="preload" href="./assets/images/lotti_new_300.webp" as="image" type="image/webp">
22	<!-- include the site stylesheet -->
23	<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="preload"  as="style" onload="this.onload=null;this.rel='stylesheet';"> -->
24	<!-- <link rel="preload" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"  as="style" onload="this.onload=null;this.rel='stylesheet';"> -->
25	<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" as="style"
26		onload="this.onload=null;this.rel='stylesheet';">
27	<link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" as="style"
28		onload="this.onload=null;this.rel='stylesheet';">
29	<!-- <link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"  as="style" onload="this.onload=null;this.rel='stylesheet';"> -->
30	<link rel="preload" href="./assets/css/bootstrap-341-split-1.css" as="style"
31		onload="this.onload=null;this.rel='stylesheet';">
32	<link rel="preload" href="./assets/css/bootstrap-341-split-2.css" as="style"
33		onload="this.onload=null;this.rel='stylesheet';">
34	<link rel="preload" href="./assets/css/bootstrap-341-split-3.css" as="style"
35		onload="this.onload=null;this.rel='stylesheet';">
36	<link rel="preload" href="./assets/css/bootstrap-341-split-4.css" as="style"
37		onload="this.onload=null;this.rel='stylesheet';">
38	<link rel="preload" href="./assets/css/bootstrap-341-split-5.css" as="style"
39		onload="this.onload=null;this.rel='stylesheet';">
40	<link rel="preload" href="./assets/css/bootstrap-462-split-0.css" as="style"
41		onload="this.onload=null;this.rel='stylesheet';">
42	<link rel="preload" href="./assets/css/bootstrap-462-split-1.css" as="style"
43		onload="this.onload=null;this.rel='stylesheet';">
44	<link rel="preload" href="./assets/css/bootstrap-462-split-2.css" as="style"
45		onload="this.onload=null;this.rel='stylesheet';">
46	<link rel="preload" href="./assets/css/bootstrap-462-split-3.css" as="style"
47		onload="this.onload=null;this.rel='stylesheet';">
48<!-- Preconnect (speed boost) -->
49<link rel="preconnect" href="https://maxcdn.bootstrapcdn.com">
50<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
51
52<!-- Preload Bootstrap (no render block) -->
53<link rel="preload" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
54
55<!-- Fallback -->
56<noscript>
57<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
58</noscript>
59	<!-- <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet';"> -->
60	<!-- include the site stylesheet -->
61	<!-- <link rel="stylesheet" href="./assets/css/style_newtheme.css" > -->
62	<!-- இப்படி மாத்துங்க — ரெண்டும் சேர்த்து வையுங்க -->
63<link rel="preload" href="./assets/css/combined.css" as="style">
64<link rel="stylesheet" href="./assets/css/combined.css">
65	<!-- include the site stylesheet -->
66	<!-- <link rel="preload" href="./assets/css/bootstrap.css"  as="style" onload="this.onload=null;this.rel='stylesheet';"> -->
67	<link rel="preload" href="./assets/css/bootstrap-split-1.css" as="style"
68		onload="this.onload=null;this.rel='stylesheet';">
69	<link rel="preload" href="./assets/css/bootstrap-split-2.css" as="style"
70		onload="this.onload=null;this.rel='stylesheet';">
71	<!-- include the site stylesheet -->
72	<link rel="preload" href="./assets/css/icon-fonts.css" as="style" onload="this.onload=null;this.rel='stylesheet';">
73	<link rel="preload" href="../css/owl.carousel.min.css" as="style" onload="this.onload=null;this.rel='stylesheet';">
74	<!-- include the site stylesheet -->
75	<link rel="preload" href="./assets/css/plugins.css" as="style" onload="this.onload=null;this.rel='stylesheet';">
76	<!-- include the site stylesheet -->
77	<link rel="preload" href="./assets/css/colors.css" as="style" onload="this.onload=null;this.rel='stylesheet';">
78	<!-- include the site stylesheet -->
79	<link rel="preload" href="./assets/css/responsive_new.css" as="style"
80		onload="this.onload=null;this.rel='stylesheet';">
81	<!-- <link rel="stylesheet" href="css/owl.theme.default.min.css"> -->
82
83	<link rel="preload" href="../css/toastr.css" as="style" onload="this.onload=null;this.rel='stylesheet';">
84	<link rel="preload" href="./assets/images/logo-new.webp" as="image">
85	<link rel="preload" href="./assets/images/wave.webp" as="image">
86	<!-- <link rel="preload" as="image" href="./images/logo-new.webp"> -->
87
88
89	<!-- ogtag -->
90	<meta property="og:site_name" content="SpotnRides" />
91	<meta property="og:url" content="https://www.spotnrides.com" />
92	<meta property="og:type" content="website" />
93	<meta property="og:locale" content="en_US" />
94	<meta property="og:title" content="SpotnRides - Clone App Development Company" />
95	<meta property="og:description"
96		content="Develop your Uber clone taxi booking app with SpotnRides to meet your taxi business requirements">
97	<meta property="og:image:type" content="image/webp" />
98	<meta property="og:image" content="../img/og_image.png" />
99	<meta property="og:image:alt" content="SpotnRides - Clone App Development Company" />
100	<meta property="og:image:width" content="1200" />
101	<meta property="og:image:height" content="627" />
102
103
104	<!-- Preload Font Files -->
105	<!-- <link rel="preload" href="https://fonts.googleapis.com/"  as="style" onload="this.onload=null;this.rel='stylesheet';"> -->
106	<!-- Schema  -->
107
108	<!-- <link rel="preload" href="https://unpkg.com"> -->
109	<!-- <link rel="preload" href="https://cdn.jsdelivr.net"> -->
110	 <!-- Meta Pixel Code -->
111<script>
vendor: 399 bytes, lines 111-120
111
112!function(f,b,e,v,n,t,s)
113{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
114n.callMethod.apply(n,arguments):n.queue.push(arguments)};
115if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
116n.queue=[];t=b.createElement(e);t.async=!0;
117t.src=v;s=b.getElementsByTagName(e)[0];
118s.parentNode.insertBefore(t,s)}(window, document,'script',
119'https://connect.facebook.net/en_US/fbevents.js');
120fbq('init', '
1201371829634829186
vendor: 30 bytes, lines 120-121
120');
121fbq('track', 'PageView');
122</script>
122
123<noscript><img height="1" width="1" style="display:none"
124src="https://www.facebook.com/tr?id=1371829634829186&ev=PageView&noscript=1"
125/></noscript>
126
127
128<!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 128
128 <script async src="https://www.googletagmanager.com/gtag/js?id=
128G-N79HK1XL5X
vendor: 12 bytes, line 128
128"></script> 
128<script>   
vendor: 133 bytes, line 128
128window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());   gtag('config', '
128G-N79HK1XL5X
vendor: 4 bytes, line 128
128'); 
128</script>
128
129
130<!-- End Meta Pixel Code -->
131	
131<script type="application/ld+json">
132        {
133          "@context": "https://schema.org/", 
134          "@type": "BreadcrumbList", 
135          "itemListElement": [{
136            "@type": "ListItem", 
137            "position": 1, 
138            "name": "Uber for tow truck",
139            "item": "https://www.spotnrides.com/uber-for-tow-trucks-app-to-your-roadside-assistance-business"  
140          },{
141            "@type": "ListItem", 
142            "position": 2, 
143            "name": "Uber for handyman",
144            "item": "https://www.spotnrides.com/uber-for-on-demand-handyman-app-services"  
145          },{
146            "@type": "ListItem", 
147            "position": 3, 
148            "name": "Uber for x",
149            "item": "https://www.spotnrides.com/uber-for-x-ondemand-multi-services-app"  
150          }]
151        }
152        </script>
152
153
154	
154<script type="application/ld+json">
155            {
156                "@context": "https://schema.org/",
157                "@type": "Product",
158                "name": "SpotnRides - Clone App Development Company",
159                "image": "",
160                "description": "Develop your Uber clone taxi booking app with SpotnRides to meet your taxi business requirements.",
161                "brand": {
162                    "@type": "Brand",
163                    "name": "SpotnRides"
164                },
165                "aggregateRating": {
166                    "@type": "AggregateRating",
167                    "ratingValue": "4.8",
168                    "ratingCount": "717"
169                }
170            }
171        </script>
171
172
173	<style>
174		.h1 {
175			font-size: 40px !important;
176			margin-bottom: 12.5px !important;
177		}
178
179
180		@media (min-width: 992px) and (max-width: 1200px) {
181			.cus_details {
182				padding: 8px;
183				/* Example: Add some padding */
184			}
185
186			.carousel-inner>.item {
187				object-fit: contain !important;
188				/* Change object-fit property */
189			}
190		}
191
192		.para-new {
193			color: #fff;
194			text-align: left;
195			font-size: 16px !important;
196			font-weight: 500;
197			margin: 0 0 12.5px;
198			line-height: 1.786;
199			margin-bottom: 0px;
200			margin-top: 10px;
201			font-family: montserrat !important;
202		}
203
204		.logo {
205			cursor: pointer;
206		}
207
208		.image_tech {
209			width: 150px !important;
210			height: 90px !important;
211			object-fit: contain;
212		}
213
214		@media (max-width: 768px) {
215			.anime.bus_lottie {
216				max-width: 300px;
217				width: 100%;
218				height: auto;
219				/* Maintain aspect ratio */
220			}
221
222			.social-media-list {
223				width: 90%;
224				margin-left: 5%;
225			}
226
227			.who-we-are {
228				width: 90% !important;
229			}
230
231			.box_animation {
232				width: 90%;
233				/* left: 5%; */
234			}
235
236			.box-parent {
237				/* padding: 10px; */
238				width: 100%;
239				gap: 10px;
240				left: 10px;
241				position: relative;
242			}
243
244			.map_new {
245				width: 350px;
246				height: 350px;
247			}
248
249			.image_tech {
250				width: 100% !important;
251			}
252
253			.bus_lottie {
254				width: 450px !important;
255				height: 450px !important;
256			}
257		}
258
259		.ap_ico {
260			width: 32px !important;
261			height: 32px !important;
262		}
263
264		.looo .owl-carousel .owl-item img {
265			width: auto !important;
266		}
267
268		.nav_links_new {
269			background-color: rgba(255, 255, 255, 0.09);
270			line-height: 56px;
271			width: 56px;
272			height: 56px;
273			/* Ensure height matches width for a perfect circle */
274			display: block;
275			font-size: 35px;
276			border-radius: 50%;
277			margin: 0 5px;
278			justify-self: center;
279		}
280
281
282		@media (min-width: 768px) {
283			.nav_links_new {
284				width: 90px;
285				height: 90px;
286				/* Adjust height to match width */
287				line-height: 90px;
288				/* Center-align the text/icon vertically */
289				font-size: 45px;
290				/* Increase font size for larger screens */
291			}
292
293			.box_animation {
294				max-width: 23%;
295				margin: 10px;
296			}
297
298			
299
300			.bus_lottie {
301				width: 450px !important;
302				height: 450px !important;
303			}
304
305			.box-parent {
306				place-content: center;
307			}
308
309			.map_new {
310				width: 400px;
311				height: 400px;
312			}
313		}
314
315		.nav_footer {
316			margin-left: 20px;
317			display: block;
318			line-height: 32px;
319		}
320
321		.social_media_container {
322			display: flex;
323			justify-content: center;
324			align-items: center;
325
326			flex-wrap: wrap;
327			/* IMPORTANT */
328
329			gap: 16px;
330
331			border-radius: 80px;
332
333			padding: 22px;
334
335			width: 100%;
336			/* FIX */
337			max-width: 500px;
338			/* control size */
339			margin: 20px auto;
340
341			box-sizing: border-box;
342		}
343
344
345		.social_row:last-child {
346			margin-bottom: 0;
347		}
348
349		.ops {
350			opacity: 15%;
351		}
352
353		/* ICON STYLE */
354		.social-icon {
355			width: 38px;
356			height: 38px;
357			padding: 8px;
358			border-radius: 50%;
359			cursor: pointer;
360			transition: all .3s ease;
361			object-fit: contain;
362		}
363
364		.social-icon:hover {
365			transform: translateY(-4px) scale(1.1);
366			box-shadow: 0 6px 18px rgba(0, 0, 0, .3);
367		}
368
369		/* SOCIAL COLORS */
370
371		.social-icon[alt="Facebook"]:hover {
372			border: 1px solid #1877f2;
373			background: rgba(24, 119, 242, .1);
374		}
375
376		.social-icon[alt="X (Twitter)"]:hover {
377			border: 1px solid #ffffff;
378			background: rgba(255, 255, 255, .1);
379		}
380
381		.social-icon[alt="LinkedIn"]:hover {
382			border: 1px solid #0077b5;
383			background: rgba(0, 119, 181, .1);
384		}
385
386		.social-icon[alt="Instagram"]:hover {
387			border: 1px solid #e1306c;
388			background: rgba(225, 48, 108, .1);
389		}
390
391		.social-icon[alt="YouTube"]:hover {
392			border: 1px solid #ff0000;
393			background: rgba(255, 0, 0, .1);
394		}
395
396		.social-icon[alt="Medium"]:hover {
397			border: 1px solid #000;
398			background: rgba(0, 0, 0, .1);
399		}
400
401		.social-icon[alt="pinterest"]:hover {
402			border: 1px solid #bd081c;
403			background: rgba(189, 8, 28, .1);
404		}
405
406		.social-icon[alt="behance"]:hover {
407			border: 1px solid #1769ff;
408			background: rgba(23, 105, 255, .1);
409		}
410
411		.social-icon[alt="tumblr"]:hover {
412			border: 1px solid #35465c;
413			background: rgba(53, 70, 92, .1);
414		}
415
416		.social-icon[alt="producthunt"]:hover {
417			border: 1px solid #ff6154;
418			background: rgba(255, 97, 84, .1);
419		}
420
421		.social-icon[alt="slideshare"]:hover {
422			border: 1px solid #f7931e;
423			background: rgba(247, 147, 30, .1);
424		}
425
426
427		/* TABLET */
428
429		@media (max-width: 992px) {
430
431			.social_media_container {
432				padding: 20px 25px;
433				border-radius: 60px;
434			}
435
436			.social_row {
437				gap: 14px;
438			}
439
440			.social-icon {
441				width: 38px;
442				height: 38px;
443			}
444
445		}
446
447		/* MOBILE */
448
449		@media (max-width: 576px) {
450
451			.social_media_container {
452				padding: 18px 20px;
453				border-radius: 50px;
454			}
455
456			.social_row {
457				gap: 12px;
458			}
459
460			.social-icon {
461				width: 34px;
462				height: 34px;
463			}
464
465		}
466
467		/* EXTRA SMALL MOBILE (320px) */
468
469		@media (max-width: 360px) {
470
471			.social_media_container {
472				padding: 14px 16px;
473				border-radius: 40px;
474			}
475
476			.social_row {
477				gap: 8px;
478			}
479
480			.social-icon {
481				width: 28px;
482				height: 28px;
483				padding: 6px;
484			}
485
486		}
487
488		@media (max-width: 375px) {
489
490			.social_media_container {
491				padding: 14px 16px;
492				border-radius: 40px;
493			}
494
495			.social_row {
496				gap: 5px;
497			}
498
499			.social-icon {
500				width: 28px;
501				height: 28px;
502				padding: 6px;
503			}
504
505		}
506
507		/* TABLET */
508		@media (max-width: 768px) {
509
510			.social_media_container {
511				gap: 14px;
512				padding: 18px;
513			}
514
515			.social-icon {
516				width: 40px;
517				height: 40px;
518			}
519
520		}
521
522		/* MOBILE */
523		@media (max-width: 480px) {
524
525			.social_media_container {
526				gap: 10px;
527				padding: 16px;
528			}
529
530			.social-icon {
531				width: 35px;
532				height: 35px;
533			}
534
535		}
536
537		/* 320px */
538		@media (max-width: 360px) {
539
540			.social_media_container {
541				gap: 8px;
542				padding: 14px;
543			}
544
545			.social-icon {
546				width: 30px;
547				height: 30px;
548			}
549
550		}
551
552		@media (min-width: 992px) and (max-width: 1199px) {
553			.social-media-list {
554				height: fit-content;
555			}
556
557			.social_media_container {
558				padding: 29px;
559			}
560		}
561
562		@media (min-width: 768px) and (max-width: 991px) {
563			.social_media_container {
564				max-width: none;
565				justify-content: left;
566				padding: 36px;
567			}
568		}
569
570		.row22 {
571			justify-content: left;
572		}
573
574		/* Active/Click Effect */
575		.social_media_items .social-icon:active {
576			transform: scale(0.95);
577			transition: transform 0.1s ease;
578		}
579
580		.social_media_items.bg-black.rounded-pill {
581			gap: 15px;
582			align-items: center;
583			justify-content: center;
584			padding: 15px 30px;
585			border-radius: 50px;
586			margin: 0 auto;
587			/* width: fit-content; */
588			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
589			backdrop-filter: blur(10px);
590			/* Optional: adds blur effect behind */
591		}
592
593		.bottom_list {
594			display: block;
595			margin: 20px 0px;
596		}
597
598		.box-new {
599			width: 90%;
600			left: 5%;
601		}
602
603		.cnt-sec {
604			display: flex;
605			flex-direction: column;
606			/* gap: 20px; */
607		}
608
609		.contact {
610			display: flex;
611			align-items: center;
612			padding: 10px;
613		}
614
615		.fontst {
616			font-weight: 500;
617		}
618
619		.contact img.icon {
620			width: 40px;
621			/* Adjust as needed */
622			height: 40px;
623			margin-right: 20px;
624		}
625
626		.contact .link p {
627			margin: 0;
628			font-size: 16px;
629			color: #333;
630			/* Dark text color */
631		}
632
633		.contact .link a {
634			color: rgb(33, 129, 247) !important;
635			text-decoration: none;
636			font-size: 14px;
637			margin-top: 5px;
638		}
639
640		.contact .link a:hover {
641			text-decoration: underline;
642		}
643
644		.contact .link a:visited {
645			color: rgb(23, 200, 44);
646			/* Optional: Different color for visited links */
647		}
648
649		.wht_cln_set {
650			padding: 0 10px !important;
651		}
652
653		.bottom_input {
654			/* margin: 0px !important;
655	margin-left: 5% !important;
656	margin-bottom: 20px !important; */
657			width: 90% !important;
658		}
659
660		.point-title1_new {
661			margin-left: 20px !important;
662			color: white !important;
663		}
664
665		.drop {
666			margin: 10px 0 !important;
667			padding: 10px 0 !important;
668			display: block;
669		}
670
671		.dropdown a {
672			font-weight: 500;
673			color: #7b91f7 !important;
674			margin: 6px 0 !important;
675			padding: 10px !important;
676		}
677
678		.clone-title {
679			padding: 50px;
680		}
681
682		.title {
683			color: #fff;
684			line-height: 1;
685			font-size: 35px;
686		}
687
688		.who-we-are {
689			margin: 10px !important;
690		}
691
692		.text-dark1 {
693			margin-bottom: 30px !important;
694		}
695
696		.we-are-content {
697			justify-content: center !important;
698		}
699
700		.carousel-inner>.item {
701			object-fit: cover;
702			padding: 15px 25px;
703		}
704
705		.box1 {
706			margin: 0 10px !important;
707		}
708
709		.inline_block {
710			display: inline-block;
711		}
712
713		.collapsed {
714			display: block;
715		}
716
717		.panel-heading {
718			margin-top: 50px;
719		}
720
721		.diagram_img {
722			width: 64px !important;
723			height: 64px !important;
724		}
725
726		.icons {
727			width: 46px !important;
728			height: 46px !important;
729		}
730
731		.flexx_new {
732			display: flex;
733			align-items: center;
734		}
735
736		.modal-icon {
737			cursor: pointer;
738			list-style: none;
739		}
740
741		.app-links-parent {
742			display: flex;
743			flex-direction: row;
744			align-items: center;
745			justify-content: center;
746			gap: 5px;
747		}
748
749		.dropdown {
750			visibility: hidden;
751			opacity: 0;
752			transition: opacity 0.3s ease;
753			position: absolute;
754			background: white;
755			padding: 1rem;
756			border-radius: 5px;
757			width: max-content;
758		}
759
760		.dropdown.show {
761			visibility: visible;
762			opacity: 1;
763		}
764
765		/* 
766	@media (transform-3d), (-webkit-transform-3d) {
767    .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
768        -webkit-transform: translate3d(0, 0, 0);
769        transform: translate3d(0, 0, 0);
770        left: 0;
771    }
772}
773	@media (transform-3d), (-webkit-transform-3d) {
774    .carousel-inner>.item {
775        -webkit-transition: -webkit-transform .6s ease-in-out;
776        -o-transition: -o-transform .6s ease-in-out;
777        transition: -webkit-transform .6s ease-in-out;
778        transition: transform .6s ease-in-out;
779        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
780        -webkit-backface-visibility: hidden;
781        backface-visibility: hidden;
782        -webkit-perspective: 1000px;
783        perspective: 1000px;
784    }
785} */
786
787
788		/* Popup Box */
789		/* .blackfriday-popup {
790			position: fixed;
791			bottom: 20px;
792			left: -220px;
793			width: 290px;
794			height: 290px;
795			background: linear-gradient(160deg, #001428, #000);
796			border: 2px solid #00bfff;
797			border-radius: 15px;
798			color: #fff;
799			padding: 12px;
800			box-shadow: 0 0 25px rgba(0, 191, 255, 0.4), inset 0 0 8px rgba(0, 191, 255, 0.2);
801			z-index: 99999;
802			overflow: hidden;
803			animation: slideIn 1s ease-out forwards, float 4s ease-in-out infinite;
804			align-content: center;
805		} */
806
807		@keyframes slideIn {
808			0% {
809				left: -220px;
810				opacity: 0;
811			}
812
813			100% {
814				left: 20px;
815				opacity: 1;
816			}
817		}
818
819		@keyframes float {
820
821			0%,
822			100% {
823				transform: translateY(0);
824			}
825
826			50% {
827				transform: translateY(-4px);
828			}
829		}
830
831		/* Neon Circular Outline */
832		.neon-outline {
833			position: absolute;
834			top: 8px;
835			left: 50%;
836			transform: translateX(-50%);
837			width: 210px;
838			height: 210px;
839			border: 2px solid #00bfff;
840			border-radius: 50%;
841			box-shadow: 0 0 15px #00bfff, inset 0 0 10px #0077ff;
842			animation: spinGlow 6s linear infinite;
843			z-index: 0;
844			opacity: 0.8;
845		}
846
847		@keyframes spinGlow {
848			0% {
849				transform: translateX(-50%) rotate(0deg);
850			}
851
852			100% {
853				transform: translateX(-50%) rotate(360deg);
854			}
855		}
856
857		/* Content inside popup */
858		.popup-content {
859			position: relative;
860			z-index: 1;
861			text-align: center;
862			margin-top: 20px;
863		}
864
865		.popup-content h2 {
866			font-size: 20px;
867			letter-spacing: 1px;
868			color: #00bfff;
869			margin: 0;
870			text-shadow: 0 0 10px #00bfff;
871		}
872
873		.popup-content p {
874			font-size: 15px;
875			margin: 5px 0;
876			color: #eee;
877		}
878
879		.highlight {
880			display: block;
881			font-size: 16px;
882			color: #fff;
883			font-weight: 700;
884			margin-top: 4px;
885			text-shadow: 0 0 10px #00ffff, 0 0 20px #00bfff;
886			animation: pulse 2s infinite;
887		}
888
889		@keyframes pulse {
890
891			0%,
892			100% {
893				opacity: 1;
894			}
895
896			50% {
897				opacity: 0.7;
898			}
899		}
900
901		/* Icons row */
902		.icon-row {
903			display: flex;
904			justify-content: center;
905			align-items: center;
906			margin: 8px 0;
907			gap: 8px;
908			top: -6px;
909			position: relative;
910		}
911
912		.icon-row i {
913			width: 22px;
914			height: 22px;
915			font-size: 20px;
916			color: #00bfff;
917			opacity: 0;
918			animation: iconFade 6s infinite;
919		}
920
921		.icon-row i:nth-child(1) {
922			animation-delay: 0s;
923		}
924
925		.icon-row i:nth-child(2) {
926			animation-delay: 1.5s;
927		}
928
929		.icon-row i:nth-child(3) {
930			animation-delay: 3s;
931		}
932
933		.icon-row i:nth-child(4) {
934			animation-delay: 4.5s;
935		}
936
937		@keyframes iconFade {
938			0% {
939				opacity: 0;
940				transform: scale(0.8);
941			}
942
943			10% {
944				opacity: 1;
945				transform: scale(1);
946			}
947
948			25% {
949				opacity: 1;
950			}
951
952			40% {
953				opacity: 0;
954			}
955
956			100% {
957				opacity: 0;
958			}
959		}
960
961		/* Button */
962		.offer-btn {
963			display: block;
964			width: 100%;
965			background: linear-gradient(90deg, #00bfff, #0077ff);
966			color: #fff;
967			font-size: 12px;
968			border: none;
969			border-radius: 8px;
970			padding: 7px;
971			cursor: pointer;
972			font-weight: 600;
973			transition: 0.3s;
974			box-shadow: 0 0 10px rgba(0, 191, 255, 0.4);
975			position: relative;
976			top: 17px;
977		}
978
979		.offer-btn:hover {
980			transform: scale(1.05);
981			box-shadow: 0 0 25px rgba(0, 191, 255, 0.8);
982		}
983
984		/* Close Button */
985		.close-btn {
986			position: absolute;
987			top: 3px;
988			right: 10px;
989			color: #fff;
990			font-size: 14px;
991			cursor: pointer;
992			transition: 0.3s;
993			z-index: 2;
994		}
995
996		.close-btn:hover {
997			color: #fff;
998			transform: rotate(90deg);
999		}
1000
1001		.offer-per {
1002			font-size: 25px;
1003			padding: 0px;
1004			top: 0 !important;
1005			margin: 0 10px;
1006		}
1007
1008		@media screen and (max-width: 600px) {
1009			.neon-outline {
1010				width: 140px !important;
1011				height: 140px !important;
1012			}
1013
1014			/* .blackfriday-popup {
1015				width: 190px !important;
1016				height: 190px !important;
1017			} */
1018
1019			.popup-content h2 {
1020				font-size: 10px;
1021			}
1022
1023			.popup-content p {
1024				font-size: 8px;
1025			}
1026
1027			.highlight {
1028				font-size: 8px;
1029			}
1030
1031			.offer-per {
1032				font-size: 18px;
1033				margin: 0 4px;
1034			}
1035
1036			.icon-row i {
1037				font-size: 11px;
1038				width: 10px;
1039				height: 10px;
1040			}
1041
1042			.offer-btn {
1043				top: 13px;
1044				padding: 2px;
1045			}
1046
1047			.floating-offer {
1048				display: none;
1049			}
1050		}
1051
1052		.whatsapp-swipe .mailline i img {
1053			border: 1px solid #2cb8eb;
1054			background: #2cb8eb;
1055		}
1056
1057		.whatsapp-swipe .mailline a i:after {
1058			border: 5px solid #2cb8eb;
1059		}
1060
1061		.box1 img {
1062			width: 64px !important;
1063			height: 64px !important;
1064		}
1065
1066		.para-new {
1067			color: #ffffff;
1068			font-size: 18px;
1069			line-height: 1.6;
1070		}
1071
1072		.hero-title {
1073			font-size: 48px;
1074			font-weight: 700;
1075		}
1076
1077		.caption h1 {
1078			margin-top: 20px !important;
1079		}
1080
1081		/* Business Models Section - 2 Column Layout */
1082
1083
1084		.models-title {
1085			font-size: 36px;
1086			font-weight: 700;
1087			color: #010220;
1088			text-align: center;
1089			margin-bottom: 50px;
1090			font-family: 'Montserrat', sans-serif;
1091			position: relative;
1092			padding-bottom: 15px;
1093		}
1094
1095		.models-title:after {
1096			content: '';
1097			position: absolute;
1098			bottom: 0;
1099			left: 50%;
1100			transform: translateX(-50%);
1101			width: 80px;
1102			height: 3px;
1103			background: #0f3cbe;
1104		}
1105
1106		.models-grid {
1107			display: grid;
1108			grid-template-columns: repeat(12, 1fr);
1109			gap: 25px;
1110			max-width: 1200px;
1111			margin: 0 auto;
1112		}
1113
1114		/* First 4 boxes */
1115		.model-item:nth-child(1),
1116		.model-item:nth-child(2),
1117		.model-item:nth-child(3),
1118		.model-item:nth-child(4) {
1119			grid-column: span 3;
1120		}
1121
1122		/* Centered 3 boxes */
1123		.model-item:nth-child(5) {
1124			grid-column: 3 / span 3;
1125		}
1126
1127		.model-item:nth-child(6) {
1128			grid-column: 6 / span 3;
1129		}
1130
1131		.model-item:nth-child(7) {
1132			grid-column: 9 / span 3;
1133		}
1134
1135		/* Laptop */
1136		@media (max-width:1200px) {
1137			.models-grid {
1138				grid-template-columns: repeat(3, 1fr);
1139			}
1140
1141			.model-item {
1142				grid-column: auto !important;
1143			}
1144		}
1145
1146		/* Tablet */
1147		@media (max-width:991px) {
1148			.models-grid {
1149				grid-template-columns: repeat(2, 1fr);
1150			}
1151		}
1152
1153		/* Mobile */
1154		@media (max-width:576px) {
1155			.models-grid {
1156				grid-template-columns: 1fr;
1157			}
1158		}
1159
1160		.model-item {
1161			padding: 5px 5px 5px 15px;
1162			background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
1163			border-radius: 8px;
1164			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
1165			transition: all 0.3s ease;
1166			position: relative;
1167			border: 1px solid rgba(15, 60, 190, 0.08);
1168		}
1169
1170		.model-item:before {
1171			content: '';
1172			position: absolute;
1173			left: 0;
1174			top: 0;
1175			height: 100%;
1176			width: 4px;
1177			background: #0f3cbe;
1178			border-radius: 4px 0 0 4px;
1179			opacity: 0.7;
1180			transition: all 0.3s ease;
1181		}
1182
1183		.model-item:hover {
1184			transform: translateY(-3px);
1185			box-shadow: 0 15px 30px rgba(15, 60, 190, 0.1);
1186			border-color: rgba(15, 60, 190, 0.2);
1187		}
1188
1189		.model-item:hover:before {
1190			opacity: 1;
1191			width: 6px;
1192		}
1193
1194		.model-heading {
1195			font-size: 18px;
1196			font-weight: 600;
1197			color: #0f3cbe;
1198			margin-bottom: 10px;
1199			font-family: 'Montserrat', sans-serif;
1200			line-height: 1.4;
1201			padding-right: 10px;
1202		}
1203
1204		.model-description {
1205			font-size: 15px;
1206			color: #444;
1207			font-family: 'Montserrat', sans-serif;
1208			line-height: 1.6;
1209			margin: 0;
1210			opacity: 0.9;
1211		}
1212
1213		/* Laptop screens (1200px and below) */
1214		@media screen and (max-width: 1200px) {
1215			.models-grid {
1216				gap: 20px;
1217				padding: 0 20px;
1218			}
1219
1220			.model-item {
1221				padding: 22px 22px 22px 25px;
1222			}
1223
1224			.model-heading {
1225				font-size: 19px;
1226			}
1227		}
1228
1229		/* Tablet screens (768px to 991px) */
1230		@media screen and (max-width: 991px) {
1231			.business-models {
1232				padding: 60px 0;
1233			}
1234
1235			.models-title {
1236				font-size: 32px;
1237				margin-bottom: 40px;
1238			}
1239
1240			.models-grid {
1241				grid-template-columns: repeat(2, 1fr);
1242				gap: 18px;
1243				padding: 0 15px;
1244			}
1245
1246			.model-item {
1247				padding: 20px 20px 20px 22px;
1248			}
1249
1250			.model-heading {
1251				font-size: 18px;
1252				margin-bottom: 8px;
1253			}
1254
1255			.model-description {
1256				font-size: 14px;
1257				line-height: 1.5;
1258			}
1259		}
1260
1261		/* Mobile Landscape (576px to 767px) */
1262		@media screen and (max-width: 767px) {
1263			.business-models {
1264				padding: 50px 0;
1265			}
1266
1267			.models-title {
1268				font-size: 28px;
1269				margin-bottom: 35px;
1270			}
1271
1272			.models-title:after {
1273				width: 60px;
1274				height: 2px;
1275			}
1276
1277			.models-grid {
1278				grid-template-columns: repeat(2, 1fr);
1279				gap: 15px;
1280				padding: 0 12px;
1281			}
1282
1283			.model-item {
1284				padding: 18px 15px 18px 18px;
1285			}
1286
1287			.model-item:before {
1288				width: 3px;
1289			}
1290
1291			.model-heading {
1292				font-size: 16px;
1293				margin-bottom: 6px;
1294			}
1295
1296			.model-description {
1297				font-size: 13px;
1298				line-height: 1.5;
1299			}
1300		}
1301
1302		/* Mobile Portrait (480px and below) - switches to 1 column */
1303		@media screen and (max-width: 480px) {
1304			.business-models {
1305				padding: 40px 0;
1306			}
1307
1308			.models-title {
1309				font-size: 26px;
1310				margin-bottom: 30px;
1311				padding-bottom: 12px;
1312			}
1313
1314			.models-title:after {
1315				width: 50px;
1316				height: 2px;
1317			}
1318
1319			.models-grid {
1320				grid-template-columns: 1fr;
1321				gap: 15px;
1322				padding: 0 15px;
1323				max-width: 400px;
1324			}
1325
1326			.model-item {
1327				padding: 18px 15px 18px 20px;
1328			}
1329
1330			.model-item:before {
1331				width: 4px;
1332			}
1333
1334			.model-item:hover:before {
1335				width: 6px;
1336			}
1337
1338			.model-heading {
1339				font-size: 18px;
1340				margin-bottom: 8px;
1341			}
1342
1343			.model-description {
1344				font-size: 14px;
1345			}
1346		}
1347
1348		/* Small Mobile (360px and below) */
1349		@media screen and (max-width: 360px) {
1350			.business-models {
1351				padding: 30px 0;
1352			}
1353
1354			.models-title {
1355				font-size: 24px;
1356				margin-bottom: 25px;
1357			}
1358
1359			.models-grid {
1360				padding: 0 12px;
1361			}
1362
1363			.model-item {
1364				padding: 15px 12px 15px 16px;
1365			}
1366
1367			.model-heading {
1368				font-size: 16px;
1369				margin-bottom: 6px;
1370			}
1371
1372			.model-description {
1373				font-size: 13px;
1374				line-height: 1.4;
1375			}
1376		}
1377
1378		/* Dark mode support */
1379		.rds-bg-dark-blue .business-models {
1380			background-color: transparent;
1381		}
1382
1383		.rds-bg-dark-blue .models-title {
1384			color: #ffffff;
1385		}
1386
1387		.rds-bg-dark-blue .models-title:after {
1388			background: #b499ff;
1389		}
1390
1391		.rds-bg-dark-blue .model-item {
1392			background: rgba(255, 255, 255, 0.05);
1393			border-color: rgba(180, 153, 255, 0.15);
1394			backdrop-filter: blur(10px);
1395		}
1396
1397		.rds-bg-dark-blue .model-item:before {
1398			background: #b499ff;
1399		}
1400
1401		.rds-bg-dark-blue .model-heading {
1402			color: #b499ff;
1403		}
1404
1405		.rds-bg-dark-blue .model-description {
1406			color: #e0e0e0;
1407		}
1408
1409		.rds-bg-dark-blue .model-item:hover {
1410			box-shadow: 0 15px 30px rgba(180, 153, 255, 0.15);
1411			border-color: rgba(180, 153, 255, 0.3);
1412		}
1413
1414		/* High-resolution screens */
1415		@media screen and (min-width: 1600px) {
1416			.models-grid {
1417				max-width: 1400px;
1418			}
1419
1420			.model-item {
1421				padding: 30px 30px 30px 35px;
1422			}
1423
1424			.model-heading {
1425				font-size: 22px;
1426			}
1427
1428			.model-description {
1429				font-size: 16px;
1430			}
1431		}
1432
1433		.business-models {
1434			background-color: #fff;
1435			background-image: linear-gradient(90deg, transparent, rgba(146, 121, 255, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%);
1436		}
1437
1438		.revenue-model-section {
1439			background-color: #010220;
1440			background-image: linear-gradient(90deg, transparent, rgba(146, 121, 255, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%);
1441		}
1442
1443		/* Revenue Model Section - Fixed Height */
1444		.revenue-model-section {
1445			background-color: #010220;
1446			padding: 80px 0;
1447			position: relative;
1448			font-family: 'Montserrat', sans-serif;
1449			min-height: 700px;
1450			/* Fixed minimum height for the entire section */
1451			display: flex;
1452			align-items: center;
1453		}
1454
1455		.section-header {
1456			text-align: center;
1457			margin-bottom: 40px;
1458		}
1459
1460		.section-title {
1461			color: #ffffff;
1462			font-size: 36px;
1463			font-weight: 700;
1464			margin-bottom: 15px;
1465			line-height: 1.2;
1466		}
1467
1468		.section-description {
1469			color: #ffffff;
1470			font-size: 18px;
1471			line-height: 1.6;
1472			opacity: 0.9;
1473			max-width: 700px;
1474			margin: 0 auto;
1475		}
1476
1477
1478
1479		.compare-section {
1480			padding: 50px  20px  0px 20px;
1481			font-family: 'Inter', sans-serif;
1482			background-color: rgb(255, 255, 255);
1483			background-image: linear-gradient(90deg, transparent, rgba(146, 121, 255, 0.07) 50%, rgba(22, 75, 235, 0.07) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.07) 50%, rgba(22, 75, 235, 0.07) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.07) 50%, rgba(22, 75, 235, 0.07) 100%, transparent 95%);
1484		}
1485
1486		/* HEADING */
1487
1488		.compare-heading {
1489			text-align: center;
1490			margin-bottom: 40px;
1491		}
1492
1493		.sub-title {
1494			font-size: 34px;
1495			font-weight: 700;
1496			color: #0f172a;
1497			margin-top: 0px;
1498			padding-top: 0px;
1499		}
1500
1501		.para {
1502			margin: auto;
1503			margin-top: 10px;
1504			padding-top: 0px;
1505		}
1506
1507		.fontst {
1508			font-family: montserrat;
1509			font-size: 13px !important;
1510		}
1511
1512		/* CONTAINER */
1513
1514		.compare-container {
1515			max-width: 1100px;
1516			margin: auto;
1517		}
1518
1519		/* TABLE WRAPPER */
1520
1521		.compare-table-scroll {
1522			overflow-x: auto;
1523			border-radius: 12px;
1524			background: #fff;
1525			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
1526		}
1527
1528		/* TABLE */
1529
1530		.compare-table {
1531			width: 100%;
1532			min-width: 650px;
1533		}
1534
1535		/* ROW */
1536
1537		.compare-row {
1538			display: grid;
1539			grid-template-columns: 1fr 1.5fr 1.5fr;
1540			border-bottom: 1px solid #e6e6e6;
1541
1542		}
1543
1544		.compare-row div {
1545			justify-content: center;
1546		}
1547
1548		/* CELLS (both div and h3) */
1549
1550		.compare-row div,
1551		.compare-row h3 {
1552			padding: 18px 20px;
1553			font-size: 15px;
1554			display: flex;
1555			align-items: center;
1556		}
1557
1558		/* COLUMN BORDER */
1559
1560		.compare-row div:not(:last-child),
1561		.compare-row h3:not(:last-child) {
1562			border-right: 1px solid #e6e6e6;
1563		}
1564
1565		/* HEADER */
1566
1567		.compare-header {
1568			background: #111b44;
1569			color: #fff;
1570			font-weight: 600;
1571			position: sticky;
1572			top: 0;
1573			z-index: 5;
1574		}
1575
1576		.compare-header h3 {
1577			margin: 0;
1578			font-size: 15px;
1579			justify-content: center;
1580			color: #ffffff !important;
1581		}
1582
1583		/* FACTOR COLUMN */
1584
1585		.factor {
1586			font-weight: 600;
1587			color: #111827;
1588		}
1589
1590		/* HOVER */
1591
1592		.compare-row:not(.compare-header):hover {
1593			background: #f6f8ff;
1594		}
1595
1596		.business-models .container .paraww {
1597			max-width: auto !important;
1598		}
1599
1600		/* TABLET */
1601
1602		@media (max-width:1024px) {
1603
1604			.sub-title {
1605				font-size: 28px;
1606			}
1607
1608			.compare-row div,
1609			.compare-row h3 {
1610				font-size: 14px;
1611				padding: 16px;
1612			}
1613
1614		}
1615
1616		/* MOBILE */
1617
1618		@media (max-width:768px) {
1619
1620			.compare-table {
1621				min-width: 600px;
1622			}
1623
1624			.compare-row div,
1625			.compare-row h3 {
1626				font-size: 14px;
1627			}
1628
1629		}
1630
1631		/* SMALL MOBILE */
1632
1633		@media (max-width:480px) {
1634
1635			.sub-title {
1636				font-size: 22px;
1637			}
1638
1639			.compare-row div,
1640			.compare-row h3 {
1641				padding: 12px;
1642				font-size: 13px;
1643			}
1644
1645		}
1646
1647		/* New Revenue Model Section - 3 Cards Visible */
1648		.new-revenue-model-section {
1649			font-family: 'Montserrat', sans-serif;
1650			width: 100%;
1651			padding: 25px;
1652			background-color: #010220;
1653			background-image: linear-gradient(90deg, transparent, rgba(146, 121, 255, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%);
1654		}
1655
1656
1657		.new-section-header {
1658			text-align: center;
1659			margin-bottom: 40px;
1660		}
1661
1662		.new-section-title {
1663			color: #ffffff;
1664			font-size: 36px;
1665			font-weight: 700;
1666			margin-bottom: 15px;
1667		}
1668
1669		.new-section-description {
1670			color: #ffffff;
1671			font-size: 18px;
1672			opacity: 0.9;
1673			max-width: 700px;
1674			margin: 0 auto;
1675		}
1676
1677		/* Carousel Container */
1678		.new-carousel-wrapper {
1679			max-width: 1300px;
1680			margin: 0 auto;
1681			position: relative;
1682		}
1683
1684		.new-carousel-container {
1685			position: relative;
1686			margin: 0 50px;
1687			overflow: hidden;
1688		}
1689
1690		.new-carousel-track {
1691			display: flex;
1692			gap: 20px;
1693			transition: transform 0.5s ease-in-out;
1694		}
1695
1696		/* Slide - Exactly 3 cards visible on desktop */
1697		.new-carousel-slide {
1698			flex: 0 0 calc((100% - 40px) / 3);
1699			min-width: 0;
1700		}
1701
1702		.new-revenue-card {
1703			background: rgba(255, 255, 255, 0.03);
1704			backdrop-filter: blur(5px);
1705			border-radius: 16px;
1706			padding: 30px 25px;
1707			border: 1px solid rgba(180, 153, 255, 0.1);
1708			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
1709			height: 100%;
1710			overflow-y: auto;
1711		}
1712
1713		.new-revenue-card::-webkit-scrollbar-track {
1714			background: rgba(180, 153, 255, 0.1);
1715			border-radius: 10px;
1716		}
1717
1718		.new-revenue-card::-webkit-scrollbar-thumb {
1719			background: #b499ff;
1720			border-radius: 10px;
1721		}
1722
1723		.new-slide-heading {
1724			color: #b499ff;
1725			font-size: 23px;
1726			font-weight: 600;
1727			margin-bottom: 10px;
1728			font-family: 'Montserrat', sans-serif;
1729			line-height: 1.4;
1730			padding-right: 10px;
1731		}
1732
1733		.new-revenue-list {
1734			list-style: none;
1735			padding: 0;
1736			margin: 0;
1737		}
1738
1739		.new-revenue-list li {
1740			color: #ffffff;
1741			font-size: 16px;
1742		}
1743
1744		.new-revenue-list li:last-child {
1745			border-bottom: none;
1746		}
1747
1748		.new-revenue-list li:before {
1749			content: "•";
1750			color: #b499ff;
1751			font-size: 20px;
1752			margin-right: 12px;
1753		}
1754
1755		/* Navigation Arrows */
1756		.new-carousel-nav {
1757			position: absolute;
1758			top: 50%;
1759			transform: translateY(-50%);
1760			width: 44px;
1761			height: 44px;
1762			border-radius: 50%;
1763			background: rgba(180, 153, 255, 0.15);
1764			border: 1px solid rgba(180, 153, 255, 0.3);
1765			color: #ffffff;
1766			cursor: pointer;
1767			z-index: 10;
1768			display: flex;
1769			align-items: center;
1770			justify-content: center;
1771			transition: all 0.3s ease;
1772		}
1773
1774		.new-carousel-prev {
1775			left: 0;
1776		}
1777
1778		.new-carousel-next {
1779			right: 0;
1780		}
1781
1782		.new-carousel-nav:hover {
1783			background: rgba(180, 153, 255, 0.3);
1784			border-color: rgba(180, 153, 255, 0.6);
1785		}
1786
1787		/* Mobile: 1 card visible */
1788		@media screen and (max-width: 768px) {
1789			.new-carousel-slide {
1790				flex: 0 0 100%;
1791			}
1792
1793			.new-carousel-nav {
1794				width: 36px;
1795				height: 36px;
1796			}
1797
1798			.new-slide-heading {
1799				font-size: 20px;
1800			}
1801
1802			.new-revenue-card {
1803				padding: 20px;
1804			}
1805		}
1806
1807		/* Fix for carousel container */
1808		.new-revenue-model-section {
1809			font-family: 'Montserrat', sans-serif;
1810			width: 100%;
1811			display: block !important;
1812			/* Override any flex display */
1813		}
1814
1815		.new-section-header {
1816			text-align: center;
1817			margin-bottom: 40px;
1818		}
1819
1820		.new-section-title {
1821			color: #ffffff;
1822			font-size: 36px;
1823			font-weight: 700;
1824			margin-bottom: 15px;
1825		}
1826
1827		.new-section-description {
1828			color: #ffffff;
1829			font-size: 18px;
1830			opacity: 0.9;
1831			max-width: 700px;
1832			margin: 0 auto;
1833		}
1834
1835		/* Carousel Container - FIXED */
1836		.new-carousel-wrapper {
1837			max-width: 1400px;
1838			margin: 0 auto;
1839			position: relative;
1840			width: 100%;
1841		}
1842
1843		.new-carousel-container {
1844			position: relative;
1845			margin: 0 50px;
1846			overflow: hidden;
1847			width: auto !important;
1848		}
1849
1850		.new-carousel-track {
1851			display: flex;
1852			gap: 20px;
1853			transition: transform 0.5s ease-in-out;
1854			width: 100%;
1855			will-change: transform;
1856		}
1857
1858		/* Slide - Exactly 3 cards visible on desktop */
1859		.new-carousel-slide {
1860			flex: 0 0 calc((100% - 40px) / 3);
1861			min-width: 0;
1862			box-sizing: border-box;
1863			
1864			
1865		}
1866
1867		.new-revenue-card {
1868			background: rgba(255, 255, 255, 0.03);
1869			backdrop-filter: blur(5px);
1870			border-radius: 16px;
1871			padding: 30px 25px;
1872			border: 1px solid rgba(180, 153, 255, 0.1);
1873			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
1874			height: 100%;
1875			overflow-y: auto;
1876			width: 100%;
1877			box-sizing: border-box;
1878		}
1879
1880	
1881
1882		.new-revenue-card::-webkit-scrollbar-track {
1883			background: rgba(180, 153, 255, 0.1);
1884			border-radius: 10px;
1885		}
1886
1887		.new-revenue-card::-webkit-scrollbar-thumb {
1888			background: #b499ff;
1889			border-radius: 10px;
1890		}
1891
1892
1893
1894		.new-revenue-list {
1895			list-style: none;
1896			padding: 0;
1897			margin: 0;
1898		}
1899
1900		.new-revenue-list li {
1901			color: #ffffff;
1902			font-size: 16px;
1903		}
1904
1905		.new-revenue-list li:last-child {
1906			border-bottom: none;
1907		}
1908
1909		.new-revenue-list li:before {
1910			content: "•";
1911			color: #b499ff;
1912			font-size: 20px;
1913			margin-right: 12px;
1914		}
1915
1916		/* Navigation Arrows - FIXED */
1917		.new-carousel-nav {
1918			position: absolute;
1919			top: 50%;
1920			transform: translateY(-50%);
1921			width: 44px;
1922			height: 44px;
1923			border-radius: 50%;
1924			background: rgba(180, 153, 255, 0.15);
1925			border: 1px solid rgba(180, 153, 255, 0.3);
1926			color: #ffffff;
1927			cursor: pointer;
1928			z-index: 100;
1929			display: flex !important;
1930			align-items: center;
1931			justify-content: center;
1932			transition: all 0.3s ease;
1933			padding: 0;
1934			outline: none;
1935		}
1936
1937		.new-carousel-prev {
1938			left: -10px;
1939		}
1940
1941		.new-carousel-next {
1942			right: -10px;
1943		}
1944
1945		.new-carousel-nav:hover {
1946			background: rgba(180, 153, 255, 0.3);
1947			border-color: rgba(180, 153, 255, 0.6);
1948		}
1949
1950		.new-carousel-nav svg {
1951			width: 24px;
1952			height: 24px;
1953			stroke: currentColor;
1954		}
1955
1956		/* Mobile: 1 card visible */
1957		@media screen and (max-width: 768px) {
1958			.new-carousel-slide {
1959				flex: 0 0 100%;
1960			}
1961
1962			.new-carousel-nav {
1963				width: 36px;
1964				height: 36px;
1965			}
1966
1967			.new-slide-heading {
1968				font-size: 20px;
1969			}
1970
1971			.new-revenue-card {
1972				padding: 20px;
1973			}
1974		}
1975
1976		/* Enhanced Mobile Responsiveness */
1977		@media screen and (max-width: 768px) {
1978			.new-carousel-slide {
1979				flex: 0 0 100%;
1980				height: auto;
1981				min-height: 400px;
1982			}
1983
1984			.new-carousel-container {
1985				margin: 0 30px;
1986			}
1987
1988			.new-carousel-nav {
1989				width: 32px;
1990				height: 32px;
1991			}
1992
1993			.new-carousel-nav svg {
1994				width: 18px;
1995				height: 18px;
1996			}
1997
1998			.new-slide-heading {
1999				font-size: 20px;
2000				margin-bottom: 15px;
2001			}
2002
2003			.new-revenue-card {
2004				padding: 20px 15px;
2005				height: auto;
2006				min-height: 380px;
2007			}
2008
2009			.new-revenue-list li {
2010				font-size: 14px;
2011				padding: 8px 0;
2012			}
2013		}
2014
2015		/* Small mobile devices */
2016		@media screen and (max-width: 480px) {
2017			.new-carousel-container {
2018				margin: 0 20px;
2019			}
2020
2021			.new-carousel-nav {
2022				width: 28px;
2023				height: 28px;
2024			}
2025
2026			.new-revenue-card {
2027				min-height: 350px;
2028				padding: 15px 12px;
2029			}
2030
2031			.new-slide-heading {
2032				font-size: 18px;
2033			}
2034
2035			.new-revenue-list li {
2036				font-size: 13px;
2037			}
2038		}
2039
2040		/* Touch-friendly hover states */
2041		.new-carousel-nav {
2042			-webkit-tap-highlight-color: transparent;
2043			touch-action: manipulation;
2044		}
2045
2046		.new-carousel-nav:active {
2047			transform: translateY(-50%) scale(0.95);
2048			background: rgba(180, 153, 255, 0.3);
2049		}
2050
2051		/* Smooth scrolling on mobile */
2052		.new-carousel-track {
2053			-webkit-overflow-scrolling:touch;
2054		}
2055
2056		/* Additional mobile fixes */
2057		@media screen and (max-width: 768px) {
2058			.new-carousel-slide {
2059				flex: 0 0 100%;
2060				height: auto;
2061				min-height: 400px;
2062			}
2063
2064			.new-carousel-container {
2065				margin: 0 35px;
2066			}
2067
2068			.new-carousel-nav {
2069				width: 35px;
2070				height: 35px;
2071			}
2072
2073			.new-carousel-nav svg {
2074				width: 18px;
2075				height: 18px;
2076			}
2077
2078			/* Ensure buttons are clickable on mobile */
2079			.new-carousel-nav {
2080				-webkit-tap-highlight-color: transparent;
2081				touch-action: manipulation;
2082				z-index: 200;
2083			}
2084
2085			/* Add active state for mobile */
2086			.new-carousel-nav:active {
2087				background: rgba(180, 153, 255, 0.4);
2088				transform: translateY(-50%) scale(0.95);
2089			}
2090		}
2091
2092		/* Small mobile devices */
2093		@media screen and (max-width: 480px) {
2094			.new-carousel-container {
2095				margin: 0 25px;
2096			}
2097
2098			.new-carousel-nav {
2099				width: 30px;
2100				height: 30px;
2101			}
2102
2103			.new-carousel-nav svg {
2104				width: 16px;
2105				height: 16px;
2106			}
2107
2108			.new-revenue-card {
2109				min-height: 350px;
2110				padding: 15px;
2111			}
2112
2113			.new-slide-heading {
2114				font-size: 18px;
2115			}
2116
2117			.new-revenue-list li {
2118				font-size: 13px;
2119				padding: 6px 0;
2120			}
2121		}
2122
2123		.focusDiv {
2124			background: #ffffff !important;
2125			color: #0364ff !important;
2126		}
2127
2128		/* Prevent text selection on buttons */
2129		.new-carousel-nav {
2130			user-select: none;
2131			-webkit-user-select: none;
2132		}
2133
2134		/* Smooth transitions */
2135		.new-carousel-track {
2136			will-change: transform;
2137			backface-visibility: hidden;
2138		}
2139
2140		.factor {
2141			font-weight: 700;
2142			font-family: montserrat;
2143		}
2144
2145		.cllrr {
2146			color: #000000 !important;
2147		}
2148	</style>
2149	
2149<script>
2150		// New Revenue Model Carousel - True Infinite Circular Scrolling
2151		(function () {
2152			if (document.readyState === 'loading') {
2153				document.addEventListener('DOMContentLoaded', initCarousel);
2154			} else {
2155				initCarousel();
2156			}
2157
2158			function initCarousel() {
2159				const track = document.getElementById('newRevenueTrack');
2160				const originalSlides = Array.from(document.querySelectorAll('.new-carousel-slide'));
2161				const prevBtn = document.getElementById('newRevenuePrev');
2162				const nextBtn = document.getElementById('newRevenueNext');
2163
2164				if (!track || !originalSlides.length || !prevBtn || !nextBtn) {
2165					console.log('Carousel elements not found');
2166					return;
2167				}
2168
2169				let currentPosition = 0;
2170				let slidesToShow = window.innerWidth <= 768 ? 1 : 3;
2171				let autoPlayInterval;
2172				let isTransitioning = false;
2173
2174				// Clone all slides for infinite loop
2175				function setupClones() {
2176					// Clear existing content
2177					track.innerHTML = '';
2178
2179					// Add clones of last slides at the beginning
2180					for (let i = originalSlides.length - slidesToShow; i < originalSlides.length; i++) {
2181						const clone = originalSlides[i].cloneNode(true);
2182						clone.classList.add('clone');
2183						track.appendChild(clone);
2184					}
2185
2186					// Add original slides
2187					originalSlides.forEach(slide => {
2188						track.appendChild(slide.cloneNode(true));
2189					});
2190
2191					// Add clones of first slides at the end
2192					for (let i = 0; i < slidesToShow; i++) {
2193						const clone = originalSlides[i].cloneNode(true);
2194						clone.classList.add('clone');
2195						track.appendChild(clone);
2196					}
2197				}
2198
2199				// Calculate slide width including gap
2200				function getSlideWidth() {
2201					const container = document.querySelector('.new-carousel-container');
2202					if (!container) return 0;
2203					const containerWidth = container.offsetWidth;
2204					const gap = 20;
2205					return (containerWidth - (gap * (slidesToShow - 1))) / slidesToShow + gap;
2206				}
2207
2208				// Move to position without animation
2209				function jumpToPosition(position, animate = false) {
2210					const slideWidth = getSlideWidth();
2211					if (!slideWidth) return;
2212
2213					track.style.transition = animate ? 'transform 0.5s ease-in-out' : 'none';
2214					track.style.transform = `translateX(-${position * slideWidth}px)`;
2215				}
2216
2217				// Set initial position to show first set of original slides
2218				function setInitialPosition() {
2219					const slideWidth = getSlideWidth();
2220					if (!slideWidth) return;
2221
2222					// Start at the first original slide (after the prepended clones)
2223					currentPosition = slidesToShow;
2224					jumpToPosition(currentPosition, false);
2225				}
2226
2227				// Check if we need to reset for infinite loop
2228				function checkInfiniteBoundary() {
2229					const slideWidth = getSlideWidth();
2230					if (!slideWidth || isTransitioning) return;
2231
2232					const totalSlides = track.children.length;
2233
2234					// If we've gone too far right (past the original slides)
2235					if (currentPosition >= totalSlides - slidesToShow) {
2236						isTransitioning = true;
2237						// Jump back to the first set of original slides
2238						currentPosition = slidesToShow;
2239						jumpToPosition(currentPosition, false);
2240						setTimeout(() => {
2241							isTransitioning = false;
2242						}, 50);
2243					}
2244					// If we've gone too far left (before the original slides)
2245					else if (currentPosition < slidesToShow) {
2246						isTransitioning = true;
2247						// Jump to the last set of original slides
2248						currentPosition = totalSlides - (slidesToShow * 2);
2249						jumpToPosition(currentPosition, false);
2250						setTimeout(() => {
2251							isTransitioning = false;
2252						}, 50);
2253					}
2254				}
2255
2256				// Next slide
2257				function nextSlide() {
2258					if (isTransitioning) return;
2259
2260					currentPosition++;
2261					jumpToPosition(currentPosition, true);
2262
2263					// Check boundary after animation
2264					setTimeout(checkInfiniteBoundary, 500);
2265				}
2266
2267				// Previous slide
2268				function prevSlide() {
2269					if (isTransitioning) return;
2270
2271					currentPosition--;
2272					jumpToPosition(currentPosition, true);
2273
2274					// Check boundary after animation
2275					setTimeout(checkInfiniteBoundary, 500);
2276				}
2277
2278				// Initialize carousel
2279				function initialize() {
2280					setupClones();
2281
2282					// Wait for DOM to be ready
2283					setTimeout(() => {
2284						setInitialPosition();
2285					}, 100);
2286
2287					// Start autoplay
2288					startAutoPlay();
2289				}
2290
2291				// Auto play functions
2292				function startAutoPlay() {
2293					if (autoPlayInterval) clearInterval(autoPlayInterval);
2294					autoPlayInterval = setInterval(() => {
2295						nextSlide();
2296					}, 3000);
2297				}
2298
2299				function resetAutoPlay() {
2300					clearInterval(autoPlayInterval);
2301					startAutoPlay();
2302				}
2303
2304				// Event listeners
2305				nextBtn.addEventListener('click', (e) => {
2306					e.preventDefault();
2307					e.stopPropagation();
2308					nextSlide();
2309					resetAutoPlay();
2310				});
2311
2312				prevBtn.addEventListener('click', (e) => {
2313					e.preventDefault();
2314					e.stopPropagation();
2315					prevSlide();
2316					resetAutoPlay();
2317				});
2318
2319				// Pause on hover
2320				track.addEventListener('mouseenter', () => {
2321					clearInterval(autoPlayInterval);
2322				});
2323
2324				track.addEventListener('mouseleave', () => {
2325					startAutoPlay();
2326				});
2327
2328				// Handle window resize
2329				let resizeTimeout;
2330				window.addEventListener('resize', () => {
2331					clearTimeout(resizeTimeout);
2332					resizeTimeout = setTimeout(() => {
2333						const newSlidesToShow = window.innerWidth <= 768 ? 1 : 3;
2334
2335						if (newSlidesToShow !== slidesToShow) {
2336							slidesToShow = newSlidesToShow;
2337							// Rebuild carousel
2338							setupClones();
2339							setInitialPosition();
2340						} else {
2341							// Just reposition
2342							jumpToPosition(currentPosition, false);
2343						}
2344					}, 250);
2345				});
2346
2347				// Start the carousel
2348				initialize();
2349			}
2350		})();
2351	</script>
2351
2352	
2352<script type="application/ld+json">
2353{
2354  "@context": "https://schema.org",
2355  "@type": "Organization",
2356  "name": "SpotnRides",
2357  "alternateName": "Spotnrides",
2358  "url": "https://www.spotnrides.com/",
2359  "logo": "https://www.spotnrides.com/assets/images/logo-new.webp",
2360  "contactPoint": {
2361    "@type": "ContactPoint",
2362    "contactType": "sales",
2363    "areaServed": ["US","GB","CA","DZ","AO","AR","AF","AX","AL","AS","AD","AI","AQ","AG","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BQ","BA","BW","BV","BR","IO","VG","BN","BG","BF","BI","KH","CM","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CK","CR","HR","CU","CW","CY","CZ","CD","DK","DJ","DM","DO","TL","EC","EG","GQ","SV","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GG","GN","GY","HT","GW","HM","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IM","IL","IT","CI","JM","JP","JE","JO","KZ","KE","KI","XK","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","ME","MS","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","KP","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","CG","RO","RE","RU","RW","BL","SH","KN","LC","MF","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SX","SI","SK","SB","SO","ZA","GS","KR","SS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TG","TK","TO","TT","TN","TR","TM","TC","TV","VI","UG","UA","AE","UM","UY","UZ","VU","VA","VE","VN","WF","EH","YE","ZM","ZW"],
2364    "availableLanguage": ["en","es","fr","Afar","Abkhazian","Avestan","Afrikaans","Akan","Amharic","Aragonese","Arabic","Assamese","Avaric","Aymara","Azerbaijani","Bashkir","Belarusian","Bulgarian","Bihari","Bislama","Bambara","Bengali","Tibetan","Breton","Bosnian","Catalan","Chechen","Chamorro","Corsican","Cree","Czech","Church Slavic","Chuvash","Welsh","Danish","German","Divehi","Dzongkha","Ewe","Greek","Esperanto","Estonian","Basque","Persian","Fulah","Finnish","Fijian","Faroese","Western Frisian","Irish","Scottish Gaelic","Galician","Guarani","Gujarati","Manx","Hindi","Hiri Motu","Hausa","Croatian","Haitian","Hungarian","Armenian","Hebrew","Herero","Interlingua","Indonesian","Interlingue","Igbo","Sichuan Yi","Inupiaq","Ido","Icelandic","Italian","Inuktitut","Japanese","Javanese","Georgian","Kongo","Kikuyu","Kwanyama","Kazakh","Kalaallisut","Khmer","Kannada","Korean","Kanuri","Kashmiri","Kurdish","Komi","Cornish","Kirghiz","Latin","Luxembourgish","Ganda","Limburgish","Lingala","Lao","Lithuanian","Luba-Katanga","Latvian","Malagasy","Marshallese","Maori","Macedonian","Malayalam","Mongolian","Marathi","Malay","Maltese","Burmese","Nauru","Norwegian Bokmal","North Ndebele","Nepali","Ndonga","Dutch","Norwegian Nynorsk","Norwegian","South Ndebele","Navajo","Chichewa","Occitan","Ojibwa","Oromo","Oriya","Ossetian","Panjabi","Pali","Polish","Pashto","Portuguese","Quechua","Romansh","Kirundi","Romanian","Russian","Kinyarwanda","Sanskrit","Sardinian","Sindhi","Northern Sami","Sango","Sinhala","Slovak","Slovenian","Samoan","Shona","Somali","Albanian","Serbian","Swati","Southern Sotho","Sundanese","Swedish","Swahili","Tamil","Telugu","Tajik","Thai","Tigrinya","Turkmen","Tagalog","Tswana","Tonga","Turkish","Tsonga","Tatar","Twi","Tahitian","Uighur","Ukrainian","Urdu","Uzbek","Venda","Vietnamese","Volapuk","Walloon","Wolof","Xhosa","Yiddish","Yoruba","Zhuang","Chinese","Chinese (Traditional)","Chinese (Simplified)","Zulu","Cebuano","Hawaiian","Hmong"]
2365  },
2366  "sameAs": [
2367    "https://www.linkedin.com/company/spotnrides/",
2368    "https://www.facebook.com/spotnrides/",
2369    "https://www.instagram.com/spotnrides",
2370    "https://www.youtube.com/@spotnrides-product",
2371    "https://x.com/spotnrides",
2372    "https://medium.com/@spotnrides_36898",
2373    "https://in.pinterest.com/spotnrides/",
2374    "https://www.behance.net/spotnrides",
2375    "https://www.tumblr.com/spotnrides",
2376    "https://www.producthunt.com/products/spotnrides-3",
2377    "https://www.slideshare.net/spotnrides"
2378  ]
2379}
2380</script>
2380
2381	
2381<script type="application/ld+json">
2382{
2383  "@context": "https://schema.org",
2384  "@type": "FAQPage",
2385  "mainEntity": [{
2386    "@type": "Question",
2387    "name": "What is an Uber Clone?",
2388    "acceptedAnswer": {
2389      "@type": "Answer",
2390      "text": "An Uber clone is a ready-made, white-label software solution that enables entrepreneurs to launch a multi-service on-demand business quickly.
2391Historically, it was a functional replica script designed to copy Uber’s basic ride-hailing features without building from scratch.
2392In 2026, the Uber clone evolved into an AI-powered, hyper-localized, multi-modular framework. It supports diverse niche mobility 'super-apps' (Ride, Delivery, Logistics) using AI algorithms for predictive route optimization, real-time bidding, dynamic pricing, voice-activated booking, and automated safety monitoring."
2393    }
2394  },{
2395    "@type": "Question",
2396    "name": "What is the AI-powered voice booking option?",
2397    "acceptedAnswer": {
2398      "@type": "Answer",
2399      "text": "It’s an advanced feature where customers can easily book rides through the voice booking option. They can just specify the drop location along with the vehicle category. The benefits of this feature provide 90% faster booking and reduced delay times."
2400    }
2401  },{
2402    "@type": "Question",
2403    "name": "What are the main features of an Uber Clone app?",
2404    "acceptedAnswer": {
2405      "@type": "Answer",
2406      "text": "The core functions of an Uber Clone App are:
24071. Get fare estimation
24082. Live Tracking
24093. Pay through multiple modes
24104. Reviews and feedback
24115. Manage your business
24126. Set the languages and currency
24137. Generate promo code and offer
24148. Manage the revenue streams"
2415    }
2416  },{
2417    "@type": "Question",
2418    "name": "How does an Uber clone app work?",
2419    "acceptedAnswer": {
2420      "@type": "Answer",
2421      "text": "The Uber clone app connects customers to your taxi business. It allows the user to book, track, and pay for the taxi service. It helps the drivers track the location and complete the ride service. It also empowers the admin to automate the business."
2422    }
2423  },{
2424    "@type": "Question",
2425    "name": "What are the benefits of using an Uber clone app?",
2426    "acceptedAnswer": {
2427      "@type": "Answer",
2428      "text": "1. The foremost benefit is the cost efficiency for the development
24292. You need not wait to launch an app for your business
24303. It is a scalable solution and also helps track your business"
2431    }
2432  },{
2433    "@type": "Question",
2434    "name": "How much does an Uber clone app cost?",
2435    "acceptedAnswer": {
2436      "@type": "Answer",
2437      "text": "App development costs depend on the customization you choose for your business needs and the number of hours involved in app development."
2438    }
2439  },{
2440    "@type": "Question",
2441    "name": "How does taxi booking app help my business?",
2442    "acceptedAnswer": {
2443      "@type": "Answer",
2444      "text": "Creating a taxi booking app for your business helps in the following ways:
24451. It increases the visibility of your company
24462. Makes customer approach convenient
24473. Increases the revenue streams
24484. Manages and streamlines the process"
2449    }
2450  },{
2451    "@type": "Question",
2452    "name": "Can I customize the features of my Taxi Booking App?",
2453    "acceptedAnswer": {
2454      "@type": "Answer",
2455      "text": "Of course, the SpotnRides taxi booking app is 100% customizable for your ideas and business requirements."
2456    }
2457  }]
2458}
2459</script>
2459
2460	
2460<script type="application/ld+json">
2461    [{
2462      "@context": "https://schema.org/",
2463      "@type": "ImageObject",
2464      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-cus-1.webp",
2465      "license": "https://www.spotnrides.com/",
2466      "acquireLicensePage": "https://www.spotnrides.com/",
2467      "creditText": "Ride Sharing Rider App Features",
2468      "creator": {
2469        "@type": "Person",
2470        "name": "SpotnRides"
2471       },
2472      "copyrightNotice": "© 2026 SpotnRides"
2473    },
2474   {
2475      "@context": "https://schema.org/",
2476      "@type": "ImageObject",
2477      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-cus-2.webp",
2478      "license": "https://www.spotnrides.com/",
2479      "acquireLicensePage": "https://www.spotnrides.com/",
2480      "creditText": "GPS navigation and live ride tracking in taxi app",
2481      "creator": {
2482        "@type": "Person",
2483        "name": "SpotnRides"
2484       },
2485      "copyrightNotice": "© 2026 SpotnRides"
2486    },
2487 {
2488      "@context": "https://schema.org/",
2489      "@type": "ImageObject",
2490      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-cus-3.webp",
2491      "license": "https://www.spotnrides.com/",
2492      "acquireLicensePage": "https://www.spotnrides.com/",
2493      "creditText": "Driver review and rating feature in ride hailing app",
2494      "creator": {
2495        "@type": "Person",
2496        "name": "SpotnRides"
2497       },
2498      "copyrightNotice": "© 2026 SpotnRides"
2499    },
2500{
2501      "@context": "https://schema.org/",
2502      "@type": "ImageObject",
2503      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-cus-4.webp",
2504      "license": "https://www.spotnrides.com/",
2505      "acquireLicensePage": "https://www.spotnrides.com/",
2506      "creditText": "Driver review and rating feature in ride hailing app",
2507      "creator": {
2508        "@type": "Person",
2509        "name": "SpotnRides"
2510       },
2511      "copyrightNotice": "© 2026 SpotnRides"
2512   },
2513{
2514      "@context": "https://schema.org/",
2515      "@type": "ImageObject",
2516      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-cus-5.webp",
2517      "license": "https://www.spotnrides.com/",
2518      "acquireLicensePage": "https://www.spotnrides.com/",
2519      "creditText": "Multiple payment options in taxi booking app",
2520      "creator": {
2521        "@type": "Person",
2522        "name": "SpotnRides"
2523       },
2524      "copyrightNotice": "© 2026 SpotnRides"
2525    },
2526{
2527      "@context": "https://schema.org/",
2528      "@type": "ImageObject",
2529      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-cus-6.webp",
2530      "license": "https://www.spotnrides.com/",
2531      "acquireLicensePage": "https://www.spotnrides.com/",
2532      "creditText": "Crypto wallet payment feature in ride hailing app",
2533      "creator": {
2534        "@type": "Person",
2535        "name": "SpotnRides"
2536       },
2537      "copyrightNotice": "© 2026 SpotnRides"
2538    },
2539{
2540      "@context": "https://schema.org/",
2541      "@type": "ImageObject",
2542      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-driver-1.webpp",
2543      "license": "https://www.spotnrides.com/",
2544      "acquireLicensePage": "https://www.spotnrides.com/",
2545      "creditText": "Ride Sharing Driver App Features",
2546      "creator": {
2547        "@type": "Person",
2548        "name": "SpotnRides"
2549       },
2550      "copyrightNotice": "© 2026 SpotnRides"
2551    },
2552{
2553      "@context": "https://schema.org/",
2554      "@type": "ImageObject",
2555      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-driver-2.webp",
2556      "license": "https://www.spotnrides.com/",
2557      "acquireLicensePage": "https://www.spotnrides.com/",
2558      "creditText": "Driver ride request notification in taxi app",
2559      "creator": {
2560        "@type": "Person",
2561        "name": "SpotnRides"
2562       },
2563      "copyrightNotice": "© 2026 SpotnRides"
2564    },
2565{
2566      "@context": "https://schema.org/",
2567      "@type": "ImageObject",
2568      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-driver-3.webp",
2569      "license": "https://www.spotnrides.com/",
2570      "acquireLicensePage": "https://www.spotnrides.com/",
2571      "creditText": "Driver earnings and transaction history dashboard",
2572      "creator": {
2573        "@type": "Person",
2574        "name": "SpotnRides"
2575       },
2576      "copyrightNotice": "© 2026 SpotnRides"
2577   },
2578{
2579      "@context": "https://schema.org/",
2580      "@type": "ImageObject",
2581      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-driver-4.webp",
2582      "license": "https://www.spotnrides.com/",
2583      "acquireLicensePage": "https://www.spotnrides.com/",
2584      "creditText": "Driver trip history and previous ride details",
2585      "creator": {
2586        "@type": "Person",
2587        "name": "SpotnRides"
2588       },
2589      "copyrightNotice": "© 2026 SpotnRides"
2590    },
2591{
2592      "@context": "https://schema.org/",
2593      "@type": "ImageObject",
2594      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-driver-5.webp",
2595      "license": "https://www.spotnrides.com/",
2596      "acquireLicensePage": "https://www.spotnrides.com/",
2597      "creditText": "Driver vehicle management in taxi driver app",
2598      "creator": {
2599        "@type": "Person",
2600        "name": "SpotnRides"
2601       },
2602      "copyrightNotice": "© 2026 SpotnRides"
2603    },
2604{
2605      "@context": "https://schema.org/",
2606      "@type": "ImageObject",
2607      "contentUrl": "https://www.spotnrides.com/assets/images/spotnrides-driver-6.webp",
2608      "license": "https://www.spotnrides.com/",
2609      "acquireLicensePage": "https://www.spotnrides.com/",
2610      "creditText": "Driver availability and time management feature",
2611      "creator": {
2612        "@type": "Person",
2613        "name": "SpotnRides"
2614       },
2615      "copyrightNotice": "© 2026 SpotnRides"
2616    },
2617{
2618      "@context": "https://schema.org/",
2619      "@type": "ImageObject",
2620      "contentUrl": "https://www.spotnrides.com/assets/images/admin-2.webp",
2621      "license": "https://www.spotnrides.com/",
2622      "acquireLicensePage": "https://www.spotnrides.com/",
2623      "creditText": "Scalable Taxi Hailing Solution with Admin Dashboard Features",
2624      "creator": {
2625        "@type": "Person",
2626        "name": "SpotnRides"
2627       },
2628      "copyrightNotice": "© 2026 SpotnRides"
2629    }]
2630    </script>
2630
2631
2632
2633<script>
2634function loadClarity() {
2635  if (window.clarityLoaded) return;
2636  window.clarityLoaded = true;
2637
2638  (function (c, l, a, r, i, t, y) {
2639    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
2640    t = l.createElement(r);
2641    t.async = 1;
2642    t.src = "https://www.clarity.ms/tag/" + i;
2643    y = l.getElementsByTagName(r)[0];
2644    y.parentNode.insertBefore(t, y);
2645  })(window, document, "clarity", "script", "vpgn12h9b7");
2646}
2647
2648// Load on user interaction OR after delay
2649window.addEventListener("scroll", loadClarity, { once: true });
2650window.addEventListener("click", loadClarity, { once: true });
2651window.addEventListener("mousemove", loadClarity, { once: true });
2652
2653setTimeout(loadClarity, 7000);
2654</script>
2654
2655
2656</head>
2657
2658<body data-spy="scroll" data-target=".mainmenu-area">
2659
2660
2661
2662<!-- HEADER -->
2663
2664    <style>
2665html { scroll-behavior: smooth; font-size: 16px; }
2666
2667body {
2668
2669  line-height: 1.6;
2670  overflow-x: hidden;
2671  -webkit-font-smoothing: antialiased;
2672}
2673
2674/* ---------- UTILITIES ---------- */
2675.container26 {
2676  max-width: 1200px;
2677  margin: 0 auto;
2678  padding: 0 24px;
2679}
2680
2681a { text-decoration: none; }
2682/* ---------- BUTTONS ---------- */
2683.btn26nav {
2684  display: inline-flex;
2685  align-items: center;
2686  gap: 8px;
2687  padding: 10px 22px;
2688  border-radius: 8px;
2689  font-family: 'Montserrat', sans-serif;
2690  font-weight: 600;
2691  font-size: 14px;
2692  cursor: pointer;
2693  border: 2px solid transparent;
2694  transition: all .22s ease;
2695  text-decoration: none;
2696  white-space: nowrap;
2697}
2698
2699.bt-primary26 {
2700  background: #0364FF;
2701  color: #fff;
2702 
2703}
2704.bt-primary26:hover { background: #fff;color: #0364FF !important;  transform: translateY(-1px); box-shadow: 0 8px 20px rgba(37,99,235,.35); }
2705
2706
2707
2708/* ---------- HEADER (responsive overrides) ---------- */
2709.header26 {
2710  position: fixed;
2711  top: 0;
2712  left: 0;
2713  right: 0;
2714  width: 100%;
2715  background: transparent !important;
2716  z-index: 1000;
2717  transition: box-shadow .25s ease;
2718}
2719.header26.scrolled {
2720  background:#141937 !important;
2721  box-shadow: 0 4px 16px rgba(0,0,0,.25);
2722}
2723
2724
2725.nav26 {
2726  display: flex;
2727  align-items: center;
2728  gap: 24px;
2729  height: 68px;
2730  position: relative;
2731  justify-content: space-between;
2732}
2733
2734.nav-logo26 {
2735  display: flex;
2736  align-items: center;
2737  flex-shrink: 0;
2738}
2739.nav-logo26 img {
2740  height: 100%;
2741  width: auto;
2742  max-width: 160px;
2743  object-fit: contain;
2744  display: block;
2745}
2746
2747.links26 {
2748  display: flex;
2749  align-items: center;
2750  list-style: none;
2751  gap: 4px;
2752  margin-left: auto;
2753}
2754
2755  .has-dropdown26:hover .dropdown-menu26,
2756  .has-dropdown26.open .dropdown-menu26 {
2757    opacity: 1;
2758    visibility: visible;
2759    transform: translateY(0);
2760  }
2761
2762.links26 > li { position: relative; }
2763
2764.nav-link26 {
2765  display: flex;
2766  align-items: center;
2767  gap: 4px;
2768  padding: 8px 14px;
2769  border-radius: 6px;
2770  font-size: 15px;
2771  font-weight: 600;
2772  color: #fff;
2773  white-space: nowrap;
2774  transition: all .2s;
2775  font-family: 'montserrat';
2776}
2777.nav-link26:hover,
2778.dropdown-toggle26:hover { color:white !important;}
2779
2780.caret26 { font-size: 20px; transition: transform .2s; top:0px; }
2781
2782/* ---- Dropdowns (desktop = hover, mobile = click) ---- */
2783.dropdown-menu26 {
2784  list-style: none;
2785  position: absolute;
2786  top: calc(100% + 8px);
2787  left: 0;
2788  min-width:max-content;
2789  max-width: calc(100vw - 32px);
2790  background: #010220;
2791  border: 1px solid var(--border);
2792  border-radius: 10px;
2793  box-shadow: 0 20px 40px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.05);
2794  padding: 8px;
2795  opacity: 0;
2796  visibility: hidden;
2797  transform: translateY(-6px);
2798  transition: all .2s ease;
2799  z-index: 1100;
2800}
2801.dropdown-menu26 li a {
2802  display: block;
2803  padding: 0px 15px;
2804  border-radius: 6px;
2805  font-size: 13.5px;
2806  font-weight: 600;
2807  color: #7b91f7 !important;
2808  font-family:'montserrat';
2809}
2810ul li ul li{
2811	    padding: 8px 0 !important;
2812}
2813
2814.dropdown-menu26 li a:hover {  color: white !important; }
2815
2816@media (min-width: 901px) {
2817  .has-dropdown26:hover .dropdown-menu26
2818 {
2819    opacity: 1;
2820    visibility: visible;
2821    transform: translateY(0);
2822  }
2823  .has-dropdown26:hover .caret26,
2824  .has-dropdown26.open .caret26 { transform: rotate(180deg); }
2825  .mobile-only-action26 { display: none; }
2826}
2827
2828.nav-actions26 { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
2829
2830.nav-toggle26 {
2831  display: none;
2832  flex-direction: column;
2833  justify-content: center;
2834  gap: 5px;
2835  width: 36px; height: 36px;
2836  background: none;
2837  border: none;
2838  cursor: pointer;
2839  margin-left: 8px;
2840  flex-shrink: 0;
2841}
2842.nav-toggle26 span {
2843  display: block;
2844  width: 22px; height: 2px;
2845  background: #fff;
2846  border-radius: 2px;
2847  transition: all .3s;
2848}
2849.nav-toggle26.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
2850.nav-toggle26.active span:nth-child(2) { opacity: 0; }
2851.nav-toggle26.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
2852
2853/* ---- Mobile / tablet drawer ---- */
2854@media (max-width: 900px) {
2855  .nav-actions26 { display: none !important; }
2856  .nav-toggle26 { display: flex; }
2857
2858  .links26 {
2859    display: none;
2860    flex-direction: column;
2861    align-items: stretch;
2862    gap: 2px;
2863    position: fixed;
2864    top: 68px; left: 0; right: 0;
2865    max-height: calc(100vh - 68px);
2866    overflow-y: auto;
2867    background:#010221;
2868    padding: 12px 16px 24px;
2869    box-shadow: 0 20px 40px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.05);
2870    margin-left: 0;
2871    z-index: 999;
2872  }
2873  .links26.open { display: flex; }
2874
2875  .nav-link26 { padding: 12px 10px; justify-content: space-between; }
2876
2877  .dropdown-menu26 {
2878    position: static;
2879    display: none;
2880    opacity: 1; visibility: visible; transform: none;
2881    background: rgba(255,255,255,.04);
2882    border: none;
2883    box-shadow: none;
2884    margin: 0 0 6px;
2885    padding: 4px 0 4px 14px;
2886    max-width: 100%;
2887  }
2888  .dropdown-menu26 li a { color: rgba(255,255,255,.75); }
2889  .dropdown-menu26 li a:hover { background: rgba(255,255,255,.06); color: #fff; }
2890  .has-dropdown26.open .dropdown-menu26 { display: block; }
2891  .has-dropdown26.open .caret26 { transform: rotate(180deg); }
2892
2893  .mobile-only-action26 { display: block; margin-top: 10px; }
2894  .mobile-only-action26 .btn26nav { width: 100%; justify-content: center; }
2895}
2896
2897@media (max-width: 480px) {
2898  .nav-logo26 img { height: 100%; max-width: 130px; }
2899}
2900
2901/* @media (max-width: 360px) {
2902  .nav26 { gap: 12px; }
2903  .nav-logo26 img { height:100%; max-width: 100%; }
2904} */
2905
2906
2907
2908</style>
2909
2910
2911<div class="whatsapp-swipe">
2912			<ul>
2913				<li data-aos="fade-right" class="listwhts whatsappline"><a
2914						href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!"
2915						target="_blank"><i>
2916							<!-- <img
2917									src="../img/whatsup1.png" alt="Uber like app development" width="46" height="46"  loading="lazy"> -->
2918							<img src="../img/whatsup1.png" srcset="
2919					../img/whatsup1.png 1x, 
2920					../img/[email protected] 2x" alt="Uber like app development" width="46" height="46" loading="lazy">
2921						</i></a></li>
2922				<li data-aos="fade-right" class="skypeline"><a href="https://teams.live.com/l/invite/FEAseFIIcMFcsBlywE"
2923						target="_blank"><i>
2924							<!-- <img src="../img/skypeicon.png" alt="Uber clone software" width="46" height="46"  loading="lazy"> -->
2925							<img src="../img/teamsicon.png" srcset="
2926					../img/teamsicon.png 1x, 
2927					../img/[email protected] 2x" alt="Uber like app development" width="46" height="46" loading="lazy">
2928						</i></a></li>
2929				<li data-aos="fade-right" class="mailline"><a href="mailto:[email protected]" target="_blank"><i><img
2930								src="../img/mail.webp" alt="email" width="100%" height="100%"
2931								style="background-color: white;"></i></a></li>
2932			</ul>
2933		</div>
2934
2935<!-- HEADER -->
2936
2937<header class="header26" id="header26">
2938  <nav class="nav26 container26">
2939    <a href="https://www.spotnrides.com/" class="nav-logo26">
2940      <img src="https://www.spotnrides.com/img/logo.png" alt="SpotnRides">
2941    </a>
2942
2943    <ul class="links26" id="links26">
2944      <li><a href="https://www.spotnrides.com/" class="nav-link26">Home</a></li>
2945
2946      <li class="has-dropdown26">
2947        <a href="#" class="nav-link26 dropdown-toggle26">Products <span class="caret26">▾</span></a>
2948        <ul class="dropdown-menu26">
2949			<li><a href="https://www.spotnrides.com/super-app-development-company">Super App</a></li>
2950           <li><a href="https://www.spotnrides.com/taxi-dispatch-software">Taxi Dispatch Software</a></li>
2951           <li><a href="https://www.spotnrides.com/car-rental">Car Rental App</a></li>
2952          <li><a href="https://www.spotnrides.com/uber-for-tow-trucks-app-to-your-roadside-assistance-business">Uber For Tow Truck</a></li>
2953          <li><a href="https://www.spotnrides.com/uber-for-laundry-booking-app">Uber For Laundry</a></li>
2954          <li><a href="https://www.spotnrides.com/uber-for-on-demand-handyman-app-services">Uber For Handyman Services</a></li>
2955          <li><a href="https://www.spotnrides.com/uber-for-x-ondemand-multi-services-app">Uber For Multi Services</a></li>
2956          <li><a href="https://www.spotnrides.com/delivery-route-planning-management-software">Delivery Route Planning Software</a></li>
2957          <li><a href="https://www.spotnrides.com/uber-for-doctors-booking-app">Doctor Booking App</a></li>
2958          <li><a href="https://www.spotnrides.com/towing-dispatch-software-roadside-assistance-business">Towing Dispatch Software</a></li>
2959          <li><a href="https://www.spotnrides.com/spa-salon-management-software-system">Spa Salon Management</a></li>
2960          <li><a href="https://www.spotnrides.com/logistics-delivery-management-software">Logistic Delivery Software</a></li>
2961           <li><a href="https://www.spotnrides.com/truck-booking-app">Truck Booking App</a></li>
2962           <li><a href="https://www.spotnrides.com/uber-for-snow-removal-and-lawn-care-app">Uber for Snow Removal & Lawncare App</a></li>
2963          </ul>
2964      </li>
2965
2966      <li class="has-dropdown26">
2967        <a href="#" class="nav-link26 dropdown-toggle26">Clone Products <span class="caret26">▾</span></a>
2968        <ul class="dropdown-menu26">
2969            <!-- <li><a href="https://www.spotnrides.com/">Uber Clone</a></li> -->
2970            <li><a href="https://www.spotnrides.com/lyft-clone-script-rideshare-app-business">Lyft Clone</a></li>  
2971            <li><a href="https://www.spotnrides.com/bolt-clone">Bolt clone</a></li>  
2972            <li><a href="https://www.spotnrides.com/gojek-clone-script">Gojek Clone</a></li>
2973            <li><a href="https://www.spotnrides.com/grab-clone">Grab Clone</a></li>
2974            <li><a href="https://www.spotnrides.com/careem-clone">Careem Clone</a></li>
2975            <li><a href="https://www.spotnrides.com/turo-clone">Turo Clone</a></li>
2976            <li><a href="https://www.spotnrides.com/honk-clone">Honk clone</a></li>
2977            <li><a href="https://www.spotnrides.com/taskrabbit-clone">TaskRabbit Clone</a></li>
2978            <li><a href="https://www.spotnrides.com/cabify-clone">Cabify Clone</a></li>  
2979            <li><a href="https://www.spotnrides.com/ubereats-clone">UberEats Clone</a></li>
2980        </ul>
2981      </li>
2982
2983      <li><a href="https://www.spotnrides.com/blog/" class="nav-link26">Blog</a></li>
2984
2985      <!-- actions move inside the mobile drawer at small widths -->
2986      <li class="mobile-only-action26">
2987        <a href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Uber%20clone%20Spotnrides!" class="btn26nav bt-primary26">Get Custom Quote</a>
2988      </li>
2989    </ul>
2990
2991    <div class="nav-actions26" id="navActions26">
2992      <a href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Uber%20clone%20Spotnrides!" class="btn26nav bt-primary26">Get Custom Quote</a>
2993    </div>
2994
2995    <button class="nav-toggle26" id="navToggle26" aria-label="Toggle navigation" aria-expanded="false">
2996      <span></span><span></span><span></span>
2997    </button>
2998  </nav>
2999</header>
3000<script>
3001  const navToggle26 = document.getElementById('navToggle26');
3002  const links26 = document.getElementById('links26');
3003
3004  // Open/close the mobile drawer
3005  navToggle26.addEventListener('click', (e) => {
3006    e.stopPropagation();
3007    const isOpen = links26.classList.toggle('open');
3008    navToggle26.classList.toggle('active', isOpen);
3009    navToggle26.setAttribute('aria-expanded', isOpen);
3010  });
3011
3012  // Tap-to-open dropdowns (Product / Clone Product)
3013  document.querySelectorAll('.has-dropdown26 > .dropdown-toggle26').forEach(toggle => {
3014    toggle.addEventListener('click', (e) => {
3015      e.preventDefault();
3016      e.stopPropagation(); // <-- stops this click from closing the whole drawer
3017
3018      const parent = toggle.parentElement;
3019      const isOpen = parent.classList.contains('open');
3020
3021      // close any other open dropdown first
3022      document.querySelectorAll('.has-dropdown26.open').forEach(el => {
3023        if (el !== parent) el.classList.remove('open');
3024      });
3025
3026      // toggle this one
3027      parent.classList.toggle('open', !isOpen);
3028    });
3029  });
3030
3031  // Close drawer only when a REAL link (not a dropdown toggle, not the caret26) is tapped
3032  links26.querySelectorAll('a:not(.dropdown-toggle26)').forEach(link => {
3033    link.addEventListener('click', (e) => {
3034      e.stopPropagation();
3035      links26.classList.remove('open');
3036      navToggle26.classList.remove('active');
3037      navToggle26.setAttribute('aria-expanded', false);
3038    });
3039  });
3040
3041  // Prevent clicks INSIDE the open drawer (anywhere) from bubbling to document
3042  links26.addEventListener('click', (e) => e.stopPropagation());
3043
3044  // Close the drawer only when clicking truly outside of it
3045  document.addEventListener('click', (e) => {
3046    if (!links26.contains(e.target) && !navToggle26.contains(e.target)) {
3047      links26.classList.remove('open');
3048      navToggle26.classList.remove('active');
3049      navToggle26.setAttribute('aria-expanded', false);
3050    }
3051  }); 
3052</script>
vendor: 1 bytes, line 3052
3052
3053<script>
3054  // ===== HEADER SCROLL EFFECT =====
3055  const header26 = document.getElementById('header26');
3056
3057  function handleScroll() {
3058    if (window.scrollY > 10) {
3059      header26.classList.add('scrolled');
3060    } else {
3061      header26.classList.remove('scrolled');
3062    }
3063  }
3064
3065  // run on scroll
3066  window.addEventListener('scroll', handleScroll);
3067
3068  // run on page load
3069  window.addEventListener('load', handleScroll);
3070</script>
3070
3071
3072
3073<style>
3074    .para-new.descpp {
3075  font-display: swap;
3076  will-change: transform;
3077}
3078</style>
3079
3080
3081	<!-- main slider of the page -->
3082	<div id="main1" style="background-color: #010220;padding-top: 100px;">
3083		<div class="container">
3084			<div class="row">
3085				<div class="col-lg-7">
3086					<div class="caption ">
3087						<!-- <p class="para-title">Build A Impactful</p> -->
3088						<!-- animate fadeIn five -->
3089						<h1 class="h1">AI-Powered Uber Clone For Taxi Business</h1>
3090						<div class="para-new descpp" style="padding-top: 5px;">
3091							<!-- SpotnRides is delighted to introduce our upgraded AI-powered taxi app solutions for all types of taxi businesses, including airport, outstation, corporate, rental, and intercity services. Maximize revenue and fleet efficiency with AI-infused Uber clone apps for all taxi types. -->
3092							Scale your mobility business beyond your imagination with our AI-driven taxi app solutions
3093							for airport, outstation, corporate, rental, and every other taxi business. SpotnRides offers
3094							automated dispatch, voice-booking, and multi-region system features in its customizable Uber
3095							clone app to boost enterprise growth.
3096						</div>
3097						<div class="para-new">It is an AI-enabled, customizable, white-label rideshare solution ready for launch, helping entrepreneurs to start their taxi business within a few days in 2026.</div>
3098
3099						<!-- <dotlottie-player
3100								src="https://lottie.host/445fd015-728d-41e3-8931-7f307f759e43/fJ0m8iz3rF.json"
3101								background="transparent" speed="1" loop autoplay
3102								style="min-width: 400px;min-height: 400px;height: 400px; width: 400px; text-align: left;" class="anime"></dotlottie-player> -->
3103
3104						<!-- <img src="./assets/images/lotti_new_300.webp" alt="Ride sharing app development"  width="300" height="300" loading="eager"> -->
3105
3106
3107						<!-- <video autoplay loop width="250">
3108									<source src="./assets/lotti/map.webm" type="video/webm"  />
3109								  </video> -->
3110
3111						<!-- <img src="./assets/lotti/map.webp" 
3112									alt="Ride sharing app development" 
3113									 loading="eager"  fetchpriority="high" class="map_new"  style="width: 350px !important; height: 350px !important;" /> -->
3114
3115					<video width="400" height="400" autoplay loop muted fetchpriority="high" aria-label="Best Uber Clone App for Taxi Business">
3116  <source src="./assets/lotti/webm_new-new.webm" type="video/webm">
3117  Your browser does not support the video tag.
3118</video>
3119<!--<img 
3120  src="./assets/images/lotti_new_300.webp"
3121  width="300"
3122  height="300"
3123  fetchpriority="high"
3124  decoding="async"
3125  loading="eager"
3126  alt="Taxi app illustration">-->
3127
3128
3129
3130
3131
3132					</div>
3133
3134					<!-- <dotlottie-player src="https://lottie.host/8f370d59-8789-4618-891e-5ac230b5d5f7/CnXJH3jSVr.json" background="transparent" speed="0.5" style="width: 300px; height: 300px;" class="img-fluid animatee text-center" loop autoplay></dotlottie-player> -->
3135
3136
3137				</div>
3138				<div class="col-lg-5">
3139
3140
3141					<div class="form-divsx">
3142						<h2 class="text-center" style="font-size: 25px;color: #fff;line-height: 1.5;">Time To Turn
3143							Your Vision Into Reality</h2>
3144						<!-- Name -->
3145						<form action="../mail.php" method="post" id="form_7" autocomplete="off">
3146							<input type="text" id="check_fill_7" name="check_fill" style="display:none">
3147							<input type="text" id="user_name_7" name="user_name" style="width:100%;"
3148								class="form-control " placeholder="Name" value="" required oninput="filterInput(event)">
3149							<!-- Email -->
3150							<!-- <div style="margin-top:5%"></div> -->
3151							<input type="email" class="form-control " id="user_email_7" placeholder="E-mail Address"
3152								name="user_email" value="" onkeypress="return AvoidSpace(event)" style="width:100%;"
3153								required>
3154							<!-- Skype/Whatsapp -->
3155							<!-- <div style="margin-top:5%"></div> -->
3156							<input type="text" class="form-control " id="phone_number_7"
3157								placeholder="Skype Id / Whatsapp Number" name="skype" value=""
3158								onkeypress="return AvoidSpace(event)" style="width:100%;" required>
3159							<input type="hidden" name="type" id="type_7" value="7">
3160							<!-- <div style="margin-top:5%"></div> -->
3161							<div class="ddd autocomplete">
3162								<input id="country_7" name="myCountry" class="form-control" type="text"
3163									placeholder=" Search Country" type="text" required>
3164							</div>
3165							<!-- <div style="margin-top:5%"></div> -->
3166							<!-- <div class="form-group"> -->
3167							<textarea class="form-control rounded-0" name="notes" id="notes_7" rows="3"
3168								placeholder="Please share the summary of your business requirements."
3169								style="margin-top: 22px;"></textarea>
3170							<!-- </div> -->
3171							<!-- <div style="margin-top:5%"></div> -->
3172							<button class="rds-button-secondry2" style="width:100%;"
3173								onclick="project_form('form_7','7');" type="button">
3174								Submit</button>
3175
3176						</form>
3177					</div>
3178
3179				</div>
3180			</div>
3181		</div>
3182
3183		<section class="our-work-speak section-padding wow fadeInUp container looo bg-full"
3184			style="padding-top: 150px; z-index: 20; min-width: 100%; padding-right: 10%; padding-left: 10%;height: 700px;position: relative;"
3185			data-id="fadeInDown" data-aos="fadeInDown">
3186
3187			<!-- <img 
3188			src="./assets/images/wave.webp" 
3189			alt="Background Wave" 
3190			style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;" 
3191			loading="lazy"> -->
3192
3193			<img src="./assets/images/wave.webp" srcset="
3194					./assets/images/wave.webp 1x, 
3195					./assets/images/wave.webp 2x" alt="Ride sharing app development company"
3196				style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;"
3197				loading="eager">
3198
3199			<!-- <section class="our-work-speak section-padding wow fadeInUp container looo   bg-full"
3200				style="    padding-top: 150px;
3201				z-index: 20;
3202				min-width: 100%;
3203				padding-right: 10%;
3204				padding-left: 10%; background:url(./assets//images/wave.webp);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:0;height:632px" data-id='fadeInDown' data-aos='fadeInDown'> -->
3205
3206
3207			<h2 class="point-title text-center h11" data-id='fadeInDown' data-aos='fadeInDown' style="margin-top:60px">
3208				Our Works Speak Louder than Words</h2>
3209
3210			<div id="carousel" class="owl-slider owl-carousel" data-id='fadeInDown' data-aos='fadeInDown'>
3211				<img class="item" src="./assets/images/file19.webp" alt="Taxi app clone" loading="lazy" width="155"
3212					height="155" />
3213
3214				<img class="item" src="./assets/images/file37.webp" alt="On demand taxi app development" loading="lazy"
3215					width="155" height="155" />
3216
3217				<img class="item" src="./assets/images/file21.webp" alt="Uber clone script" loading="lazy" width="155"
3218					height="155" />
3219
3220				<img class="item" src="./assets/images/file22.webp" alt="Custom Uber app development" loading="lazy"
3221					width="155" height="155" />
3222
3223				<img class="item" src="./assets/images/file23.webp" alt="White label Uber app" loading="lazy"
3224					width="155" height="155" />
3225
3226				<img class="item" src="./assets/images/file24.webp" alt="Uber alternative app" loading="lazy"
3227					width="155" height="155" />
3228
3229				<img class="item" src="./assets/images/file25.png" alt="Taxi booking app development" loading="lazy"
3230					width="155" height="155" />
3231
3232				<img class="item" src="./assets/images/file26.webp" alt="Cab app clone" loading="lazy" width="155"
3233					height="155" />
3234
3235				<img class="item" src="./assets/images/file27.webp" alt="Uber app clone development" loading="lazy"
3236					width="155" height="155" />
3237
3238				<img class="item" src="./assets/images/file28.webp" alt="Mobile app development for taxi booking"
3239					loading="lazy" width="155" height="155" />
3240
3241				<img class="item" src="./assets/images/file29.webp" alt="App like Uber for transportation"
3242					loading="lazy" width="155" height="155" />
3243
3244				<img class="item" src="./assets/images/file30.webp" alt="Giraffe Transport taxi service client logo"
3245					loading="lazy" width="155" height="155" />
3246
3247				<img class="item" src="./assets/images/file31.webp"
3248					alt="Opulento chauffeur and luxury transport service logo" loading="lazy" width="155"
3249					height="155" />
3250
3251				<img class="item" src="./assets/images/file32.webp" alt="Uber for X app development" loading="lazy"
3252					width="155" height="155" />
3253
3254				<img class="item" src="./assets/images/file33.webp" alt="Alternative to Uber app" loading="lazy"
3255					width="155" height="155" />
3256
3257				<img class="item" src="./assets/images/file34.webp" alt="App similar to Uber" loading="lazy" width="155"
3258					height="155" />
3259
3260				<img class="item" src="./assets/images/file35.webp" alt="Taxi service app development" loading="lazy"
3261					width="155" height="155" />
3262
3263				<img class="item" src="./assets/images/file36.webp" alt="Ride sharing platform development"
3264					loading="lazy" width="155" height="155" />
3265
3266
3267
3268			</div>
3269		</section>
3270
3271
3272		<section class="counter-sec  bg-full rds-section-seamless-home v2 rds-bg-light-grey rds-section-large bgwave"
3273			style="position: relative;margin-top: -130px;  ">
3274			<div class="container" data-id='fadeInDown' data-aos='fadeInDown' style="margin-top: 120px;">
3275
3276				<div class="row align-items-center">
3277					<div class="rds-join-2 col-lg-12 caption text-center clone-title" style="padding-bottom: 0px;">
3278						<!-- <div class="col-lg-12 caption text-center"> -->
3279						<!-- header of the page -->
3280						<!-- <div class="caption text-center"> -->
3281						<h2 class=" sub-title" >What Is An AI-Powered Uber Clone App?</h2>
3282						<!-- </div> -->
3283						<!-- header of the page end -->
3284						<!-- </div> -->
3285					</div>
3286
3287					<div class="col-lg-6 text-center">
3288						<!-- counter holder of the page -->
3289						<div class="uber">
3290							<p class="para text-dark" style="padding:0 15px;font-weight: 600;text-align: justify;">
3291								Uber clone app is a ready-made taxi booking solution that mimics the functionalities of
3292								the ride-hailing platform Uber. Instead of building an app from the ground up, this app
3293								sounds like a time-saving option for businesses looking for a quick launch.
3294
3295							</p>
3296							<p class="para text-dark" style="padding:0 15px;font-weight: 600;text-align: justify;">
3297								Our white-label app solutions align with your brand and drive engagement through a
3298								personalized booking experience. Faster bookings, real-time tracking, quick-to-reach
3299								routes, and a dynamic matching engine make our smart solution stand out in the
3300								competitive market.
3301
3302							</p>
3303							<p class="para text-dark" style="padding: 0 15px;font-weight: 600;text-align: justify;">
3304								The integration of AI capabilities in the app ensures the app renders an unmatched
3305								customer experience by incorporating intelligence into the system. Our powerful Uber
3306								clone app turns your investment into lucrative outcomes in the ride-sharing, carpooling,
3307								or ride-hailing market, wherever you focus your taxi service.
3308							</p>
3309							<!-- counter holder of the page end -->
3310						</div>
3311					</div>
3312					<div class="col-lg-6 text-center">
3313						<!-- <dotlottie-player src="https://lottie.host/b9b28374-d0e6-4092-9b50-b278e4a262c7/iRIcrOAfeN.json"
3314							class="anime" background="transparent" speed="1" style="width: 500px; height: 500px;" loop
3315							autoplay></dotlottie-player> -->
3316
3317						<!-- <img src="./assets/images/bus_lottie_300.webp" alt="Ride sharing app development" class="anime bus_lottie"  style="width: 400px !important; height: 400px !important;"  loading="lazy"/> -->
3318						<!-- <img src="./assets/lotti/bus_new.gif" alt="Ride sharing app development" class="anime bus_lottie" style="width: 400px !important; height: 400px !important;"   loading="lazy"/> -->
3319						<video width="450" height="450" autoplay loop muted class="anime bus_lottie" fetchpriority="high" aria-label="AI Uber Clone 2026 Modern Ride Sharing Screen">
3320							<source src="./assets/lotti/bus_new-new.webm" type="video/webm">
3321							Your browser does not support the video tag.
3322						</video>
3323					</div>
3324
3325
3326
3327				</div>
3328			</div>
3329		</section>
3330
3331
3332
3333
3334
3335
3336
3337
3338
3339		<section class="business-models" style="padding: 50px 0px 50px 0px">
3340			<div class="container">
3341				<h2 class="sub-title">Business Model</h2>
3342				<p class="para text-dark text-center paraww">Our taxi app solution supports multiple business models,
3343					enabling
3344					entrepreneurs to launch and operate a profitable ride-hailing platform with flexible monetization
3345					options. </p>
3346
3347				<div class="models-grid">
3348					<div class="model-item">
3349						<h3 class="model-heading">Vehicle Sharing + Ride-Hailing</h3>
3350						<p class="para text-dark">Users can book rides or share vehicles on your platform.</p>
3351					</div>
3352
3353					<div class="model-item">
3354						<h3 class="model-heading">Niche Transport Services</h3>
3355						<p class="para text-dark">Target specific needs: EV-only rides, female drivers, handicapped
3356							accessibility, or pet transport.</p>
3357					</div>
3358
3359					<div class="model-item">
3360						<h3 class="model-heading">Super-App Ecosystem</h3>
3361						<p class="para text-dark">Combine rides, deliveries, payments, rentals, and loyalty services
3362							under one integrated platform.</p>
3363					</div>
3364
3365					<div class="model-item">
3366						<h3 class="model-heading">Asset-Light Model</h3>
3367						<p class="para text-dark">Admin doesn't own cars; drivers use their own vehicles.</p>
3368					</div>
3369
3370					<div class="model-item">
3371						<h3 class="model-heading">Global Expansion Strategy</h3>
3372						<p class="para text-dark">Localized operations in multiple cities and countries.</p>
3373					</div>
3374
3375					<div class="model-item">
3376						<h3 class="model-heading">Customer-Centric Approach</h3>
3377						<p class="para text-dark">Ratings, reviews, loyalty programs, and safety features.</p>
3378					</div>
3379
3380					<div class="model-item">
3381						<h3 class="model-heading">Technology-Driven Operations</h3>
3382						<p class="para text-dark">AI, GPS tracking, routing algorithms, predictive analytics.</p>
3383					</div>
3384
3385				</div>
3386			</div>
3387		</section>
3388
3389		<!-- New Revenue Model Section - 3 Cards Visible Carousel -->
3390		<section class="new-revenue-model-section" style="padding: 50px 0px 50px 0px">
3391			<div class="container">
3392				<div class="new-section-header">
3393					<h2 class="sub-title text-light" style="color: #fff;">Revenue Model</h2>
3394					<p class="para text-white text-center paraww"
3395						style="font-size: 16px !important; padding: 0px !important;">Launch and grow your business with our ride sharing business software app, featuring multiple high-converting revenue streams designed for your taxi business growth.
3396					</p>
3397				</div>
3398
3399				<div class="new-carousel-wrapper">
3400					<button class="new-carousel-nav new-carousel-prev" id="newRevenuePrev">
3401							<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
3402								<path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round"
3403									stroke-linejoin="round" />
3404							</svg>
3405						</button>
3406					<div class="new-carousel-container">
3407						
3408
3409						<div class="new-carousel-track" id="newRevenueTrack">
3410							<!-- Card 1 -->
3411							<div class="new-carousel-slide">
3412								<div class="new-revenue-card">
3413									<h3 class="new-slide-heading">Core Revenue Streams from Your Taxi App
3414									</h3>
3415									<p class="para text-white" style="font-size: 15px !important;">
3416										Earn consistent profits with powerful monetization strategies built into the
3417										platform.
3418									</p>
3419									<ul class="new-revenue-list">
3420										<li>Commission percentage from every ride
3421										</li>
3422										<li>Rider subscription plans (weekly / monthly)
3423										</li>
3424										<li>Driver subscription tiers (Basic, Premium, Pro)
3425										</li>
3426										<li>Premium rider membership fees</li>
3427										<li>
3427Priority booking fees for faster pickups
3428										</li>
3429										<li>Preferred driver selection fees</li>
3430										<li>Waiting time charges
3431										</li>
3432									</ul>
3433								</div>
3434							</div>
3435
3436							<!-- Card 2 -->
3437							<div class="new-carousel-slide">
3438								<div class="new-revenue-card">
3439									<h3 class="new-slide-heading">Smart Pricing Strategies to Increase Profits
3440									</h3>
3441									<p class="para text-white" style="font-size: 15px !important;">
3442										Maximize revenue using dynamic and intelligent pricing systems.
3443									</p>
3444									<ul class="new-revenue-list">
3445										<li>Surge pricing during peak demand</li>
3446										<li>Flat fare pricing for specific routes</li>
3447										<li>Faster service or express ride options</li>
3448										<li>Dynamic pricing per city or region or vehicle types
3449										</li>
3450									</ul>
3451								</div>
3452							</div>
3453
3454							<!-- Card 3 -->
3455							<div class="new-carousel-slide">
3456								<div class="new-revenue-card">
3457									<h3 class="new-slide-heading">Additional Income Opportunities</h3>
3458									<p class="para text-white" style="font-size: 15px !important;">
3459										Expand revenue streams beyond ride fares.
3460									</p>
3461									<ul class="new-revenue-list">
3462										<li>Cancellation fees for late ride cancellations</li>
3463										<li>Sponsored listings for drivers or vehicle categories
3464										</li>
3465										<li>In-app advertisements for brands
3466										</li>
3467										<li>Corporate partnerships and company tie-ups
3468										</li>
3469									</ul>
3470								</div>
3471							</div>
3472
3473							<!-- Card 4 -->
3474							<div class="new-carousel-slide">
3475								<div class="new-revenue-card">
3476									<h3 class="new-slide-heading">Advanced Revenue Optimization
3477									</h3>
3478									<p class="para text-white" style="font-size: 15px !important;">
3479										Use smart platform controls to improve earnings and demand management.
3480									</p>
3481									<ul class="new-revenue-list">
3482										<li>Dynamic fare adjustments based on demand using analytics
3483										</li>
3484										<li>Intelligent fare adjustments based on device conditions (such as low battery
3485											scenarios)</li>
3486										<li>Promotional campaigns and subscription upgrades
3487										</li>
3488										<li>Referral bonuses
3489										</li>
3490										<li>Driver incentive programs to increase ride activity
3491										</li>
3492									</ul>
3493								</div>
3494							</div>
3495						</div>
3496
3497					
3498					</div>
3499						<button class="new-carousel-nav new-carousel-next" id="newRevenueNext">
3500							<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
3501								<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round"
3502									stroke-linejoin="round" />
3503							</svg>
3504						</button>
3505				</div>
3506				
3507			</div>
3508		</section>
3509
3510		<section class="compare-section">
3511
3512			<!-- FULL WIDTH HEADING -->
3513			<div class="compare-heading" style="padding-bottom: 25px; margin-bottom: 0px !important;">
3514				<h2 class="sub-title">
3515					Subscription vs Commission Revenue Model
3516				</h2>
3517				<p class="para text-dark text-center" style="padding-bottom: 0px ;">The platform allows your business to choose and manage driver
3518					monetization
3519					models
3520					such as
3521					subscription plans or per-ride commissions. </p>
3522			</div>
3523
3524
3525			<!-- CONTENT CONTAINER -->
3526			<div class="compare-container">
3527
3528				<div class="compare-table-scroll">
3529
3530					<div class="compare-table">
3531
3532						<div class="compare-row compare-header">
3533							<h3>Factor</h3>
3534							<h3>Subscription Model</h3>
3535							<h3>Commission Model</h3>
3536						</div>
3537						<div class="compare-row">
3538							<div class="factor">Revenue Type</div>
3539							<div class="fontst">Fixed recurring</div>
3540							<div class="fontst">Per ride percentage</div>
3541						</div>
3542
3543						<div class="compare-row">
3544							<div class="factor">Driver Cost</div>
3545							<div class="fontst">Monthly / Weekly</div>
3546							<div class="fontst">Per completed ride</div>
3547						</div>
3548
3549						<div class="compare-row">
3550							<div class="factor">Revenue Stability</div>
3551							<div class="fontst">Predictable</div>
3552							<div class="fontst">Variable, scales with rides</div>
3553						</div>
3554
3555						<div class="compare-row">
3556							<div class="factor">Driver Risk</div>
3557							<div class="fontst">Upfront fee required</div>
3558							<div class="fontst">Low risk, pay only when earning</div>
3559						</div>
3560
3561						<div class="compare-row">
3562							<div class="factor">Driver Retention</div>
3563							<div class="fontst">Higher loyalty</div>
3564							<div class="fontst">Flexible, easy onboarding</div>
3565						</div>
3566
3567						<div class="compare-row">
3568							<div class="factor">Suitable For</div>
3569							<div class="fontst">High-volume drivers, fleet operators</div>
3570							<div class="fontst">New drivers, growing platforms</div>
3571						</div>
3572
3573						<div class="compare-row">
3574							<div class="factor">Platform Growth</div>
3575							<div class="fontst">Slow, predictable</div>
3576							<div class="fontst">Fast, tied to ride demand</div>
3577						</div>
3578
3579						<div class="compare-row">
3580							<div class="factor">
3580Dynamic Pricing</div>
3581							<div class="fontst">Fixed or per plan</div>
3582							<div class="fontst">Supports surge & demand-based pricing</div>
3583						</div>
3584
3585						<div class="compare-row">
3586							<div class="factor">Predictable Cash Flow</div>
3587							<div class="fontst">Yes</div>
3588							<div class="fontst">No, Depends on trips</div>
3589						</div>
3590
3591						<div class="compare-row">
3592							<div class="factor">Upselling Opportunity</div>
3593							<div class="fontst">Tiered plans (Basic/Premium/Pro)</div>
3594							<div class="fontst">Commission adjustments possible</div>
3595						</div>
3596						<div class="compare-row">
3597							<div class="factor">Best For</div>
3598							<div class="fontst">Established markets, loyal drivers</div>
3599							<div class="fontst">Expanding, high-demand markets</div>
3600						</div>
3601						<div class="compare-row">
3602							<div class="factor">Profit Predictability</div>
3603							<div class="fontst">High</div>
3604							<div class="fontst">Moderate</div>
3605						</div>
3606						<div class="compare-row">
3607							<div class="factor">Admin Management</div>
3608							<div class="fontst">Easier (fixed fees)</div>
3609							<div class="fontst">Requires commission tracking & analytics</div>
3610						</div>
3611						<div class="compare-row">
3612							<div class="factor">Customer Experience Impact</div>
3613							<div class="fontst">Drivers may prioritize rides better</div>
3614							<div class="fontst">Surge pricing affects riders</div>
3615						</div>
3616					</div>
3617
3618				</div>
3619
3620			</div>
3621
3622		</section>
3623
3624
3625
3626		
3627	<section class="counter-sec bg-full rds-section-seamless-home rds-bg-light-grey v2 rds-section-large  "
3628			id="features" style="padding-bottom: 30px;">
3629			<div class="container" data-id='fadeInDown' data-aos='fadeInDown'>
3630				<h2 class="sub-title" style="margin-top: 50px !important;">Must Have Features in an Uber Clone App</h2>
3631				<p class="para text-dark text-center">Our Ride Sharing Management Software Features for Efficient Taxi Business Operations</p>
3632				<div style="margin-top: 1%;"></div>
3633				<div class="row">
3634					<div class="col-sm-12">
3635						<div class="menu text-center">
3636
3637							<button class="showSingle tab1 focusDiv" target="1">Customer</button>
3638							<button class="showSingle tab2" target="2">Driver</button>
3639							<button class="showSingle tab3" target="3">Admin</button>
3640						</div>
3641					</div>
3642				</div>
3643
3644				<div class="row align-items-center targetDiv" id="div1"
3645					style="vertical-align: middle;align-items: center;margin-top: 20px;">
3646					<div id="demo2" class="col-lg-4 text-center fadeInUp carousel slide carousel-inner"
3647						data-ride="carousel" style="vertical-align: middle;">
3648						<!-- <div id="demo2" class="carousel slide" data-ride="carousel"> -->
3649
3650						<!-- Indicators -->
3651
3652
3653						<!-- The slideshow -->
3654						<div class="carousel-inner" style="    left: 8px;">
3655							<!-- <div class="carousel-item item active"> -->
3656							<img src="./assets/images/spotnrides-cus-1.webp" width="240px" height="560px"
3657								class="img-fluid  carousel-item item active cus_image" loading="lazy"
3658								alt="Ride Sharing Rider App Features">
3659							<!-- </div> -->
3660							<!-- <div class="carousel-item item"> -->
3661							<img src="./assets/images/spotnrides-cus-2.webp"  width="240px" height="560px"
3662								class="img-fluid  carousel-item item cus_image" loading="lazy"
3663								alt="GPS navigation and live ride tracking in taxi app">
3664							<!-- </div> -->
3665							<!-- <div class="carousel-item item"> -->
3666							<img src="./assets/images/spotnrides-cus-3.webp" width="240px" height="560px"
3667								class="img-fluid  carousel-item item cus_image" loading="lazy"
3668								alt="Driver review and rating feature in ride hailing app">
3669							<img src="./assets/images/spotnrides-cus-4.webp" width="240px" height="560px"
3670								class="img-fluid  carousel-item item cus_image" loading="lazy"
3671								alt="Emergency SOS safety button in taxi booking app">
3672							<img src="./assets/images/spotnrides-cus-5.webp"  width="240px" height="560px"
3673								class="img-fluid  carousel-item item cus_image" loading="lazy"
3674								alt="Multiple payment options in taxi booking app">
3675							<img src="./assets/images/spotnrides-cus-6.webp" width="240px" height="560px"
3676								class="img-fluid  carousel-item item cus_image" loading="lazy"
3677								alt="Crypto wallet payment feature in ride hailing app">
3678							<!-- </div> -->
3679							 
3680
3681						</div>
3682
3683						<!-- </div> -->
3684						<a class="carousel-control-prev" href="#demo2" data-slide="prev">
3685							<span class="carousel-control-prev-icon"></span>
3686						</a>
3687						<a class="carousel-control-next" href="#demo2" data-slide="next">
3688							<span class="carousel-control-next-icon"></span>
3689						</a>
3690					</div>
3691
3692					<div class="col-lg-8 col-md-12">
3693						<div class="space-30"></div>
3694
3695						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12 cus_details">
3696							<!-- <div class="flexx"> -->
3697							<img class="img-fluid" src="./assets/images/registration.png"
3698								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
3699								alt="Carpool app development">
3700							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Simple
3701								Onboarding & Registration</h5>
3702							<!-- </div> -->
3703							<P class="para text-dark1 text-light cllrr">Customers can download the app from Play Store
3704								or App
3705								Store and log in with their email address.
3706							</P>
3707						</div>
3708						<div class="col-md-6 col-sm-12 col-lg-6 col-xl-6 cus_details">
3709
3710
3711
3712							<!-- <div class="flexx"> -->
3713							<img class="img-fluid" src="./assets/images/AI-based booking.png"
3714								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
3715								alt="App script for carpooling">
3716							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">AI-based booking
3717							</h5>
3718							<!-- </div> -->
3719							<P class="para text-dark1 text-light cllrr">Simply use the voice booking feature to specify
3720								your
3721								pickup and drop-off location along with your desired vehicle option.
3722							</P>
3723						</div>
3724						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12 cus_details">
3725							<!-- <div class="flexx"> -->
3726							<img class="img-fluid" src="./assets/images/time-management.png"
3727								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
3728								alt="Carpooling platform clone">
3729							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Schedule The
3730								Rides</h5>
3731							<!-- </div> -->
3732							<P class="para text-dark1 text-light cllrr">Customers can pre-book rides by selecting the
3733								desired
3734								date, time, and pickup location.</P>
3735						</div>
3736						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12 cus_details">
3737							<!-- <div class="flexx"> -->
3738							<img class="img-fluid" src="./assets/images/monitoring.png"
3739								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
3740								alt="Clone app for carpool service">
3741							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">GPS Enabled
3742								Navigation</h5>
3743							<!-- </div> -->
3744							<P class="para text-dark1 text-light cllrr">The AI-supported taxi booking app consists of an
3745								in-built navigation map for customers to track their live movements.
3746							</P>
3747						</div>
3748						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12 cus_details">
3749							<!-- <div class="flexx"> -->
3750							<img class="img-fluid" src="./assets/images/review.png"
3751								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
3752								alt="Car sharing app script">
3753							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Review And Rating
3754							</h5>
3755							<!-- </div> -->
3756							<P class="para text-dark1 text-light cllrr">Customers can give ratings and reviews of
3757								drivers
3758								through the app. This makes it simple for other customers to select the best driver.
3759							</P>
3760						</div>
3761						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12 cus_details">
3762							<!-- <div class="flexx"> -->
3763							<img class="img-fluid" src="./assets/images/alarm.png"
3764								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
3765								alt="Carpooling management software">
3766							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">SOS Button</h5>
3767							<!-- </div> -->
3768							<P class="para text-dark1 text-light cllrr">This option enables customers during emergency
3769								situations by simply tapping on the logo on the home screen.</P>
3770						</div>
3771						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12 cus_details">
3772							<!-- <div class="flexx"> -->
3773							<img class="img-fluid" src="./assets/images/coin.png"
3774								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
3775								alt="Carpooling app clone development">
3776							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Multiple
3777								Payment Options</h5>
3778							<!-- </div> -->
3779							<P class="para text-dark1 text-light cllrr">The customer has several payment options,
3780								including
3781								cash, digital wallets, credit cards, and net banking.</P>
3782						</div>
3783						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12 cus_details">
3784							<!-- <div class="flexx"> -->
3785							<img class="img-fluid" src="./assets/images/cryptowallet.png"
3786								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
3787								alt="Carpooling app clone development">
3788							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Crypto Wallet</h5>
3789							<!-- </div> -->
3790							<P class="para text-dark1 text-light cllrr">Make taxi app payments easy and safe by allowing
3791								simple crypto wallet payments with Secure Wallet Connect.
3792
3793							</P>
3794						</div>
3795					</div>
3796
3797				</div>
3798
3799
3800				<!-- Driver app -->
3801
3802				<div class="row align-items-center targetDiv" id="div2" style="display:none;margin-top: 20px;">
3803					<div id="demo3" class="col-lg-4 text-center carousel slide" data-ride="carousel">
3804
3805						<!-- <div id="demo3" class="carousel slide" data-ride="carousel"> -->
3806
3807						<!-- Indicators -->
3808
3809
3810						<!-- The slideshow -->
3811						<div class="carousel-inner" style="    left: 8px;">
3812							<!-- <div class="carousel-item item active"> -->
3813							<img src="./assets/images/spotnrides-driver-1.webp"
3814								class="img-fluid  carousel-item item active" loading="lazy"
3815								alt="Ride Sharing Driver App Features">
3816							<!-- </div> -->
3817							<!-- <div class="carousel-item item"> -->
3818							<img src="./assets/images/spotnrides-driver-2.webp" class="img-fluid  carousel-item item"
3819								loading="lazy" alt="Driver ride request notification in taxi app">
3820							<!-- </div> -->
3821							<!-- <div class="carousel-item item"> -->
3822							<img src="./assets/images/spotnrides-driver-3.webp" class="img-fluid  carousel-item item"
3823								loading="lazy" alt="Driver earnings and transaction history dashboard">
3824							<img src="./assets/images/spotnrides-driver-4.webp" class="img-fluid  carousel-item item"
3825								loading="lazy" alt="Driver trip history and previous ride details">
3826							<img src="./assets/images/spotnrides-driver-5.webp" class="img-fluid  carousel-item item"
3827								loading="lazy" alt="Driver vehicle management in taxi driver app">
3828							<img src="./assets/images/spotnrides-driver-6.webp" class="img-fluid  carousel-item item"
3829								loading="lazy" alt="Driver availability and time management feature">
3830							<!-- </div> -->
3831
3832
3833
3834
3835						</div>
3836						<!-- </div> -->
3837						<a class="carousel-control-prev" href="#demo3" data-slide="prev">
3838							<span class="carousel-control-prev-icon"></span>
3839						</a>
3840						<a class="carousel-control-next" href="#demo3" data-slide="next">
3841							<span class="carousel-control-next-icon"></span>
3842						</a>
3843					</div>
3844					<div class="col-lg-8">
3845						<div class="space-30"></div>
3846
3847
3848						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
3849							<!-- <div class="flexx"> -->
3850							<img class="img-fluid" src="./assets/images/registration.png"
3851								style="width: 35px;display: inline-block;" loading="lazy" alt="Carpooling app script">
3852							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Easy
3853								Registration</h5>
3854							<!-- </div> -->
3855							<P class="para text-dark1 text-light cllrr">Taxi drivers can quickly sign up in the app
3856								through an
3857								email address along with document verification.
3858							</P>
3859						</div>
3860
3861						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
3862							<!-- <div class="flexx"> -->
3863							<img class="img-fluid" src="./assets/images/warning.png"
3864								style="width: 35px;display: inline-block;" loading="lazy"
3865								alt="Carpooling service clone script">
3866							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Instant Alert Of
3867								Ride Requests
3868							</h5>
3869							<!-- </div> -->
3870							<P class="para text-dark1 text-light cllrr">Drivers receive an immediate notification
3871								regarding
3872								ride requests from customers to confirm easily.
3873							</P>
3874						</div>
3875
3876						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
3877							<!-- <div class="flexx"> -->
3878							<img class="img-fluid" src="./assets/images/coin.png"
3879								style="width: 35px;display: inline-block;" loading="lazy"
3880								alt="Ride sharing software script">
3881							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Transaction History
3882							</h5>
3883							<!-- </div> -->
3884							<P class="para text-dark1 text-light cllrr">The ride-sharing app saves and manages all the
3885								history
3886								of previous transactions to help drivers refer them in the future.</P>
3887						</div>
3888
3889						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
3890							<!-- <div class="flexx"> -->
3891							<img class="img-fluid" src="./assets/images/history.png"
3892								style="width: 35px;display: inline-block;" loading="lazy"
3893								alt="App script for carpool service">
3894							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Previous Ride Data
3895							</h5>
3896							<!-- </div> -->
3897							<P class="para text-dark1 text-light cllrr">Complete data about completed previous rides is
3898								tracked and saved in the app along with the date and time.</P>
3899						</div>
3900
3901
3902
3903						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
3904							<!-- <div class="flexx"> -->
3905							<img class="img-fluid" src="./assets/images/transportation.png"
3906								style="width: 35px;display: inline-block;" loading="lazy" alt="Carpooling app template">
3907							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Vehicle Choice
3908
3909								Track Record</h5>
3910							<!-- </div> -->
3911							<P class="para text-dark1 text-light cllrr">Drivers can add and modify available vehicle
3912								models.
3913								Customers can effortlessly select desired vehicles from these categories.</P>
3914						</div>
3915						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
3916							<!-- <div class="flexx"> -->
3917							<img class="img-fluid" src="./assets/images/choice.png"
3918								style="width: 35px;display: inline-block;" loading="lazy"
3919								alt="Carpool app script development">
3920							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Time Management For
3921								Drivers
3922							</h5>
3923							<!-- </div> -->
3924							<P class="para text-dark1 text-light cllrr">Drivers can specify their availability by
3925								enabling the
3926								online or offline option of the app based on their schedules and preferences.</P>
3927						</div>
3928						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
3929							<!-- <div class="flexx"> -->
3930							<img class="img-fluid" src="./assets/images/time-management.png"
3931								style="width: 35px;display: inline-block;" loading="lazy"
3932								alt="Clone script for carpooling app">
3933							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">
3933Faster Document
3934								Uploads</h5>
3935							<!-- </div> -->
3936							<P class="para text-dark1 text-light cllrr">A rapid updation of documents like identity
3937								proof,
3938								license and registration certificate can be uploaded directly through the taxi booking
3939								app.</P>
3940						</div>
3941						<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
3942							<!-- <div class="flexx"> -->
3943							<img class="img-fluid" src="./assets/images/optimization.png"
3944								style="width: 35px;display: inline-block;" loading="lazy"
3945								alt="Clone script for carpooling app">
3946							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Route Optimization
3947							</h5>
3948							<!-- </div> -->
3949							<P class="para text-dark1 text-light cllrr">The app analyzes real-time
3950								traffic data and suggests AI-based routes to help you reach customers’ locations without
3951								delay.</P>
3952						</div>
3953
3954					</div>
3955
3956
3957
3958
3959
3960				</div>
3961
3962
3963
3964				<div class="row align-items-center targetDiv" id="div3" style="display:none;margin-top: 20px;">
3965					<div class="col-lg-8 text-center fadeInUp" style="vertical-align: middle;">
3966						<!-- <div id="demo4" class="carousel slide" data-ride="carousel"> -->
3967
3968						<!-- Indicators -->
3969
3970
3971						<!-- The slideshow -->
3972
3973						<img src="./assets/images/admin-2.webp" class="img-fluid mob" loading="lazy"
3974							alt="Scalable Taxi Hailing Solution with Admin Dashboard Features">
3975
3976						<!-- <div class="carousel-item item">
3977					<img src="./assets/images/mobile14.webp" class="img-fluid mob" alt="Customer Feedback">
3978				  </div>
3979				  <div class="carousel-item item">
3980					<img src="./assets/images/mobile15.webp" class="img-fluid mob" alt="Customer Feedback">
3981				  </div>
3982				  <div class="carousel-item item">
3983					<img src="./assets/images/mobile16.webp" class="img-fluid mob" alt="Customer Feedback">
3984				  </div>
3985				  <div class="carousel-item item">
3986					<img src="./assets/images/mobile17.webp" class="img-fluid mob" alt="Customer Feedback">
3987				  </div> -->
3988
3989
3990
3991
3992						<!-- <ul class="carousel-indicators">
3993					<li data-target="#demo2" data-slide-to="0" class="active"></li>
3994					<li data-target="#demo2" data-slide-to="1"></li>
3995					<li data-target="#demo2" data-slide-to="2"></li>
3996					<li data-target="#demo2" data-slide-to="3"></li>
3997				  </ul> -->
3998
3999						<!-- <a class="carousel-control-prev" href="#demo4" data-slide="prev">
4000					<span class="carousel-control-prev-icon"></span>
4001				  </a>
4002				  <a class="carousel-control-next" href="#demo4" data-slide="next">
4003					<span class="carousel-control-next-icon"></span>
4004				  </a> -->
4005					</div>
4006					<div class="col-lg-4  fadeInUp">
4007						<div class="space-30"></div>
4008
4009
4010						<div class="col-lg-12">
4011							<!-- <div class="flexx"> -->
4012							<img class="img-fluid" src="./assets/images/registration.png"
4013								style="width: 35px;display: inline-block;" loading="lazy"
4014								alt="Clone app for ride-sharing service">
4015							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Driver
4016								Transaction Data</h5>
4017							<!-- </div> -->
4018							<P class="para text-dark1 text-light cllrr">Admin can access the entire history of
4019								individual
4020								drivers with just a few taps in the app.</P>
4021						</div>
4022
4023						<div class="col-lg-12">
4024							<!-- <div class="flexx"> -->
4025							<img class="img-fluid" src="./assets/images/warning.png"
4026								style="width: 35px;display: inline-block;" loading="lazy"
4027								alt="Carpooling solution script">
4028							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Dashboard for
4029								Commissions</h5>
4030							<!-- </div> -->
4031							<P class="para text-dark1 text-light cllrr">The information about a driver's earnings and
4032								contribution to your cash flow is displayed in the commission dashboard.</P>
4033						</div>
4034
4035						<div class="col-lg-12">
4036							<!-- <div class="flexx"> -->
4037							<img class="img-fluid" src="./assets/images/alarm.png"
4038								style="width: 35px;display: inline-block;" loading="lazy"
4039								alt="Ride sharing platform script">
4040							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">User Management</h5>
4041							<!-- </div> -->
4042							<P class="para text-dark1 text-light cllrr">Admins can edit or add information about the
4043								transactions and activities of drivers and customers.</P>
4044						</div>
4045						<!-- 
4046			<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
4047				<div class="flexx">
4048					<img class="img-fluid" src="./assets/images/history.png" style="width: 35px;">
4049				<h5 class="point-title3 text-light ms-2"  style="color: #b499ff !important">Management of Multiple Vehicles</h5></div>
4050				<P class="para text-dark1 text-light">The vehicle type and category that appear on the user app can be changed by the admin. The Vehicle Type name, Rates, and other information can be defined by them.</P>
4051			</div>
4052			 -->
4053
4054
4055
4056						<!-- <div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
4057				<div class="flexx">
4058					<img class="img-fluid" src="./assets/images/choice.png" style="width: 35px;">
4059				<h5 class="point-title3 text-light ms-2"  style="color: #b499ff !important">Fare Management</h5></div>
4060				<P class="para text-dark1 text-light">To establish uniformity, control the fare per kilometer from a single dashboard.</P>
4061			</div>
4062			<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
4063				<div class="flexx">
4064					<img class="img-fluid" src="./assets/images/time-management.png" style="width: 35px;">
4065				<h5 class="point-title3 text-light ms-2"  style="color: #b499ff !important">Payout Management</h5></div>
4066				<P class="para text-dark1 text-light">The administrator can use the app to pay drivers their commission and view all relevant statistics.</P>
4067			</div>
4068			<div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
4069				<div class="flexx">
4070					<img class="img-fluid" src="./assets/images/file-upload.png" style="width: 35px;">
4071				<h5 class="point-title3 text-light ms-2"  style="color: #b499ff !important">Trips Management</h5></div>
4072				<P class="para text-dark1 text-light" >The administrator can dynamically retrieve details about completed trips and keep track of the trips that are currently underway.</P>
4073			</div> -->
4074						<div class="col-lg-12">
4075							<!-- <div class="flexx"> -->
4076							<img class="img-fluid" src="./assets/images/transportation.png"
4077								style="width: 35px;display: inline-block;" loading="lazy"
4078								alt="App script for car-sharing service">
4079							<h5 class="point-title3 text-light ms-2" style="display: inline-block;">Map-Based Tracking
4080							</h5>
4081							<!-- </div> -->
4082							<P class="para text-dark1 text-light cllrr">An up-to-date information about drivers and
4083								rides is
4084								available in the app. Hence, admins can stay worry-free about everyday activities.
4085							</P>
4086						</div>
4087					</div>
4088				</div>
4089		</section>
4090
4091
4092<style>
4093.chat-notify{position:relative;display:inline-block;margin-left:10px}.chat-notify::before{ will-change: transform, opacity;  content:"";  width:15px;height:15px;border-radius:50%;position:absolute;top:-40px;bottom:0;right:-5px;background-color:#e4041b;margin:auto;animation:blink-pulse 1s linear infinite}@keyframes blink-pulse{0%{transform:scale(.5);opacity:1;box-shadow:0 0 0 0 rgb(220 53 69 / .7)}50%{transform:scale(1);opacity:.5;box-shadow:0 0 0 25px rgb(255 0 25 / .623)}100%{transform:scale(.5);opacity:1;box-shadow:0 0 0 0 #fff0}}.white-fluid-image{filter:none!important;}.box_animation-three{width:90%}@media (min-width:768px){.box_animation-three{max-width:53%!important;margin:10px}}.Blink-red{color:#fff;background-color:red;padding:5px 8px;border-radius:3px;animation:blinkBg 1s infinite}@keyframes blinkBg{0%{background-color:red}50%{background-color:#640606}100%{background-color:red}}
4094</style>
4095			<section class="counter-sec bg-full rds-section-home-hero rds-section-large rds-bg-dark-blue" id="spotnrides" style="padding: 50px 0px;">
4096			<div class="">
4097				<div class="container" data-id='fadeInDown' data-aos='fadeInDown'>
4098					<h2 class="sub-title text-light" style="margin-bottom: 50px;">Advanced Uber Clone Features in 2026<span class="chat-notify blk-chain"></span></h2>
4099					<div class="col-12 box animate fadeIn five image-all-together  box_animation-three" style="    min-width: 100%;
4100						height: 70px;
4101						padding: 0px !important;
4102						margin: 0px;
4103						align-content: center;">
4104						<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
4105						<span class="one"></span>
4106						<span class="two"></span>
4107						<span class="three"></span>
4108						<span class="four"></span>
4109						<h5 style="color: #fff;
4110							font-size: medium;
4111							letter-spacing: 5px;
4112							font-size: 20px;
4113							font-weight: bold;" class="point-title1">AI-Powered Taxi App Solution</h5>
4114						<!-- </div> -->
4115					</div>
4116					<div class="row" style="justify-content: center;">
4117
4118						<!-- <div class="col-md-3 box animate fadeIn five image-all-together box_animation">
4119							<span class="one"></span>
4120							<span class="two"></span>
4121							<span class="three"></span>
4122							<span class="four"></span>
4123							<img src="./assets/images/7.png" class="img-fluid box-img" loading="lazy"
4124								alt="Uber clone app development services">
4125							<h5 style="color: #fff;font-size: medium;" class="point-title1">Multiple Payment Options
4126							</h5>
4127						</div> -->
4128						<div class="col-md-3  box animate fadeIn five image-all-together  box_animation-three">
4129							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
4130							<span class="one"></span>
4131							<span class="two"></span>
4132							<span class="three"></span>
4133							<span class="four"></span>
4134<div style="justify-items: right;" ><h6  class="Blink-red" style="color: white; background-color: red; padding: 5px 8px ;max-width: fit-content; border-radius:3px;">Live</h6></div>
4135							<img src="./assets/images/Taxi booking via a WhatsApp AI bot.png" class="img-fluid box-img  white-fluid-image" loading="lazy"
4136								alt="Taxi app solution with AI chat booking">
4137							<h5 style="color: #fff;font-size: medium;" class="point-title1">Taxi booking via a WhatsApp AI bot
4138							</h5>
4139							<!-- </div> -->
4140						</div>
4141
4142						<div class="col-md-3 box animate fadeIn five image-all-together  box_animation-three">
4143							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
4144							<span class="one"></span>
4145							<span class="two"></span>
4146							<span class="three"></span>
4147							<span class="four"></span>
4148<div style="justify-items: right;" ><h6  class="Blink-red" style="color: white; background-color: red; padding: 5px 8px ;max-width: fit-content; border-radius:3px;">Live</h6></div>
4149							<img src="./assets/images/AI-powered assistant for ride booking and support.png" class="img-fluid box-img white-fluid-image" loading="lazy"
4150								alt="Smart AI assistant for taxi booking support">
4151							<h5 style="color: #fff;font-size: medium;" class="point-title1">AI-powered assistant for ride booking and support</h5>
4152							<!-- </div> -->
4153						</div>
4154
4155
4156						<div class="col-md-3 box animate fadeIn five image-all-together  box_animation-three">
4157							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
4158							<span class="one"></span>
4159							<span class="two"></span>
4160							<span class="three"></span>
4161							<span class="four"></span>
4162<div style="justify-items: right;" ><h6  class="Blink-red" style="color: white; background-color: red; padding: 5px 8px ;max-width: fit-content; border-radius:3px;">Live</h6></div>
4163							<img src="./assets/images/Speech-to-text AI booking for voice commands.png" class="img-fluid box-img  white-fluid-image" loading="lazy"
4164								alt="Voice-enabled taxi booking in Uber clone app">
4165							<h5 style="color: #fff;font-size: medium;" class="point-title1">Speech-to-text AI booking for voice commands</h5>
4166							<!-- </div> -->
4167						</div>
4168
4169
4170						<div class="col-md-3 box animate fadeIn five image-all-together  box_animation-three">
4171							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
4172							<span class="one"></span>
4173							<span class="two"></span>
4174							<span class="three"></span>
4175							<span class="four"></span>
4176<div style="justify-items: right;" ><h6  class="Blink-red" style="color: white; background-color: red; padding: 5px 8px ;max-width: fit-content; border-radius:3px;">Live</h6></div>
4177							<img src="./assets/images/AI-based instant ride matching.png" class="img-fluid box-img  white-fluid-image" loading="lazy"
4178								alt="Taxi business solution with AI ride matching">
4179
4180							<h5 style="color: #fff;font-size: medium;" class="point-title1">AI-based instant ride matching</h5>
4181							<!-- </div> -->
4182						</div>
4183
4184						<div class="col-md-3 box animate fadeIn five image-all-together  box_animation-three">
4185							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
4186							<span class="one"></span>
4187							<span class="two"></span>
4188							<span class="three"></span>
4189							<span class="four"></span>
4190<div style="justify-items: right;" ><h6  class="Blink-red" style="color: white; background-color: red; padding: 5px 8px ;max-width: fit-content; border-radius:3px;">Live</h6></div>
4191							<img src="./assets/images/Traffic-aware AI route prediction.png" class="img-fluid box-img  white-fluid-image" loading="lazy"
4192								alt="AI route optimization for faster taxi rides">
4193							<h5 style="color: #fff;font-size: medium;" class="point-title1">Traffic-aware AI route prediction
4194							</h5>
4195							<!-- </div> -->
4196						</div>
4197						<div class="col-md-3 box animate fadeIn five image-all-together box_animation-three">
4198							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
4199							<span class="one"></span>
4200							<span class="two"></span>
4201							<span class="three"></span>
4202							<span class="four"></span>
4203<div style="justify-items: right;" ><h6  class="Blink-red" style="color: white; background-color: red; padding: 5px 8px ;max-width: fit-content; border-radius:3px;">Live</h6></div>
4204							<img src="./assets/images/AI heat map for demand prediction.png" class="img-fluid box-img white-fluid-image" loading="lazy"
4205								alt="AI-driven heat map for demand forecasting" >
4206							<h5 style="color: #fff;font-size: medium;" class="point-title1">AI heat map for demand prediction</h5>
4207							<!-- </div> -->
4208						</div>
4209
4210
4211					<!-- 	<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
4212							<div class="box animate fadeIn five image-all-together" style="padding: 10px;">
4213							<span class="one"></span>
4214							<span class="two"></span>
4215							<span class="three"></span>
4216							<span class="four"></span>
4217							<img src="./assets/images/6.png" class="img-fluid box-img" loading="lazy"
4218								alt="App development for cab aggregation">
4219							<h5 style="color: #fff;font-size: medium;" class="point-title1">Highly Affordable
4220							</h5>
4221							</div>
4222						</div> -->
4223
4224					<!--	<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
4225						 <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> 
4226							<span class="one"></span>
4227							<span class="two"></span>
4228							<span class="three"></span>
4229							<span class="four"></span>
4230							<img src="./assets/images/4.png" class="img-fluid box-img" loading="lazy"
4231								alt="Fleet management software development for taxis">
4232							<h5 style="color: #fff;font-size: medium;" class="point-title1">Support And Maintenance
4233							</h5>
4234						 </div> 
4235						</div>-->
4236
4237
4238					</div>
4239				</div>
4240				<a class="rds-button-secondry1 " target="_blank" style="margin-top: 30px;"
4241					href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!">Book
4242					a Consultation
4243				</a>
4244			</div>
4245
4246		</section>
4247		
4248		
4249		
4250		
4251		
4252		<section class=" counter-sec bg-full rds-section-seamless-home v2 rds-bg-light-grey rds-section-large " style="padding: 50px 0px ;">
4253			<div class="container" data-id='fadeInDown' data-aos='fadeInDown'>
4254				<div class="caption text-center" style="padding: 0px 22px;">
4255					<h2 class=" sub-title">Why Use Our AI-Assisted Taxi Booking App Solution?</h2>
4256				</div>
4257				<div class="row we-are-content">
4258					<p class="para text-dark text-center" >
4259						The struggle of manual efforts is replaced with the efficiency of automation through our
4260						AI-powered taxi booking app solutions. Manage your whole fleet of cabs at your fingertips with
4261						our solutions built on AI-powered logic.
4262
4263					</p>
4264
4265					<!-- <div class="col-md-6 item "> -->
4266					<div class="col-md-5 item who-we-are" style="padding: 10px;">
4267						<div class="flexx_new">
4268							<img class="img-fluid diagram_img" src="./assets/images/target.png" loading="lazy"
4269								alt="Customized taxi app development">
4270							<h5 style="color: #0f3cbe;font-size: medium;" class="point-title h55">Personalization
4271								& Labeling</h5>
4272						</div>
4273						<p class="point">With our Uber clone app development service, you can personalize your
4274							application to fit your business model perfectly. Build a taxi booking app that showcases
4275							your unique features and identity.
4276
4277						</p>
4278					</div>
4279					<!-- </div> -->
4280
4281					<!-- <div class="col-md-6 item "> -->
4282					<div class="col-md-5 item who-we-are" style="padding: 10px;">
4283						<div class="flexx_new">
4284							<img class="img-fluid diagram_img" src="./assets/images/diagram.png" loading="lazy"
4285								alt="App development for on-demand transportation">
4286							<h5 style="color: #0f3cbe;font-size: medium;" class="point-title h55">Ready For Deployment &
4287								Implementation</h5>
4288						</div>
4289						<p class="point">Partner with SpotnRides to simplify your AI-powered app creation. Enjoy a quick
4290							launch while we manage your entire development process.
4291						</p>
4292					</div>
4293					<!-- </div> -->
4294
4295					<!-- <div class="col-md-6 item "> -->
4296					<div class="col-md-5 item who-we-are" style="padding: 10px;">
4297						<div class="flexx_new">
4298							<img class="img-fluid diagram_img" src="./assets/images/cultural-diversity.png"
4299								loading="lazy" alt="Cultural diversity">
4300							<h5 style="color: #0f3cbe;font-size: medium;" class="point-title h55"> Compatible on iOS and
4301								Android</h5>
4302						</div>
4303						<p class="point">Our ready-made Uber like app is compatible with iOS and Android platforms.
4304							Expand your user base and thereby assure an attractive functionality.
4305						</p>
4306					</div>
4307					<!-- </div> -->
4308
4309					<!-- <div class="col-md-6 item "> -->
4310					<div class="col-md-5 item who-we-are" style="padding: 10px;">
4311						<div class="flexx_new">
4312							<img class="img-fluid diagram_img" src="./assets/images/computer.png" loading="lazy"
4313								alt="Mobile app like Uber for travel">
4314							<h5 style="color: #0f3cbe;font-size: medium;" class="point-title h55">Admin Panel Management
4315							</h5>
4316						</div>
4317						<p class="point">Stay in control of the entire workflow of business from the powerful dashboard.
4318							The admin panel informs you of high-demand areas using a heat map feature, helping you focus
4319							your ride services in the zone. </p>
4320					</div>
4321					<!-- </div> -->
4322
4323					<!-- <div class="col-md-6 item "> -->
4324					<div class="col-md-5 item who-we-are" style="padding: 10px;">
4325						<div class="flexx_new">
4326							<img class="img-fluid diagram_img" src="./assets/images/search.png" loading="lazy"
4327								alt="Cloud-based Uber clone service">
4328							<h5 style="color: #0f3cbe;font-size: medium;" class="point-title h55">Analytics
4329								for Tracking</h5>
4330						</div>
4331						<p class="point">The AI-powered taxi booking app generates analytics for driver performance,
4332							weather reports, and other Customer-related information.
4333						</p>
4334					</div>
4335					<!-- </div> -->
4336
4337					<!-- <div class="col-md-6 item "> -->
4338					<div class="col-md-5 item who-we-are" style="padding: 10px;">
4339						<div class="flexx_new">
4340							<img class="img-fluid diagram_img" src="./assets/images/scalability.png" loading="lazy"
4341								alt="App similar to Uber for booking rides">
4342							<h5 style="color: #0f3cbe;font-size: medium;" class="point-title h55">Highly Scalable
4343							</h5>
4344						</div>
4345						<p class="point">Scalability is a main key to manage the rides during peak hours. The AI
4346							function of the app ensures a smooth functionality during multiple ride bookings.
4347						</p>
4348					</div>
4349					<!-- </div> -->
4350
4351
4352				</div>
4353			</div>
4354		</section>
4355
4356
4357
4358		<section class="rds-section-home-hero rds-section-large rds-bg-dark-blue" style="padding: 50px 0px 30px 0px;">
4359			<div class="container" data-id='fadeInDown' data-aos='fadeInDown'>
4360
4361				<div class="page-title text-center" style="padding: 0px;">
4362					<div class="desc">
4363						<p class="text-light" style="margin-bottom:0px;">Driver and Customer app links
4364							for both  android and iOS</a></p>
4365					</div>
4366				</div>
4367
4368				<div class="row align-items-center justify-content-center">
4369
4370					<!-- <div class="col-lg-4 text-center app-links"> -->
4371					<!-- <div class="app-links"> -->
4372					<!-- <a href="https://www.youtube.com/watch?v=JxKpFCoB6Vw" data-target="_blank" alt="admin"
4373							aria-label="true" target="_blank" class="nav_links_new"><i class="fa fa-youtube you"
4374								aria-hidden=true></i></a>
4375
4376						<h5 style="color: #fff;margin-top:25px;font-family: Montserrat !important">Get Your Demo</h5> -->
4377					<!-- </div> -->
4378					<!-- </div> -->
4379					<div class="col-lg-4 text-center app-links"  style="padding: 0px;">
4380						<!-- <div style="display: flex;flex-direction: row;justify-self: center;"> -->
4381						<!-- <li data-toggle=modal data-target=#driapple><a href="#" alt="apple" aria-label="true"><i
4382											class="fa fa-apple" aria-hidden=true></i></a></li>
4383								<li data-toggle=modal data-target=#driandroid><a href="#" alt="android"
4384										aria-label="true"><i class="fa fa-android" aria-hidden=true></i></a></li> -->
4385						<div class="app-links-parent">
4386							<li data-toggle="modal" data-target="#driapple" class="modal-icon">
4387								<div target="_blank" alt="apple" class="nav_links_new" aria-label="true"
4388									style="display: inline-block;">
4389									<i class="fa fa-apple" aria-hidden=true></i>
4390								</div>
4391							</li>
4392							<li data-toggle="modal" data-target="#driandroid" class="modal-icon">
4393								<div target="_blank" alt="android" class="nav_links_new" aria-label="true"
4394									style="display: inline-block;">
4395									<i class="fa fa-android" aria-hidden=true></i>
4396								</div>
4397							</li>
4398						</div>
4399						<!-- </div> -->
4400						<h5 style="color: #fff;margin-top:25px;font-family: Montserrat !important">Download Driver App
4401						</h5>
4402					</div>
4403					<div class="col-lg-4 text-center app-links">
4404						<!-- <div style="display: flex;flex-direction: row;justify-self: center;"> -->
4405						<!-- <li data-toggle=modal data-target=#driapple><a href="#" alt="apple" aria-label="true"><i
4406											class="fa fa-apple" aria-hidden=true></i></a></li>
4407								<li data-toggle=modal data-target=#driandroid><a href="#" alt="android"
4408										aria-label="true"><i class="fa fa-android" aria-hidden=true></i></a></li> -->
4409						<div class="app-links-parent">
4410							<li data-toggle="modal" data-target="#cusapple" class="modal-icon">
4411								<div target="_blank" alt="apple" class="nav_links_new" aria-label="true"
4412									style="display: inline-block;">
4413									<i class="fa fa-apple" aria-hidden=true></i>
4414								</div>
4415							</li>
4416							<li data-toggle=modal data-target="#cusandroid" class="modal-icon">
4417								<div target="_blank" alt="android" class="nav_links_new" aria-label="true"
4418									style="display: inline-block;">
4419									<i class="fa fa-android" aria-hidden=true></i>
4420								</div>
4421							</li>
4422						</div>
4423						<!-- </div> -->
4424						<h5 style="color: #fff;margin-top:25px;font-family: Montserrat !important">Download Customer App
4425						</h5>
4426					</div>
4427
4428				</div>
4429
4430
4431			</div>
4432		</section>
4433
4434
4435		<section class="counter-sec  bg-full rds-section-seamless-home v2 rds-bg-light-grey rds-section-large"
4436			id="features">
4437			<div class="container " data-id='fadeInDown' data-aos='fadeInDown'>
4438				<h2 class="sub-title" style="padding-top: 50px;">Our Ride Sharing Business Website Features</h2>
4439				<p class="para text-dark text-center">Explore the top ride sharing business website features to launch and scale your taxi platform efficiently.</p>
4440
4441				<img class="img-fluid" style="margin:0px auto 10px; display: block;" src="./assets/images/admin.webp"
4442					alt="Carpooling app source code" loading="lazy">
4443
4444
4445				<div class="row align-items-center" style="padding-bottom: 40px;">
4446
4447
4448					<div class="col-md-12 adminn">
4449						<div class="space-30"></div>
4450
4451						<div class="col-md-12 col-xl-6 col-lg-6">
4452							<!-- <div class="flexx"> -->
4453							<img class="img-fluid cir" src="./assets/images/chauffeur.png"
4454								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4455								alt="Carpooling script service">
4456							<h5 class="point-title3 ms-3" style="display: inline-block;">Discover driver details</h5>
4457							<!-- </div> -->
4458							<P class="para text-dark1">Customers can view the details of drivers like name, contact
4459								number and image of the drivers after confirmation of rides.</P>
4460						</div>
4461
4462						<div class="col-md-12 col-xl-6 col-lg-6">
4463							<!-- <div class="flexx"> -->
4464							<img class="img-fluid cir" src="./assets/images/inspection.png"
4465								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4466								alt="Clone script for carpool platform">
4467							<h5 class="point-title3 ms-3" style="display: inline-block;">Complete Ride Details</h5>
4468							<!-- </div> -->
4469							<P class="para text-dark1">The app displays all the ride details for upcoming, completed,
4470								and cancelled rides. Information will include the ride's location, cost, and date.</P>
4471						</div>
4472						<div class="col-md-12 col-xl-6 col-lg-6">
4473							<!-- <div class="flexx"> -->
4474							<img class="img-fluid cir" src="./assets/images/ride.png"
4475								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4476								alt="Carpooling app software">
4477							<h5 class="point-title3 ms-3" style="display: inline-block;">Ride Cancellation</h5>
4478							<!-- </div> -->
4479							<P class="para text-dark1">After giving a valid reason, the passenger may cancel the trip,
4480								but they may also be responsible for the cancellation fees.
4481							</P>
4482						</div>
4483						<div class="col-md-12 col-xl-6 col-lg-6">
4484							<!-- <div class="flexx"> -->
4485							<img class="img-fluid cir" src="./assets/images/bill.png"
4486								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4487								alt="Custom carpooling script">
4488							<h5 class="point-title3 ms-3" style="display: inline-block;">Split Up Of Fare</h5>
4489							<!-- </div> -->
4490							<P class="para text-dark1">Based on the chosen vehicle category and locations, the customers
4491								can see an accurate fare estimate broken down for the ride.</P>
4492						</div>
4493						<div class="col-md-12 col-xl-6 col-lg-6">
4494							<!-- <div class="flexx"> -->
4495							<img class="img-fluid cir" src="./assets/images/security.png"
4496								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4497								alt="App script for car-sharing platform">
4498							<h5 class="point-title3 ms-3" style="display: inline-block;">Real-time Monitoring</h5>
4499							<!-- </div> -->
4500							<P class="para text-dark1">Both the driver and the customer can see the vehicle's real-time
4501								location right from the start of the ride to the end.
4502							</P>
4503						</div>
4504						<div class="col-md-12 col-xl-6 col-lg-6">
4505							<!-- <div class="flexx"> -->
4506							<img class="img-fluid cir" src="./assets/images/car.png"
4507								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4508								alt="Carpool app source code">
4509							<h5 class="point-title3 ms-3" style="display: inline-block;">Drive Now Or Later </h5>
4510							<!-- </div> -->
4511							<P class="para text-dark1">Customers can book the ride for an immediate trip or for
4512								travelling at a scheduled time and date.
4513							</P>
4514						</div>
4515						<div class="col-md-12 col-xl-6 col-lg-6">
4516							<!-- <div class="flexx"> -->
4517							<img class="img-fluid cir" src="./assets/images/voucher.png"
4518								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4519								alt="Carpooling platform script">
4520							<h5 class="point-title3 ms-3" style="display: inline-block;">Promo Code</h5>
4521							<!-- </div> -->
4522							<P class="para text-dark1">
4522Customers can apply a promo code to receive an additional
4523								discount on the total cost of the trip. The admin panel is responsible for creating
4524								promo codes.</P>
4525						</div>
4526
4527						<div class="col-md-12 col-xl-6 col-lg-6">
4528							<!-- <div class="flexx"> -->
4529							<img class="img-fluid cir" src="./assets/images/timetable.png"
4530								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4531								alt="Ride sharing app software">
4532							<h5 class="point-title3 ms-3" style="display: inline-block;">Software Manual Scheduling</h5>
4533							<!-- </div> -->
4534							<P class="para text-dark1">Upon customer requests, the admin can assign taxis using the
4535								admin panel. With this personalized booking option, convenient travel is assured.</P>
4536						</div>
4537						<div class="col-md-12 col-xl-6 col-lg-6">
4538							<!-- <div class="flexx"> -->
4539							<img class="img-fluid cir" src="./assets/images/donation.png"
4540								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4541								alt="Clone script for carpool solution">
4542							<h5 class="point-title3 ms-3" style="display: inline-block;">Manual Scheduling</h5>
4543							<!-- </div> -->
4544							<P class="para text-dark1">The admin can assign taxis using the admin panel through this
4545								personalized booking option for convenient travel.</P>
4546						</div>
4547						<div class="col-md-12 col-xl-6 col-lg-6">
4548							<!-- <div class="flexx"> -->
4549							<img class="img-fluid cir" src="./assets/images/specification.png"
4550								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4551								alt="Carpooling system script">
4552							<h5 class="point-title3 ms-3" style="display: inline-block;">Surge Pricing</h5>
4553							<!-- </div> -->
4554							<P class="para text-dark1">The app increases fares for rides during rush hours,
4555								special events, or weather fluctuations to balance the available riders and customer
4556								requests.
4557
4558							</P>
4559						</div>
4560						<div class="col-md-12 col-xl-6 col-lg-6">
4561							<!-- <div class="flexx"> -->
4562							<img class="img-fluid cir" src="./assets/images/vehicle.png"
4563								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4564								alt="Carpooling system script">
4565							<h5 class="point-title3 ms-3" style="display: inline-block;">Vehicle Details</h5>
4566							<!-- </div> -->
4567							<P class="para text-dark1">Once the ride has been accepted, the customer has access to all
4568								vehicle-related data-for instance, trip number, vehicle type, and vehicle number.
4569							</P>
4570						</div>
4571						<div class="col-md-12 col-xl-6 col-lg-6">
4572							<!-- <div class="flexx"> -->
4573							<img class="img-fluid cir" src="./assets/images/chain.png"
4574								style="width: 35px;height:35px;display: inline-block;" loading="lazy"
4575								alt="Carpooling system script">
4576							<h5 class="point-title3 ms-3" style="display: inline-block;">Fare Bidding</h5>
4577							<!-- </div> -->
4578							<P class="para text-dark1">Customer mentions a price,
4579								for which drivers place bids on the Uber clone app to negotiate the fare and arrive at a
4580								mutually beneficial price.
4581
4582							</P>
4583						</div>
4584					</div>
4585
4586				</div>
4587
4588			</div>
4589		</section>
4590
4591
4592
4593		
4594		
4595	<section class="counter-sec bg-full rds-section-home-hero rds-section-large rds-bg-dark-blue" style="padding: 50px 0px 30px 0px;">
4596
4597			<h2 class="sub-title text-center text-light" style="margin-bottom:0px; ">SpotnRides Technology Stack</h2>
4598			<div class="container feedback-slider1" data-id='fadeInDown' data-aos='fadeInDown'>
4599				<!-- <div class="image-list animate fadeIn five" style="margin-bottom: 5%;"> -->
4600				<!-- <ul class=feedback-slider1 style="list-style: none;"> -->
4601
4602				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/reactnative.png"
4603					loading="lazy" alt="Taxi management app development on reactnative" />
4604				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/socketio.png"
4605					loading="lazy" alt="Taxi management app development on socetio" />
4606				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/express.png" loading="lazy"
4607					alt="Taxi management app development on expressjs" />
4608				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/nextjs.png" loading="lazy"
4609					alt="Taxi management app development on nextjs" />
4610				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/reactjs.png" loading="lazy"
4611					alt="Taxi management app development on react" />
4612				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/nodejs.png" loading="lazy"
4613					alt="Taxi management app development on nodejs" />
4614				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/ico1.png" loading="lazy"
4615					alt="Airport transfer app development" />
4616				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/ico2.png" loading="lazy"
4617					alt="Taxi dispatch system for airports" />
4618				<!-- <li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico3.png"
4619									alt="choloji transport" /></li> -->
4620				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/ico4.png"
4621					alt="Cab booking software solutions" loading="lazy" />
4622				<!-- <li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico5.png" alt="Firgun Services" /> -->
4623				</li>
4624				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/ico6.png"
4625					alt="Airport shuttle app development" loading="lazy" />
4626				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/ico7.png"
4627					alt="Taxi hailing app creation" loading="lazy" />
4628
4629				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/ico8.png"
4630					alt="Airport pick-up service script" loading="lazy" />
4631				<!-- <li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico9.png" alt=Mayi /></li> -->
4632				<img class="feedback-slider-item1 col-xs-12 image_tech" src="./assets/images/ico10.png" loading="lazy"
4633					alt="Taxi management app development" />
4634
4635
4636
4637				<!-- </ul> -->
4638				<!-- </div> -->
4639			</div>
4640
4641		</section>
4642
4643
4644<!-- NEW section ADD TAB 19/03/2026 -->
4645
4646<section  class=" counter-sec bg-full rds-section-seamless-home v2 rds-bg-light-grey rds-section-large " style="padding: 50px 0px 0px 0px;">
4647
4648<!-- FULL WIDTH HEADING -->
4649			<div class="compare-heading" style="margin-bottom: 10px;">
4650				<h2 class="sub-title">
4651					Flexible Customization
4652				</h2>
4653				<p class="para text-dark text-center">Tailor our on-demand ride-hailing solutions to evolving market demands. </p>
4654			</div>
4655
4656    <div class="flexcus-container" >
4657    <div class="flexcus-tabs-nav">
4658        <button class="flexcus-tab-btn active" data-tab="features" 
4659                
4660                data-image="./assets/images/Feature-Customization-tab.webp"
4661                data-desc="Adding, removing, or modifying features."
4662				data-alt="Ride feature customization">
4663                Feature Customization
4664        </button>
4665          <button class="flexcus-tab-btn" data-tab="services" 
4666                
4667                data-image="./assets/images/Service-Type-tab.webp"
4668                data-desc="Expanding beyond normal taxi rides."
4669				data-alt="On-demand service types">
4670                Service Type
4671        </button>
4672
4673         <button class="flexcus-tab-btn" data-tab="Admin"
4674             
4675                data-image="./assets/images/Admin-Panel-tab.webp"
4676                data-desc="Adjusting the backend dashboard for business management"
4677				data-alt="Admin dashboard management">
4678                Admin Panel
4679        </button> 
4680
4681        <button class="flexcus-tab-btn"   data-tab="Technology"
4682                data-image="./assets/images/Technology-Customization-tab.webp"
4683                data-desc="Enhancing technical capabilities."
4684				data-alt="Advanced ride technology">
4685                Technology
4686        </button>
4687
4688        <button class="flexcus-tab-btn"  data-tab="business" 
4689                
4690                data-image="./assets/images/Business-Model-tab.webp"
4691                data-desc="Changing how your platform earns revenue"
4692				data-alt="Ride business model settings">
4693                Business Model
4694        </button>
4695
4696      
4697        
4698         <button class="flexcus-tab-btn"   data-tab="Payment"
4699                
4700                data-image="./assets/images/Payment-Customization-tab.webp"
4701                data-desc="Integrating payment methods suitable for your country."
4702				data-alt="Ride payment options">
4703                Payment
4704        </button>
4705         <button class="flexcus-tab-btn"   data-tab="Location"
4706              
4707                data-image="./assets/images/Location-Language-tab.webp"
4708                data-desc="Adapting the app for specific markets."
4709				data-alt="Multi-language app support">
4710                 Location & Language
4711        </button>
4712       
4713    </div>
4714
4715    <div class="flexcus-content-wrapper">
4716        <div class="flexcus-visual-part">
4717       
4718            <img id="flexcus-dynamic-img" width="180"
4719  height="500" loading="lazy" src="./assets/images/Feature-Customization-tab.webp" alt="Ride feature customization"  >
4720          <!-- NEW DESCRIPTION -->
4721    <p id="flexcus-img-desc" class="flexcus-img-desc">
4722        Customize features based on your business needs.
4723    </p>
4724
4725        </div>
4726
4727        <div id="features" class="flexcus-features-grid active ">
4728            <div class="flexcus-card"><span class="icon"><img  width="30px" height="30px" style="width: 30px;" loading="lazy" src="./assets/images/Scheduled-rides.webp" alt="Scheduled ride booking"></span><div><div class="flexcus-features-title">Scheduled rides</div></div></div>
4729            <div class="flexcus-card"><span class="icon"><img  width="30px" height="30px" style="width: 30px;" loading="lazy" src="./assets/images/Ride-pooling.webp" alt="Ride pooling options"></span><div><div class="flexcus-features-title">Ride pooling</div></div></div>
4730            <div class="flexcus-card"><span class="icon"><img  width="30px" height="30px" style="width: 30px;" loading="lazy" src="./assets/images/SOS-emergency-button.webp" alt="SOS emergency alert"></span><div><div class="flexcus-features-title">SOS emergency button</div></div></div>
4731            <div class="flexcus-card"><span class="icon"><img  width="30px" height="30px" style="width: 30px;" loading="lazy" src="./assets/images/Fare-estimation.webp" alt="Fare estimation tool"></span><div><div class="flexcus-features-title">Fare estimation</div></div></div>
4732            <div class="flexcus-card"><span class="icon"><img  width="30px" height="30px" style="width: 30px;" loading="lazy" src="./assets/images/In-app chat.webp" alt="In-app chat messaging"></span><div><div class="flexcus-features-title">In-app chat</div></div></div>
4733            <div class="flexcus-card"><span class="icon"><img  width="30px" height="30px" style="width: 30px;" loading="lazy" src="./assets/images/Driver-rating-system.webp" alt="Driver rating system"></span><div><div class="flexcus-features-title">Driver rating system</div></div></div>
4734             <div class="flexcus-card"><span class="icon"><img width="30px" height="30px" style="width: 30px;" loading="lazy" src="./assets/images/Multi-stop-rides.webp" alt="Multi-stop ride option"></span><div><div class="flexcus-features-title">Multi-stop rides</div></div></div>
4735            <div class="flexcus-card"><span class="icon"><img width="30px" height="30px" style="width: 30px;" loading="lazy" src="./assets/images/AI-route-optimization.webp" alt="AI route optimization"></span><div><div class="flexcus-features-title">AI route optimization</div></div></div>
4736        </div>
4737
4738        <div id="business" class="flexcus-features-grid">
4739            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Commission-per-ride.webp" alt="Per ride commission model"></span><div><div class="flexcus-features-title">Commission per ride</div></div></div>
4740            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Driver-subscription-model.webp" alt="Driver subscription plans"></span><div><div class="flexcus-features-title">Driver subscription model</div></div></div>
4741             <div class="flexcus-card"><span class="icon"><img style="width: 30px;
4741" loading="lazy" src="./assets/images/Surge-pricing.webp" alt="Dynamic surge pricing"></span><div><div class="flexcus-features-title">Surge pricing</div></div></div>
4742            <div class="flexcus-card"><span class="icon"><img style="width: 30px;"  loading="lazy" src="./assets/images/Flat-fare-system.webp" alt="Flat fare pricing system"></span><div><div class="flexcus-features-title">Flat fare system</div></div></div>
4743             <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Corporate-ride-packages.webp" alt="Corporate ride packages"></span><div><div class="flexcus-features-title">Corporate ride packages</div></div></div>
4744        </div>
4745
4746        <div id="services" class="flexcus-features-grid">
4747            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Taxi-booking.webp" alt="Taxi booking service"></span><div><div class="flexcus-features-title">Taxi booking</div></div></div>
4748            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Bike-taxi.webp" alt="Bike taxi service"></span><div><div class="flexcus-features-title">Bike taxi</div></div></div>
4749               <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Courier-delivery.webp" alt="Courier delivery service"></span><div><div class="flexcus-features-title">Courier delivery</div></div></div>
4750            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Food-delivery.webp" alt="Food delivery service"></span><div><div class="flexcus-features-title">Food delivery</div></div></div>
4751                   <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Logistics.webp" alt="Logistics transport service"></span><div><div class="flexcus-features-title">Logistics</div></div></div>
4752            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Car-rental-1.webp" alt="Car rental service"></span><div><div class="flexcus-features-title">Car rental</div></div></div>
4753         <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Truck-booking-2.webp" alt="Truck booking service"></span><div><div class="flexcus-features-title">Truck booking</div></div></div>
4754        </div>
4755    
4756     <div id="Admin" class="flexcus-features-grid">
4757            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Driver-management.webp" alt="Driver management dashboard"></span><div><div class="flexcus-features-title">Driver management</div></div></div>
4758            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/User-management.webp" alt="User management system"></span><div><div class="flexcus-features-title">User management</div></div></div>
4759        <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Payment-tracking.webp" alt="Payment tracking system"></span><div><div class="flexcus-features-title">Payment tracking</div></div></div>
4760            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Analytics-reports.webp" alt="Payment tracking system"></span><div><div class="flexcus-features-title">Analytics reports</div></div></div>
4761             <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Promo-codes-1.webp" alt="Promo code management"></span><div><div class="flexcus-features-title">Promo codes</div></div></div>
4762            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Ride-monitoring-2.webp" alt="Ride monitoring system"></span><div><div class="flexcus-features-title">Ride monitoring</div></div></div>
4763        </div>
4764
4765         <div id="Payment" class="flexcus-features-grid">
4766            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Creditdebit-cards.webp" alt="Credit card payments"></span><div><div class="flexcus-features-title">Credit/debit cards</div></div></div>
4767            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Wallet-payments.webp" alt="Debit card payments"></span><div><div class="flexcus-features-title">Wallet payments</div></div></div>
4768             <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Cash-payment.webp" alt="Digital wallet payments"></span><div><div class="flexcus-features-title">Cash payment</div></div></div>
4769              <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Payment-gateways.webp" alt="Cash payment option"></span><div><div class="flexcus-features-title">Payment gateways</div></div></div>
4770        </div>
4771
4772         <div id="Location" class="flexcus-features-grid">
4773            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Multi-language-support.webp" alt="Multi-language app support"></span><div><div class="flexcus-features-title">Multi-language support</div></div></div>
4774            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Local-currencies.webp" alt="Local currency integration"></span><div><div class="flexcus-features-title">Local currencies</div></div></div>
4775       <div class="flexcus-card"><span class="icon"><img style="width: 30px; " loading="lazy" src="./assets/images/Country-specific-maps.webp" alt="Country-specific maps"></span><div><div class="flexcus-features-title">Country-specific maps</div></div></div>
4776        <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Regional-pricing-rules.webp" alt="Regional pricing rules"></span><div><div class="flexcus-features-title">Regional pricing rules</div></div></div>
4777        </div>
4778
4779
4780         <div id="Technology" class="flexcus-features-grid  ">
4781            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/AI-route-prediction.webp" alt="AI route prediction"></span><div><div class="flexcus-features-title">AI route prediction</div></div></div>
4782            <div class="flexcus-card"><span class="icon"><img style="width: 30px;
4782" loading="lazy" src="./assets/images/Smart-driver-dispatch.webp" alt="Smart driver dispatch"></span><div><div class="flexcus-features-title">Smart driver dispatch</div></div></div>
4783                   <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Real-time-GPS-tracking.webp" alt="Real-time GPS tracking"></span><div><div class="flexcus-features-title">Real-time GPS tracking</div></div></div>
4784            <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/Cloud-scalability.webp" alt="Cloud scalability solutions"></span><div><div class="flexcus-features-title">Cloud scalability</div></div></div>
4785                   <div class="flexcus-card"><span class="icon"><img style="width: 30px;" loading="lazy" src="./assets/images/API-integrations.webp" alt="API integration support"></span><div><div class="flexcus-features-title">API integrations</div></div></div>
4786        </div>
4787    
4788    </div>
4789</div>
4790
4791<!-- NEW section ADD TAB 19/03/2026   cta-->
4792<div class="flexcust-cta-wrapper">
4793  <div class="flexcust-cta-box">
4794    <div class="flexcust-cta-text">Customize Your App Today</div>
4795   <a href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!"> <button class="flexcust-cta-btn">Get Started →</button></a>
4796  </div>
4797</div>
4798
4799</section>
4800
4801
4802
4803	<section class="counter-sec bg-full rds-section-home-hero rds-section-large rds-bg-dark-blue " id="uberx" style="padding: 50px 0px 30px 0px;">
4804			<div class="bg-color-sec">
4805				<div class="container" data-id='fadeInDown' data-aos='fadeInDown'>
4806					<div class="text-center">
4807						<h2 class="sub-title text-light">Customize Our Uber Clone App for Various Businesses
4808						</h2>
4809						<p class="para text-center text-light">Moving beyond the taxi business,
4810							we create customized Uber clone app solutions for diverse industries.</p>
4811					</div>
4812					<div class="row align-items-center box-parent">
4813						<!-- <div class="col-md-3" > -->
4814						<div onclick="nav('https://www.spotnrides.com/uber-for-tow-trucks-app-to-your-roadside-assistance-business')"
4815							target="_blank" class="box1 yellow col-md-2">
4816							<!-- <div class="box1 yellow"> -->
4817							<img src="./assets/images/truck.png" loading="lazy" alt="Ride hailing app script" />
4818							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
4819								TowTruck</h5>
4820							<!-- </div> -->
4821						</div>
4822						<!-- </div> -->
4823						<!-- <div class="col-md-3  "> -->
4824						<div onclick="nav('https://www.spotnrides.com/uber-for-laundry-booking-app')" target="_blank"
4825							class="box1 blue  col-md-2">
4826							<!-- <div class="box1 blue"> -->
4827							<img src="./assets/images/laundry.png" loading="lazy" alt="Car sharing service script" />
4828							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
4829								Laundry</h5>
4830							<!-- </div> -->
4831						</div>
4832						<!-- </div> -->
4833						<!-- <div class="col-md-3 "> -->
4834						<div onclick="nav('https://www.spotnrides.com/uber-for-on-demand-handyman-app-services')"
4835							target="_blank" class="box1 red  col-md-2">
4836							<!-- <div class="box1 red"> -->
4837							<img src="./assets/images/handyman.png" loading="lazy" alt="Carpool app template script" />
4838							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
4839								Handyman</h5>
4840							<!-- </div> -->
4841						</div>
4842						<!-- </div> -->
4843						<!-- <div class="col-md-3  "> -->
4844						<div onclick="nav('https://www.spotnrides.com/logistics-delivery-management-software')"
4845							class="box1 green  col-md-2">
4846							<!-- <div class="box1 green"> -->
4847							<img src="./assets/images/logistics.png" loading="lazy"
4848								alt="Carpooling app solution script" />
4849							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
4850								Logistics</h5>
4851							<!-- </div> -->
4852						</div>
4853						<!-- </div> -->
4854						<!-- <div class="col-md-3  "> -->
4855						<div onclick="nav('https://www.spotnrides.com/uber-for-x-ondemand-multi-services-app')"
4856							class="box1 yellow col-md-2">
4857							<!-- <div class="box1 green"> -->
4858							<img src="./assets/images/multi service.png" loading="lazy"
4859								alt="Carpooling app solution script" />
4860							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
4861								Multi Service</h5>
4862							<!-- </div> -->
4863						</div>
4864						<!-- </div> -->
4865					</div>
4866				</div>
4867				<!-- <div class="para text-center mt-5 text-light" style="margin-top: 2%;">and basically, every service that
4868					needs a booking at the scheduling system.
4869				</div>-->
4870
4871			</div>
4872
4873
4874
4875
4876
4877			<div class="container ">
4878				<div class=text-center >
4879					<h2 class="point-title2 text-center mt-5 text-light" style="padding: 0px 22px ;">View Our effective Uber Clone Solution through
4880						demo
4881					</h2>
4882				<!--	<a href="#main1" class="rds-button-secondry1">Obtain A Free Estimate
4883					</a>-->
4884						<a href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!" class="rds-button-secondry1">Obtain A Free Estimate
4885					</a>
4886				</div>
4887			</div>
4888		</section>
4889
4890
4891
4892
4893
4894
4895
4896 <style>
4897.flexcust-cta-wrapper {
4898  display: flex;
4899  justify-content: center;
4900  padding: 0px 15px 40px 15px;
4901}
4902
4903.flexcust-cta-box {
4904  width: 100%;
4905  max-width: 900px;
4906  background: #0364ff;
4907  border-radius: 100px;
4908  padding: 18px 20px;
4909  display: flex;
4910  align-items: center;
4911  justify-content: space-between;
4912  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
4913}
4914
4915.flexcust-cta-text {
4916  color: #fff;
4917  font-size: 16px;
4918  font-weight: 600;
4919  font-family: 'Montserrat';
4920}
4921
4922.flexcust-cta-btn {
4923  background: #fff;
4924  color: #2d7be5;
4925  border: none;
4926  padding: 10px 18px;
4927  font-size: 14px;
4928  font-weight: 600;
4929  border-radius: 100px;
4930  cursor: pointer;
4931  transition: all 0.3s ease;
4932  font-family: 'Montserrat';
4933}
4934
4935.flexcust-cta-btn:hover {
4936  background: #f2f2f2;
4937  transform: translateY(-2px);
4938}
4939
4940/* 🔥 Responsive */
4941@media (max-width: 768px) {
4942  .flexcust-cta-box {
4943    flex-direction: column;
4944    gap: 12px;
4945    text-align: center;
4946	border-radius: 20px;
4947  }
4948
4949  .flexcust-cta-text {
4950    font-size: 16px;
4951  }
4952
4953  .flexcust-cta-btn {
4954    width: 100%;
4955  }
4956}
4957</style>
4958
4959
4960<script>
4961document.addEventListener("DOMContentLoaded", function () {
4962
4963    const section = document.querySelector(".flexcus-container"); // 🔥 SCOPE FIX
4964
4965    if (!section) return;
4966
4967    const tabs = section.querySelectorAll(".flexcus-tab-btn");
4968    const grids = section.querySelectorAll(".flexcus-features-grid");
4969    const imgElement = section.querySelector("#flexcus-dynamic-img");
4970    const descElement = section.querySelector("#flexcus-img-desc");
4971
4972    tabs.forEach(tab => {
4973        tab.addEventListener("click", function () {
4974
4975            const tabId = this.getAttribute("data-tab");
4976            const newImgSrc = this.getAttribute("data-image");
4977            const newDesc = this.getAttribute("data-desc");
4978            const newAlt = this.getAttribute("data-alt");
4979
4980            // 🔹 Reset all
4981            tabs.forEach(t => t.classList.remove("active"));
4982            grids.forEach(g => g.classList.remove("active"));
4983
4984            // 🔹 Activate current
4985            this.classList.add("active");
4986
4987            const activeGrid = section.querySelector("#" + tabId);
4988            if (activeGrid) {
4989                activeGrid.classList.add("active");
4990            }
4991
4992            // 🔹 Image animation
4993            imgElement.style.opacity = "0";
4994            imgElement.style.transform = "translateX(-10px)";
4995            descElement.style.opacity = "0";
4996
4997            setTimeout(() => {
4998                imgElement.src = newImgSrc;
4999                imgElement.alt = newAlt;
5000                descElement.textContent = newDesc;
5001
5002                imgElement.style.opacity = "1";
5003                imgElement.style.transform = "translateX(0)";
5004                descElement.style.opacity = "1";
5005            }, 300);
5006
5007        });
5008    });
5009
5010});
5011</script>
5011
5012
5013
5014<style>
5015    
5016       
5017
5018        .flexcus-container { max-width: 1100px; margin: 0 auto; text-align: center;}
5019
5020        /* TABS */
5021        .flexcus-tabs-nav {
5022            display: flex;
5023         justify-content: center;
5024            gap: 10px;
5025            border-bottom: 1px solid #E1E6EB;
5026            margin-bottom: 30px;
5027            overflow-x: auto;
5028        }
5029
5030        @media (max-width:480px) {
5031            .flexcus-tabs-nav {
5032                 justify-content:flex-start;
5033                 padding: 0px 10px;
5034            }
5035        }
5036
5037        .flexcus-tab-btn {
5038            padding: 12px 18px;
5039            border: none;
5040            background: none;
5041            cursor: pointer;
5042            font-weight: 600;
5043            color:#5A607F;
5044           font-size: 14px;
5045            position: relative;
5046            white-space: nowrap;
5047            font-family: 'Montserrat';
5048        }
5049
5050
5051        /* HOVER */
5052.flexcus-tab-btn:hover {
5053    color: #0066FF;
5054}
5055
5056/* ACTIVE (CLICKED TAB) */
5057.flexcus-tab-btn.active {
5058    background-color:#0066FF;
5059    color: #fff;
5060    border-radius: 6px;
5061}
5062
5063
5064
5065     /*   .flexcus-tab-btn.active { color: var(--primary); }
5066        .flexcus-tab-btn.active::after {
5067            content: '';
5068            position: absolute;
5069            bottom: 0; left: 0;
5070            width: 100%; height: 3px;
5071            background: var(--primary);
5072        } */
5073
5074        /* LAYOUT */
5075        .flexcus-content-wrapper { 
5076            display: flex; 
5077            gap: 40px; 
5078            text-align: left; 
5079            align-items: flex-start;
5080            min-height: 450px;
5081        }
5082
5083        /* LEFT SIDE IMAGE AREA */
5084        .flexcus-visual-part { 
5085           flex: 0 0 280px;
5086    position: relative;
5087    height: 400px;
5088    display: flex;
5089    justify-content: center;
5090    flex-direction: column;
5091	align-items: center;
5092        }
5093        
5094   /*     .phone {
5095            width: 200px; height: 380px; 
5096            background: #222; border: 8px solid #333;
5097            border-radius: 30px; position: absolute;
5098            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
5099            z-index: 1;
5100        }  */
5101
5102        #flexcus-dynamic-img {
5103            position: relative;
5104            z-index: 2;
5105            width: 180px;
5106            height: auto;
5107          /*  margin-top: 150px;  Adjust based on your car image */
5108            transition: opacity 0.3s ease, transform 0.3s ease;
5109            filter: drop-shadow(0 10px 15px rgba(0,0,0,0.2));
5110        }
5111
5112        /* GRID SYSTEM */
5113        .flexcus-features-grid { 
5114            flex: 1; 
5115            display: none; 
5116            grid-template-columns: repeat(2, 1fr); 
5117            gap: 15px; 
5118            animation: fadeIn 0.4s ease;
5119        }
5120
5121        .flexcus-features-grid.active { display: grid !important; }
5122
5123        .flexcus-card {
5124           background: rgba(255, 255, 255, 0.08);
5125           box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
5126           backdrop-filter: blur(2.7px);
5127           border: 1px solid rgba(255, 255, 255, 0.36);
5128            padding: 18px;
5129            border-radius: 10px; 
5130            display: flex; gap: 12px;
5131            align-items: center;
5132        }
5133
5134        .icon { color: #FF9F00; font-size: 1.1rem; flex-shrink: 0; }
5135        .flexcus-features-title { font-weight: 600; font-size:14px; margin-bottom: 3px; font-family: 'Montserrat';  color:#0f3cbe;}
5136    
5137
5138        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
5139
5140        /* RESPONSIVE */
5141        @media (max-width: 850px) {
5142            .flexcus-content-wrapper { flex-direction: column; align-items: center; }
5143            .flexcus-features-grid { width: 100%; }
5144            .flexcus-visual-part { margin-bottom: 50px; width: 100%; align-items: center; }
5145        }
5146        @media (max-width: 500px) {
5147            .flexcus-features-grid { grid-template-columns: 1fr;padding: 0px 20px 20px 20px; }
5148        }
5149
5150         .flexcus-img-desc {
5151    font-size: 14px;
5152    color: #5A607F;
5153    font-weight: 700;
5154    text-align: center;
5155    max-width: 250px;
5156}
5157    </style>
5158
5159
5160
5161
5162
5163
5164
5165<section class="counter-sec bg-full rds-section-seamless-home v2 rds-bg-light-grey rds-section-large">
5166  <div class="brand-own-section">
5167    <div class="brand-own-container" >
5168      
5169  <!-- FULL WIDTH HEADING -->
5170			<div class="compare-heading">
5171				<h2 class="sub-title">
5172					100% White-Label Uber Clone for Complete Brand Ownership
5173				</h2>
5174				<p class="para text-dark text-center"  style="padding-bottom:0px ;">Looking for a white-label rideshare platform that allows full custom branding for your startup transportation business?
5175</p>
5176			</div>
5177
5178      <div class="brand-own-flex-layout">
5179        
5180        <div class="brand-own-image-part">
5181          <img src="./assets/images/White-Label-L-img.webp" width="650px" height="400px" alt="White Label Branding" class="main-feature-img">
5182        </div>
5183
5184        <div class="brand-own-content-part">
5185          <ul class="brand-own-list">
5186            <li>App Name</li>
5187            <li>Logo</li>
5188            <li>Brand Colors</li>
5189            <li>App Icon</li>
5190            <li>Splash Screen</li>
5191            <li>UI Theme</li>
5192            <li>Company Information</li>
5193            <li>Website Domain</li>
5194			<li style="display: flex;">App listing with your company name</li>
5195          </ul>
5196        </div>
5197
5198      </div>
5199    </div>
5200<p class="para text-dark text-center" style="color: #000;
5201    font-weight: 500;
5202    font-size: 16px !important; padding:0px;">Launch your taxi business with full branding control your identity, your visual
5202s, your platform.</p>  
5203</div>
5204
5205
5206</section>
5207
5208
5209
5210<style>
5211/* General Layout */
5212.brand-own-section {
5213  padding: 20px 20px 20px 20px;
5214  font-family: 'Montserrat';
5215}
5216
5217.brand-own-container {
5218  max-width: 1200px;
5219  margin: 50px auto;
5220}
5221
5222/* Centered Header Styling */
5223.brand-header-centered {
5224  text-align: center;
5225  max-width: 800px;
5226  margin: 0 auto 50px auto; /* Heading-kum kizhulla content-kum gap */
5227}
5228
5229.brand-header-centered h2 {
5230  font-size: 32px;
5231  color: #002d4b;
5232  margin-bottom: 15px;
5233  font-weight: 700;
5234  line-height: 1.3;
5235}
5236
5237.brand-header-centered p {
5238  font-size: 17px;
5239  color: #555;
5240  line-height: 1.6;
5241}
5242
5243/* Flex layout for side-by-side content */
5244.brand-own-flex-layout {
5245  display: flex;
5246  align-items: center;
5247  gap: 20px;
5248  flex-wrap: wrap;
5249}
5250
5251/* Left Image Styling */
5252.brand-own-image-part {
5253  flex: 1.2;
5254  min-width: 320px;
5255  text-align: right;
5256}
5257
5258.main-feature-img {
5259  width: 95%;
5260  height: auto;
5261  border-radius: 15px;
5262  /* box-shadow removed for a cleaner look, optional */
5263}
5264
5265/* Right Content Styling */
5266.brand-own-content-part {
5267  flex: 1;
5268  min-width: 320px;
5269}
5270
5271/* List Styling */
5272.brand-own-list {
5273   list-style: none;
5274  padding: 0;
5275  margin: 0;
5276  display: flex;
5277  flex-direction: column;
5278  gap: 5px;
5279}
5280
5281.brand-own-list li {
5282 position: relative;
5283  padding: 10px 16px 10px 45px;
5284  font-size: 14px;
5285  font-weight: 600;
5286  color: #0f172a;
5287  border-radius: 5px;
5288width: 70%;
5289 /* background:#d59afa26; */
5290  background: linear-gradient(90deg, rgb(206 128 255 / 30%), rgb(255 204 0 / 0%));
5291  backdrop-filter: blur(8px);
5292  transition: all 0.3s ease;
5293}
5294
5295
5296/* 🔥 Hover highlight
5297.brand-own-list li:hover {
5298  transform: translateX(5px);
5299  background: linear-gradient(90deg, rgba(0,102,255,0.3), rgba(255,204,0,0.3));
5300  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
5301} */
5302
5303.brand-own-list li::before {
5304content: "✔";
5305  position: absolute;
5306  left: 15px;
5307  top: 50%;
5308  transform: translateY(-50%);
5309
5310  width: 15px;
5311  height: 15px;
5312
5313  display: flex;
5314  align-items: center;
5315  justify-content: center;
5316
5317  background: #0F172A;
5318  color: #ffffff;
5319  font-size: 10px;
5320
5321  border-radius: 4px;
5322  border: 1px solid rgba(255,255,255,0.2);
5323
5324}
5325
5326.brand-footer-note {
5327  margin-top: 40px;
5328  padding: 15px 25px;
5329  background: #f0f7ff;
5330  border-left: 5px solid #002d4b;
5331  font-weight: 600;
5332  font-size: 15px;
5333  color: #002d4b;
5334  display: inline-block;
5335}
5336.brand-footer-note span{
5337	font-size: 20px !important;
5338    position: relative;
5339    top: -5px;
5340}
5341
5342/* Responsive Mobile */
5343@media (max-width: 850px) {
5344  .brand-header-centered h2 { font-size: 26px; }
5345  .brand-own-flex-layout {
5346    flex-direction: column;
5347	gap: 20px;
5348  }
5349  .brand-own-list {
5350    grid-template-columns: 1fr; /* Mobile-il single column better-aaga irukkum */
5351    max-width: 300px;
5352    margin: 0 auto;
5353  }
5354  .brand-footer-note {
5355    width: 100%;
5356    text-align: center;
5357  }
5358}
5359</style>
5360
5361
5362
5363
5364		<section class="counter-sec bg-full rds-section-home-hero rds-section-large rds-bg-dark-blue " id="uberx" style="padding: 50px;">
5365			<div class="bg-color-sec">
5366				<div class="container" data-id='fadeInDown' data-aos='fadeInDown'>
5367					<div class="text-center">
5368						<h2 class="sub-title text-light">All-in-One Uber-Like Transportation <br>Solution for Diverse
5369							Industries
5370						</h2>
5371					</div>
5372
5373					<!-- First Row of 4 Cards -->
5374					<div class="row align-items-center box-parent justify-content-center">
5375						<div onclick="nav('https://www.spotnrides.com/embark-your-on-demand-water-taxi-startup-using-spotnrides-app-solution/')"
5376							target="_blank" class="box1 yellow col-md-2 col-sm-6">
5377							<img src="./assets/images/rideicon/Water-Taxi.png" loading="lazy"
5378								alt="Ride hailing app script" />
5379							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
5380								Water Taxi</h5>
5381						</div>
5382
5383						<div onclick="nav('https://www.spotnrides.com/blog/future-proof-the-ride-hailing-firm-success-with-airport-taxi-booking-app/')"
5384							target="_blank" class="box1 blue col-md-2 col-sm-6">
5385							<img src="./assets/images/rideicon/Airport-Taxi.png" loading="lazy"
5386								alt="Car sharing service script" />
5387							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
5388								Airport Taxi</h5>
5389						</div>
5390
5391						<div onclick="nav('https://www.spotnrides.com/blog/build-your-own-on-demand-bike-taxi-business-with-spotnrides-rapido-clone-app-solution-for-a-successful-bike-taxi-startup/')"
5392							target="_blank" class="box1 red col-md-2 col-sm-6">
5393							<img src="./assets/images/rideicon/Bike-taxi.png" loading="lazy"
5394								alt="Carpool app template script" />
5395							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
5396								Bike Taxi</h5>
5397						</div>
5398
5399						<div onclick="nav('https://www.spotnrides.com/business-and-revenue-model-of-long-distance-ride-sharing-and-how-spotnrides-can-help-for-this-startup-idea/')"
5400							class="box1 green col-md-2 col-sm-6">
5401							<img src="./assets/images/rideicon/route-optimization.png" loading="lazy"
5402								alt="Carpooling app solution script" />
5403							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
5404								InterCity Taxi</h5>
5405						</div>
5406					</div>
5407
5408					<!-- Second Row of 4 Cards -->
5409					<div class="row align-items-center box-parent justify-content-center mt-4 mb-5">
5410						<!-- Card 5 -->
5411						<div onclick="nav('https://www.spotnrides.com/blog/top-car-rental-software-for-usa-and-worldwide-entrepreneurs/')"
5412							target="_blank" class="box1 green  col-md-2 col-sm-6">
5413							<img src="./assets/images/rideicon/Car-Rental.png" loading="lazy" alt="Service 5" />
5414							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
5415								Car Rental</h5>
5416						</div>
5417
5418						<!-- Card 6 -->
5419						<div onclick="nav('https://www.spotnrides.com/blog/how-spotnrides-taxi-app-solution-is-perfectly-suited-for-long-distance-ride-sharing-business-venture/')"
5420							target="_blank" class="box1 red col-md-2 col-sm-6">
5421							<img src="./assets/images/rideicon/Carpooling.png" loading="lazy" alt="Service 6" />
5422							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
5423								Carpooling</h5>
5424						</div>
5425
5426						<!-- Card 7 -->
5427						<div onclick="nav('https://www.spotnrides.com/blog/why-female-entrepreneurs-in-the-taxi-industry-is-not-making-wonders-how-to-overcome-that/')"
5428							target="_blank" class="box1 blue col-md-2 col-sm-6">
5429							<img src="./assets/images/rideicon/Pink-Taxi.png" loading="lazy" alt="Service 7" />
5430							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
5431								Pink Taxi</h5>
5432						</div>
5433
5434						<!-- Card 8 -->
5435						<div onclick="nav('https://www.spotnrides.com/blog/effortless-elegance-how-the-limousine-booking-service-app-redefines-travel/')"
5436							class="box1 yellow col-md-2 col-sm-6">
5437							<img src="./assets/images/rideicon/Luxury-Taxi.png" loading="lazy" alt="Service 8" />
5438							<h5 class="point-title1" style="color: #fff;font-size: medium;line-height: 0 !important;">
5439								Luxury Taxi </h5>
5440						</div>
5441					</div>
5442
5443					<!-- <div class="para text-center mt-5 text-light" style="margin-top: 2%;">
5444                and basically, every service that needs a booking at the scheduling system.
5445            </div> -->
5446				</div>
5447
5448				<div class="container ">
5449					<div class=text-center style="padding: 0px;">
5450						<h2 class="point-title2 text-center mt-5 text-light" style="margin-top: 0px !important;">View Our effective Uber Clone Solution
5451							through demo
5452						</h2>
5453					<!--	<a href="#main1" class="rds-button-secondry1">Obtain A Free Estimate
5454						</a>-->
5454
5455
5456						<a href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!" class="rds-button-secondry1">Obtain A Free Estimate
5457						</a>
5458					</div>
5459				</div>
5460			</div>
5461		</section>
5462
5463
5464<section   style="padding: 50px 15px 60px 15px; text-align: center;  background-color: #fff;
5465    background-image: linear-gradient(90deg, transparent, rgba(146, 121, 255, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%), linear-gradient(90deg, transparent, rgba(255, 121, 197, 0.069) 50%, rgba(22, 75, 235, 0.069) 100%, transparent 95%);">
5466	
5467  <!-- FULL WIDTH HEADING -->
5468			<div class="compare-heading" >
5469				<h2 class="sub-title" style="margin-top:0px;">
5470					30+ Trusted Global Payment Gateways in our Uber Clone App
5471				</h2>
5472				<p class="para text-dark tex100% White-Label for Complete Brand Ownershipt-center" style="text-align: center;">Simplify global payments with integrations supporting cards, wallets, and recurring billing to scale your ride-hailing business.
5473			</div>
5474
5475
5476<div class="payopt-cont">
5477    <nav class="payopt-sidebbar" aria-label="Payment Methods">
5478        <button class="payopt-tabb-btn active" data-target="global">Global Popular Payment Gateways<span>&rarr;</span></button>
5479        <button class="payopt-tabb-btn" data-target="regional">Regional Payment Gateways<span>&rarr;</span></button>
5480        <button class="payopt-tabb-btn" data-target="crypto">Cryptocurrency-Friendly Gateways<span>&rarr;</span></button>
5481        <button class="payopt-tabb-btn" data-target="mobile">Mobile Wallet & Banking Options<span>&rarr;</span></button>
5482        <button class="payopt-tabb-btn" data-target="cards">Card & Bank Payment Options<span>&rarr;</span></button>
5483    </nav>
5484
5485    <div id="global" class="payopt-tabb-content-area active">
5486        <div class="payopt-grid-containn">
5487               <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/PayPal-1.png" alt="PayPal payment"></div><div class="payopt-payment-namee">PayPal</div></div>
5488            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img  width="48px" height="48px"  loading="lazy" src="./assets/images/Stripe-2.png" alt="Stripe payment"></div><div class="payopt-payment-namee">Stripe</div></div>
5489              <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="96px" height="96px"  loading="lazy" src="./assets/images/Braintree-3.png" alt="Braintree payment"></div><div class="payopt-payment-namee">Braintree</div></div>
5490            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="96px" height="96px" loading="lazy" src="./assets/images/Authorize.Net-4.png" alt="Authorize.Net payment"></div><div class="payopt-payment-namee">Authorize.Net</div></div>
5491            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Square-5.png" alt="Square payment"></div><div class="payopt-payment-namee">Square</div></div>
5492            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Adyen-6.png" alt="Adyen payment"></div><div class="payopt-payment-namee">Adyen</div></div>
5493              <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img  width="48px" height="48px" loading="lazy" src="./assets/images/WorldPay-7.png" alt="Worldpay payment"></div><div class="payopt-payment-namee">WorldPay</div></div>
5494            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy"  src="./assets/images/Verifone-8.png" alt="2Checkout payment"></div><div class="payopt-payment-namee">2Checkout / Verifone</div></div>
5495        </div>
5496    </div>
5497
5498    <div id="regional" class="payopt-tabb-content-area">
5499        <div class="payopt-grid-containn">
5500            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Razorpay-1.png" alt="Razorpay payment"></div><div class="payopt-payment-namee">Razorpay</div></div>
5501            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Paytm-2.png" alt="Paytm payment"></div><div class="payopt-payment-namee">Paytm</div></div>
5502              <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Google-Pay-3.png" alt="Google Pay"></div><div class="payopt-payment-namee">Google Pay </div></div>
5503            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Apple-Pay-4.png" alt="Apple Pay"></div><div class="payopt-payment-namee">Apple Pay</div></div>
5504            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="96px" height="96px" loading="lazy" src="./assets/images/Samsung-Pay-new.png" alt="Samsung Pay"></div><div class="payopt-payment-namee">Samsung Pay</div></div>
5505            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Alipay-6.png" alt="Alipay"></div><div class="payopt-payment-namee">Alipay</div></div>
5506              <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/WeChat-Pay-7.png" alt="WeChat Pay"></div><div class="payopt-payment-namee">WeChat Pay</div></div>
5507            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Mollie-8.png" alt="Mollie payment"></div><div class="payopt-payment-namee">Mollie</div></div>
5508             <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Skrill-9.png" alt="Skrill payment"></div><div class="payopt-payment-namee">Skrill</div></div>
5509            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Payoneer-10.png" alt="Payoneer payment"></div><div class="payopt-payment-namee">Payoneer</div></div>
5510                        <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" loading="lazy" height="48px" src="./assets/images/klarna-13.png" alt="Klarna payment"></div><div class="payopt-payment-namee">Klarna</div></div>
5511             <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/iDEAL-11.png" alt="iDEAL payment"></div><div class="payopt-payment-namee">iDEAL</div></div>
5512            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/SEPA-Direct-Debit-12.png" alt="SEPA payment"></div><div class="payopt-payment-namee">SEPA Direct Debit</div></div>
5513        </div>
5514    </div>
5515
5516    <div id="crypto" class="payopt-tabb-content-area">
5517        <div class="payopt-grid-containn">
5518    <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Coinbase-Commerce-1.png" alt="Coinbase Commerce"></div><div class="payopt-payment-namee">Coinbase Commerce </div></div>
5519    <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/BitPay-2.png" alt="BitPay"></div><div class="payopt-payment-namee">BitPay</div></div>
5520     <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="96px" height="96px" loading="lazy" src="./assets/images/NOWPayments-new.png" alt="NOWPayments"></div><div class="payopt-payment-namee">NOWPayments </div></div>
5521<div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Binance-Pay-4.png" alt="Binance Pay"></div><div class="payopt-payment-namee">Binance Pay</div></div>
5522        </div>
5523    </div>
5524
5525    <div id="mobile" class="payopt-tabb-content-area">
5526        <div class="payopt-grid-containn">
5527            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Venmo-1.png" alt="Venmo"></div><div class="payopt-payment-namee">Venmo</div></div>
5528            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Cash-App-2.png" alt="Cash App"></div><div class="payopt-payment-namee">Cash App</div></div>
5529                <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Zelle-3.png" alt="Zelle"></div><div class="payopt-payment-namee">Zelle</div></div>
5530            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/UPI-Integration-4.png" alt="UPI payment"></div><div class="payopt-payment-namee">UPI Integration</div></div>
5531                     <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Paysera-5.png" alt="Paysera"></div><div class="payopt-payment-namee">Paysera</div></div>
5532       
5533          </div>
5534    </div>
5535
5536    <div id="cards" class="payopt-tabb-content-area">
5537        <div class="payopt-grid-containn">
5538            <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Visa-1.png" alt="Visa"></div><div class="payopt-payment-namee">Visa</div></div>
5539        <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Net-Banking-2.png" alt="Braintree"></div><div class="payopt-payment-namee">Net Banking</div></div>
5540         <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Credit-card-3.png" alt="Braintree"></div><div class="payopt-payment-namee">Debit/Credit card</div></div>
5541		     <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/MasterCard-4.png" alt="Mastercard"></div><div class="payopt-payment-namee">MasterCard</div></div>
5542        <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/AMEX-5.png" alt="Amex"></div><div class="payopt-payment-namee">AMEX</div></div>
5543         <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/Discover-6.png" alt="Discover"></div><div class="payopt-payment-namee">Discover</div></div>
5544		     <div class="payopt-payment-cardd"><div class="payopt-logo-boxx"><img width="48px" height="48px" loading="lazy" src="./assets/images/ACH-Payments-7.png" alt="ACH payment"></div><div class="payopt-payment-namee">ACH Payments</div></div>
5545          </div>
5546    </div>
5547  </div>
5548
5549</section>
5550
5551<script>
5552    document.querySelectorAll('.payopt-tabb-btn').forEach(btn => {
5553        btn.addEventListener('click', function() {
5554            // Remove active classes
5555            document.querySelectorAll('.payopt-tabb-btn, .payopt-tabb-content-area').forEach(el => el.classList.remove('active'));
5556            
5557            // Add active class to clicked button
5558            this.classList.add('active');
5559            
5560            // Show target content
5561            const targetId = this.getAttribute('data-target');
5562            const targetdiv = document.getElementById(targetId);
5563            if(targetdiv) {
5564                targetdiv.classList.add('active');
5565                targetdiv.scrollTop = 0; // Scroll to top when switching
5566            }
5567        });
5568    });
5569</script>
5569
5570
5571
5572 <style>
5573        .payopt-tabb-btn  span{font-size: 40px;
5574    position: relative;
5575    top: -5px;}
5576        .payopt-cont { width: 100%; max-width: 1100px; display: flex; background: #2e1f4b; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.5); border: 0px solid rgb(255, 255, 255); height: 400px; justify-self: center;}
5577
5578        .payopt-sidebbar { width: 50%; background:#2E1F4B; padding:20px; align-self: center; }
5579
5580        .payopt-tabb-btn { width: 100%; padding: 18px 25px; border: none; background: transparent; color: rgba(255,255,255,0.7); text-align: left; font-size: 16px; font-weight: 500; cursor: pointer; transition: background-color 0.2s, opacity 0.2s; display: flex; justify-content: space-between; align-items: center; font-family: 'Montserrat'; margin: 10px 0px; height: 60px; }
5581
5582        .payopt-tabb-btn.active { color: #b499ff; background: rgba(0, 0, 0, 0.2); border-radius: 10px; }
5583
5584        .payopt-tabb-content-area { width: 50%; padding: 20px; background: white; display: none; overflow-y: auto; scrollbar-width:none; }
5585
5586        .payopt-tabb-content-area.active { display: block; animation: fadeIn 0.4s ease-in-out; }
5587
5588        .payopt-grid-containn { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 10px; row-gap: 10px; }
5589
5590        .payopt-payment-cardd { background: #f7f7f7; padding: 20px; border-radius: 12px; text-align: center; border: 1px solid #eee; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 90px; }
5591        
5592        .payopt-logo-boxx { width: 80px; height: 40px; display: flex; align-items: center; justify-content: center; }
5593        .payopt-logo-boxx img { max-width: 100%; height: auto; object-fit: contain; }
5594
5595        .payopt-payment-namee { font-size: 12px; font-weight: 700; color: #333; margin-top: 10px; }
5596
5597        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
5598
5599        /* MOBILE ALIGNMENT FIXES */
5600        @media (max-width: 850px) {
5601            .payopt-cont { flex-direction: column; height: auto; max-height: 90vh; }
5602            
5603            .payopt-sidebbar { 
5604                width: 100%; 
5605                display: flex; 
5606                overflow-x: auto; 
5607                padding: 10px; 
5608                box-sizing: border-box;
5609                border-bottom: 1px solid rgba(255,255,255,0.1);
5610                white-space: nowrap;
5611                -webkit-overflow-scrolling: touch;
5612            }
5613            
5614            .payopt-tabb-btn { 
5615                width: auto; 
5616                margin: 0 5px; 
5617                padding: 12px 20px; 
5618                font-size: 13px; 
5619                display: inline-flex;
5620            }
5621            
5622            .payopt-tabb-btn span { display: none; } /* Hide arrows on mobile */
5623
5624            .payopt-tabb-content-area { 
5625                width: 100%; 
5626                padding: 20px; 
5627                box-sizing: border-box; 
5628                height: 450px; /* Fixed height for scroll */
5629            }
5630
5631            .payopt-grid-containn { 
5632                grid-template-columns: repeat(2, 1fr); 
5633                gap: 10px; 
5634            }
5635            
5636            .payopt-payment-cardd { min-height: 100px; padding: 10px; }
5637        }
5638
5639        @media (max-width: 480px) {
5640            .payopt-grid-containn { grid-template-columns: repeat(2, 1fr); }
5641            .payopt-payment-namee { font-size: 11px; }
5642        }
5643    </style>
5644
5645
5646
5647			<section class="counter-sec bg-full rds-section-home-hero rds-section-large rds-bg-dark-blue" id="spotnrides" style="padding: 50px 0px 30px 0px !important;">
5648			<div class="">
5649				<div class="container" data-id='fadeInDown' data-aos='fadeInDown'>
5650					<h2 class="sub-title text-light" style="margin-bottom: 50px;">What Makes SpotnRides The Better
5651						Choice Over Other Development Platforms?</h2>
5652				<!--	<div class="col-12 box animate fadeIn five image-all-together box_animation" style="    min-width: 100%;
5653						height: 70px;
5654						padding: 0px !important;
5655						margin: 0px;
5656						align-content: center;">
5657						 <div class="box animate fadeIn five image-all-together" style="padding: 10px;">
5658						<span class="one"></span>
5659						<span class="two"></span>
5660						<span class="three"></span>
5661						<span class="four"></span>
5662						<h5 style="color: #fff;
5663							font-size: medium;
5664							letter-spacing: 5px;
5665							font-size: 20px;
5666							font-weight: bold;" class="point-title1">AI-Powered Taxi App Solution</h5>
5667						 </div>
5668					</div> -->
5669					<div class="row" style="justify-content: center;">
5670
5671						<!-- <div class="col-md-3 box animate fadeIn five image-all-together box_animation">
5672							<span class="one"></span>
5673							<span class="two"></span>
5674							<span class="three"></span>
5675							<span class="four"></span>
5676							<img src="./assets/images/7.png" class="img-fluid box-img" loading="lazy"
5677								alt="Uber clone app development services">
5678							<h5 style="color: #fff;font-size: medium;" class="point-title1">Multiple Payment Options
5679							</h5>
5680						</div> -->
5681						<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
5682							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
5683							<span class="one"></span>
5684							<span class="two"></span>
5685							<span class="three"></span>
5686							<span class="four"></span>
5687							<img src="./assets/images/7.png" class="img-fluid box-img" loading="lazy"
5688								alt="Uber clone app development services">
5689							<h5 style="color: #fff;font-size: medium;" class="point-title1">Data-Driven Approach
5690							</h5>
5691							<!-- </div> -->
5692						</div>
5693
5694						<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
5695							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
5696							<span class="one"></span>
5697							<span class="two"></span>
5698							<span class="three"></span>
5699							<span class="four"></span>
5700							<img src="./assets/images/5.png" class="img-fluid box-img" loading="lazy"
5701								alt="Multi language Uber clone app">
5702							<h5 style="color: #fff;font-size: medium;" class="point-title1">100% Customization and
5703								Branding</h5>
5704							<!-- </div> -->
5705						</div>
5706
5707
5708						<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
5709							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
5710							<span class="one"></span>
5711							<span class="two"></span>
5712							<span class="three"></span>
5713							<span class="four"></span>
5714							<img src="./assets/images/3.png" class="img-fluid box-img" loading="lazy"
5715								alt="App like Uber for airport transfers">
5716							<h5 style="color: #fff;font-size: medium;" class="point-title1">Excellent And Lightning
5717								UI/UX</h5>
5718							<!-- </div> -->
5719						</div>
5720
5721
5722						<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
5723							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
5724							<span class="one"></span>
5725							<span class="two"></span>
5726							<span class="three"></span>
5727							<span class="four"></span>
5728							<img src="./assets/images/1.png" class="img-fluid box-img" loading="lazy"
5729								alt="Taxi booking system development">
5730							<h5 style="color: #fff;font-size: medium;" class="point-title1">Easy Installation &
5731								Deployment</h5>
5732							<!-- </div> -->
5733						</div>
5734
5735						<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
5736							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
5737							<span class="one"></span>
5738							<span class="two"></span>
5739							<span class="three"></span>
5740							<span class="four"></span>
5741							<img src="./assets/images/2.png" class="img-fluid box-img" loading="lazy"
5742								alt="Uber clone app development company">
5743							<h5 style="color: #fff;font-size: medium;" class="point-title1">Multiple Payment Options
5744							</h5>
5745							<!-- </div> -->
5746						</div>
5747						<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
5748							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
5749							<span class="one"></span>
5750							<span class="two"></span>
5751							<span class="three"></span>
5752							<span class="four"></span>
5753							<img src="./assets/images/10.png" class="img-fluid box-img" loading="lazy"
5754								alt="Ride hailing app development company">
5755							<h5 style="color: #fff;font-size: medium;" class="point-title1">Voice Booking</h5>
5756							<!-- </div> -->
5757						</div>
5758
5759
5760						<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
5761							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
5762							<span class="one"></span>
5763							<span class="two"></span>
5764							<span class="three"></span>
5765							<span class="four"></span>
5766							<img src="./assets/images/6.png" class="img-fluid box-img" loading="lazy"
5767								alt="App development for cab aggregation">
5768							<h5 style="color: #fff;font-size: medium;" class="point-title1">Highly Affordable
5769							</h5>
5770							<!-- </div> -->
5771						</div>
5772
5773						<div class="col-md-3 box animate fadeIn five image-all-together box_animation">
5774							<!-- <div class="box animate fadeIn five image-all-together" style="padding: 10px;"> -->
5775							<span class="one"></span>
5776							<span class="two"></span>
5777							<span class="three"></span>
5778							<span class="four"></span>
5779							<img src="./assets/images/4.png" class="img-fluid box-img" loading="lazy"
5780								alt="Fleet management software development for taxis">
5781							<h5 style="color: #fff;font-size: medium;" class="point-title1">Support And Maintenance
5782							</h5>
5783							<!-- </div> -->
5784						</div>
5785
5786
5787					</div>
5788				</div>
5789				<a class="rds-button-secondry1 " target="_blank" style="margin-top: 30px;"
5790					href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!">Book
5791					a Consultation
5792				</a>
5793			</div>
5794
5795		</section>
5796
5797
5798
5799
5800
5801		<section class="counter-sec bg-full rds-section-seamless-home v2 rds-bg-light-grey rds-section-large"
5802			id="spotnrides"  style="padding: 30px auto;">
5803			<div class="container" data-id='fadeInDown' data-aos='fadeInDown'>
5804				<div class="row " style="padding-bottom: 30px;">
5805					<div class="col-xs-12">
5806						<!-- header of the page -->
5807						<div class="caption text-center" style="padding-bottom:0px; padding-top: 50px;">
5808							<h2 class="sub-title">What Does SpotnRides Offer Taxi Business Owners?</h2>
5809							<p class="para text-dark text-center">
5810								Visualize your breakthrough idea as a workable Uber clone app solution by partnering
5811								with SpotnRides. We create a strategic roadmap for entrepreneurs to succeed in their
5812								efforts.
5813
5814							</p>
5815						</div>
5816					</div>
5817
5818
5819					<div class="col-md-6 item ">
5820						<div class="who-we-are1" style="padding: 10px;">
5821							<img class="img-fluid iccoo" src="./assets/images/database.png" loading="lazy"  width="64px" height="64px"
5822								alt="Taxi dispatch system development">
5823							<h5 class="point-title2">Free Server Setup</h5>
5824							<p class="para text-dark">The process of app development from SpotnRides is magical as we
5825								install our script on your server at no cost. Also, the launch time is short since our
5826								apps are white-label solutions.
5827							</p>
5828						</div>
5829					</div>
5830
5831					<div class="col-md-6 item ">
5832						<div class="who-we-are1" style="padding: 10px;">
5833							<img class="img-fluid iccoo" src="./assets/images/apk.png" loading="lazy"  width="64px" height="64px"
5834								alt="Uber like app solution provider">
5835							<h5 class="point-title2">Native Apps for Android & iOS</h5>
5836							<p class="para text-dark">We develop apps for your taxi businesses in the native languages
5837								of iOS & Android. We ensure a wholesome compatibility for our AI-integrated Uber clone
5838								solutions.
5839							</p>
5840						</div>
5841					</div>
5842
5843
5844					<div class="col-md-6 item ">
5845						<div class="who-we-are1" style="padding: 10px;">
5846							<img class="img-fluid iccoo" src="./assets/images/paper-plane.png" loading="lazy"  width="64px" height="64px"
5847								alt="App development for ride-sharing business">
5848							<h5 class="point-title2 ">Free App Publishing</h5>
5849							<p class="para text-dark">We develop your app and help you publish it on respective
5850								platforms, like the Play Store and App Store, respectively.</p>
5851						</div>
5852					</div>
5853
5854					<div class="col-md-6 item ">
5855						<div class="who-we-are1" style="padding: 10px;">
5856							<img class="img-fluid iccoo" src="./assets/images/on-time.png" loading="lazy"  width="64px" height="64px"
5857								alt="App like Uber for corporate travel">
5858							<h5 class="point-title2">On-Time Delivery</h5>
5859							<p class="para text-dark">Our clients' testimonials serve as proof of our on-time delivery
5860								skills. We always work towards quality and punctuality in our app development service.
5861
5862							</p>
5863						</div>
5864					</div>
5865
5866
5867					<div class="col-md-6 item ">
5868						<div class="who-we-are1" style="padding: 10px;">
5869							<img class="img-fluid iccoo" src="./assets/images/coding.png" loading="lazy"  width="64px" height="64px"
5870								alt="Carpooling script">
5871							<h5 class="point-title2">Skilled Developers</h5>
5872							<p class="para text-dark">SpotnRides consists of skilled developers who create propellant
5873								transitions through AI-integrated Uber clone app developments.
5874							</p>
5875						</div>
5876					</div>
5877
5878					<div class="col-md-6 item ">
5879						<div class="who-we-are1" style="padding: 10px;">
5880							<img class="img-fluid iccoo" src="./assets/images/file.png" loading="lazy"  width="64px" height="64px"
5881								alt="Ride sharing app">
5882							<h5 class="point-title2">Non-Disclosure Agreements</h5>
5883							<p class="para text-dark">Above all, we sign a Non-Disclosure agreement, or NDA, before we
5884								begin with your app development process.</p>
5885						</div>
5886					</div>
5887
5888
5889					<p class="para text-center" style="margin-top: 50px !important; font-size: 16px !important">We’ve delivered the best ride sharing management software for businessmen for 8+ years to launch, manage, and scale taxi businesses efficie
5889ntly.
5890					</p>
5891
5892					<a class="rds-button-secondry1" target="_blank"
5893						href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!">Consult
5894						With Our
5895						Professionals
5896					</a>
5897				</div>
5898
5899
5900
5901
5902			</div>
5903		</section>
5904
5905
5906		<div class="modal fade" id="driapple" role="dialog" style="margin-top:10%">
5907			<div class="modal-dialog" style="width:380px;margin:auto">
5908				<div class="modal-content">
5909					<div class="modal-header">
5910						<h4 class="modal-title text-light">Download Driver App <span
5911								style="position: absolute;top: 20px; right: 20px;color: red;cursor: pointer;"
5912								class="fa fa-close" data-dismiss=modal></span></h4>
5913					</div>
5914					<div class="modal-body" style="height:auto;padding:2rem !important">
5915						<div style="margin-top:10%"></div>
5916						<form action=../mail.php method=post id=form_3>
5917							<input type=text id=user_name_3 name=user_name style=width:100%;height:50px
5918								class="form-control " placeholder=Name value required autocomplete="new-name"
5919								oninput="filterInput(event)">
5920							<div style=margin-top:5%></div>
5921							<input type=email class="form-control " id=user_email_3 placeholder="E-mail Address"
5922								name=user_email value style=width:100%;height:50px required autocomplete="new-email">
5923							<div style=margin-top:5%></div>
5924							<input type=text class="form-control " id=user_skype_3
5925								placeholder="Skype Id / Whatsapp Number" name=skype value style=width:100%;height:50px
5926								required autocomplete="new-whatsapp">
5927							<input type=hidden name=link id=link_3
5928								value="https://apps.apple.com/gb/app/spotnrides-driver/id1353300965">
5929							<input type=hidden name=type id=type_3 value=2>
5930							<input type=hidden name=app id=app_3 value="Iphone Driver App">
5931							<input type=hidden name=app_name id=appname_3 value=iOS>
5932							<div style=margin-top:5%></div>
5933							<button class="rds-button-secondry2" style="width:100%;"
5934								onclick="sendmail('form_3','3','driapple')" type=button>
5935								Submit</button>
5936						</form>
5937					</div>
5938				</div>
5939			</div>
5940		</div>
5941
5942		<div class="modal fade" id="offer_halloween" role="dialog" style="z-index:22223;">
5943			<div class="modal-dialog" style="width:380px;margin:auto;z-index:22229;">
5944				<div class="modal-content">
5945					<div class="modal-body" style="height:auto;padding:2rem !important">
5946						<span style="position: absolute;top: 20px; right: 20px;color: red;cursor: pointer;"
5947							class="fa fa-close" data-dismiss=modal></span></h4>
5948						<div class="form-divsx">
5949							<h2 class="text-center" style="font-size: 25px;color: #fff;line-height: 1.5;">Time To Turn
5950								Your Vision Into Reality</h2>
5951							<!-- Name -->
5952							<form action="../mail.php" method="post" id="form_8" autocomplete="off">
5953								<input type="text" id="check_fill_8" name="check_fill" style="display:none">
5954								<input type="text" id="user_name_8" name="user_name" style="width:100%;"
5955									class="form-control " placeholder="Name" value="" required
5956									oninput="filterInput(event)">
5957								<!-- Email -->
5958								<!-- <div style="margin-top:5%"></div> -->
5959								<input type="email" class="form-control " id="user_email_8" placeholder="E-mail Address"
5960									name="user_email" value="" onkeypress="return AvoidSpace(event)" style="width:100%;"
5961									required>
5962								<!-- Skype/Whatsapp -->
5963								<!-- <div style="margin-top:5%"></div> -->
5964								<input type="text" class="form-control " id="phone_number_8"
5965									placeholder="Skype Id / Whatsapp Number" name="skype" value=""
5966									onkeypress="return AvoidSpace(event)" style="width:100%;" required>
5967								<input type="hidden" name="type" id="type_8" value="7">
5968								<!-- <div style="margin-top:5%"></div> -->
5969								<div class="ddd autocomplete">
5970									<input id="country_8" name="myCountry" class="form-control" type="text"
5971										placeholder=" Search Country" type="text" required>
5972								</div>
5973								<!-- <div style="margin-top:5%"></div> -->
5974								<!-- <div class="form-group"> -->
5975								<textarea class="form-control rounded-0" name="notes" id="notes_8" rows="3"
5976									placeholder="Please share the summary of your business requirements."
5977									style="margin-top: 22px;"></textarea>
5978								<!-- </div> -->
5979								<!-- <div style="margin-top:5%"></div> -->
5980								<button class="rds-button-secondry2" style="width:100%;"
5981									onclick="project_form('form_8','8');" type="button">
5982									Submit</button>
5983
5984							</form>
5985						</div>
5986					</div>
5987				</div>
5988			</div>
5989		</div>
5990
5991		<div class="modal fade" id=driandroid role=dialog style=margin-top:10%>
5992			<div class=modal-dialog style="width:380px;margin:auto">
5993				<div class=modal-content>
5994					<div class=modal-header>
5995						<h4 class="modal-title text-light">Download Driver App <span
5996								style="position: absolute;top: 20px; right: 20px;color: red;cursor: pointer;"
5997								class="fa fa-close" data-dismiss=modal></span></h4>
5998					</div>
5999					<div class=modal-body style="height:auto;padding:2rem !important">
6000						<div style=margin-top:10%></div>
6001						<form action=../mail.php method=post id=form_4>
6002							<input type=text id=user_name_4 name=user_name style=width:100%;height:50px
6003								class="form-control " placeholder=Name value required autocomplete="new-name"
6004								oninput="filterInput(event)">
6005							<div style=margin-top:5%></div>
6006							<input type=email class="form-control " id=user_email_4 placeholder="E-mail Address"
6007								name=user_email value style=width:100%;height:50px required autocomplete="new-email">
6008							<div style=margin-top:5%></div>
6009							<input type=text class="form-control " id=user_skype_4
6010								placeholder="Skype Id / Whatsapp Number" name=skype value style=width:100%;height:50px
6011								required autocomplete="new-whatsapp">
6012							<input type=hidden name=link id=link_4
6013								value="https://play.google.com/store/apps/details?id=com.spotnrides.driver">
6014							<input type=hidden name=type id=type_4 value=2>
6015							<input type=hidden name=app id=app_4 value="Android Driver App">
6016							<input type=hidden name=app_name id=appname_4 value=Android>
6017							<div style=margin-top:10%></div>
6018							<button class="rds-button-secondry2" style="width:100%;"
6019								onclick="sendmail('form_4','4','driandroid')" type=button>
6020
6021								Submit</button>
6022						</form>
6023					</div>
6024				</div>
6025			</div>
6026		</div>
6027
6028		<div class="modal fade" id=cusandroid role=dialog style=margin-top:10%>
6029			<div class=modal-dialog style=width:380px;margin:auto>
6030				<div class=modal-content>
6031					<div class=modal-header>
6032						<h4 class="modal-title text-light">Download Customer App <span
6033								style="position: absolute;top: 20px; right: 20px;color: red;cursor: pointer;"
6034								class="fa fa-close" data-dismiss=modal></span></h4>
6035					</div>
6036					<div class=modal-body style="height:auto;padding:2rem !important">
6037						<div style=margin-top:10%></div>
6038						<form action=../mail.php method=post id=form_6>
6039							<input type=text id=user_name_6 name=user_name style=width:100%;height:50px
6040								class="form-control " placeholder=Name value required autocomplete="new-name"
6041								oninput="filterInput(event)">
6042							<div style=margin-top:5%></div>
6043							<input type=email class="form-control " id=user_email_6 placeholder="E-mail Address"
6044								name=user_email value style=width:100%;height:50px required autocomplete="new-email">
6045							<div style=margin-top:5%></div>
6046							<input type=text class="form-control " id=user_skype_6
6047								placeholder="Skype Id / Whatsapp Number" name=skype value style=width:100%;height:50px
6048								required autocomplete="new-whatsapp">
6049							<input type=hidden name=link id=link_6
6050								value="https://play.google.com/store/apps/details?id=com.spotnrides.rider">
6051							<input type=hidden name=type id=type_6 value=2>
6052							<input type=hidden name=app id=app_6 value="Andriod Customer App">
6053							<input type=hidden name=app_name id=appname_6 value=Android>
6054							<div style=margin-top:5%></div>
6055							<button class="rds-button-secondry2" style=width:100%;
6056								onclick="sendmail('form_6','6','cusandroid')" type=button>
6057
6058								Submit</button>
6059						</form>
6060					</div>
6061				</div>
6062			</div>
6063		</div>
6064
6065		<div class="modal fade" id=cusapple role=dialog style=margin-top:10%>
6066			<div class=modal-dialog style=width:380px;margin:auto>
6067				<div class=modal-content>
6068					<div class=modal-header>
6069						<h4 class="modal-title text-light">Download Customer App <span
6070								style="position: absolute;top: 20px; right: 20px;color: red;cursor: pointer;"
6071								class="fa fa-close" data-dismiss=modal></span></h4>
6072					</div>
6073					<div class=modal-body style="height:auto;padding:2rem !important">
6074						<div style=margin-top:10%></div>
6075						<form action=../mail.php method=post id=form_5>
6076							<input type=text id=user_name_5 name=user_name style=width:100%;height:50px
6077								class="form-control" placeholder=Name value required autocomplete="new-name"
6078								oninput="filterInput(event)">
6079							<div style=margin-top:5%></div>
6080							<input type=email class="form-control " id=user_email_5 placeholder="E-mail Address"
6081								name=user_email value style=width:100%;height:50px required autocomplete="new-email">
6082							<div style=margin-top:5%></div>
6083							<input type=text class="form-control " id=user_skype_5
6084								placeholder="Skype Id / Whatsapp Number" name=skype value style=width:100%;height:50px
6085								required autocomplete="new-whatsapp">
6086							<input type=hidden name=link id=link_5
6087								value="https://apps.apple.com/gb/app/spotnrides/id1353300654">
6088							<input type=hidden name=type id=type_5 value=2>
6089							<input type=hidden name=app id=app_5 value="Iphone Customer App">
6090							<input type=hidden name=app_name id=appname_5 value=iOS>
6091							<div style=margin-top:5%></div>
6092							<button class="rds-button-secondry2" style=width:100%;
6093								onclick="sendmail('form_5','5','cusapple')" type=button>
6094
6095								Submit</button>
6096						</form>
6097					</div>
6098				</div>
6099			</div>
6100		</div>
6101
6102	
6103		
6104		<section class="rds-section-home-hero rds-section-large rds-bg-dark-blue section-padding " id=testimonial_page style="padding: 50px 0px;">
6105
6106			<div class="container text-center" data-id='fadeInDown' data-aos='fadeInDown' style="padding-top: 0px;">
6107
6108
6109				<div>
6110					<h2 class=sub-title style="color: #fff;">Our Customers Love What We Do</h2>
6111					<p class="para text-center text-dark" style="color: #fff !important; font-weight: 400 !important;">
6112						We love the satisfaction we get everyday by assisting our
6113						customer and launch their dream venture! Here are some of our feedback from our valuable
6114						customers,</p>
6115				</div>
6116
6117				<!-- <div class=row style="margin-top: 2%;"> -->
6118				<!-- <div class="col-lg-12"> -->
6119
6120
6121				<div id="demo" class="carousel slide" data-ride="carousel">
6122
6123					<!-- Indicators -->
6124
6125
6126					<!-- The slideshow -->
6127					<div class="carousel-inner back">
6128
6129
6130						<div class="carousel-item item active">
6131							<img src="./assets/images/profile-6.webp" class="center-block img-circle"
6132								alt="App development for transportation services" width="100" height="100"
6133								loading="lazy">
6134							<h3 class="point-title text-light" style="font-size: 25px;">Bjorn Brost</h3>
6135							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">
6136								Managing Partner Povezite.me.
6137							</h5>
6138							<p class="point text-light" style="padding: 20px 50px !important;">Hey, this is Bjorn Brost,
6139								the managing partner at
6140								Povezite.me. I am just here to let you know that the Uplogic Technology guys did
6141								develop & code a taxi app at serbia for my business requirements. Their
6142								cooperation was absolutely easy totally fine & technically high-end. They were
6143								professional and reliable. I highly recommend Uplogic Technologies for any app
6144								development project. Thank you.</p>
6145							<a class="read"
6146								href="https://www.youtube.com/watch?v=QEJ3kACTXlg&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=7"
6147								target="_blank">Listen to Our Clients</a>
6148
6149						</div>
6150						<div class="carousel-item item">
6151							<img src=./assets/images/profile-7.webp class="center-block img-circle"
6152								alt="Uber-like service apps" loading="lazy" width="100" height="100">
6153							<h3 class="point-title text-light" style="font-size: 25px;">Tina Andrew</h3>
6154							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">
6155								Business Development Executive
6156								at Van App Ltd, UK</h5>
6157							<p class="point text-light" style="padding: 20px 50px !important;">Hi, I’m Tina Andrew, a
6158								business development executive at
6159								Van App Ltd. in the UK. We used Uplogic Technologies for app development, and
6160								they finished the product on time. As a whole, it was a great experience working
6161								with them. Their creativity and communication have been great. I will take the
6162								opportunity to thank all the developers. We would highly recommend working with
6163								Uplogic Technologies in the future.</p>
6164							<a class="read"
6165								href="https://www.youtube.com/watch?v=D6d3O72CksE&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=10"
6166								target="_blank">Listen to Our Clients</a>
6167						</div>
6168						<div class="carousel-item item">
6169							<img src=./assets/images/profile-2.jpg class="center-block img-circle"
6170								alt="Taxi management software development" width="100" height="100" loading="lazy">
6171							<h3 class="point-title text-light" style="font-size: 25px;">Janne Siitari</h3>
6172							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">CEO,
6173								Qupio Solutions Oy</h5>
6174							<p class="point text-light" style="padding: 20px 50px !important;">Hi, I’m Janne Siitari,
6175								CEO of Qupio Solutions. I have
6176								been working with Uplogic Technologies for more than a year to develop a taxi
6177								booking app for my new startup. Their app development team has the latest
6178								technologies and their cooperation was brilliant. I enjoyed the teamwork while
6179								working with business and developer teams. I can fully recommend Uplogic
6180								Technologies if you are hoping for app development for your business.</p>
6181							<a class="read"
6182								href="https://www.youtube.com/watch?v=VBvZ1o8jY24&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=2"
6183								target="_blank">Listen to Our Clients</a>
6184						</div>
6185						<div class="carousel-item item ">
6186							<img src=./assets/images/profile-5.png class="center-block img-circle"
6187								alt="Platform like Uber for transportation" width="100" height="100" loading="lazy">
6188							<h3 class="point-title text-light" style="font-size: 25px;">El Allen</h3>
6189							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">CEO of
6190								Zzoome Business</h5>
6191							<p class="point text-light" style="padding: 20px 50px !important;">I am El Allen, CEO of
6192								Zzoome Business in the USA. I was
6193								initially skeptical about approaching app development companies abroad. But
6194								their work quickly dispelled my doubts. Work of Uplogic Technologies proved to
6195								be highly professional and honest. Furthermore, they patiently addressed all my
6196								questions and doubts. Thanks to their expertise and dedication, my app was a
6197								complete success and delivered promptly.</p>
6198							<a class="read"
6199								href="https://www.youtube.com/watch?v=eTxIJmvCGf0&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=13"
6200								target="_blank">Listen to Our Clients</a>
6201						</div>
6202						<div class="carousel-item item">
6203							<img src=./assets/images/profile-9.png class="center-block img-circle"
6204								alt="Uber clone app solutions" width="100" height="100" loading="lazy">
6205							<h3 class="point-title text-light" style="font-size: 25px;">Ali Sadeq</h3>
6206							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">Founder
6207								at Homemade</h5>
6208							<p class="point text-light" style="padding: 20px 50px !important;">Hello! I am Ali Sadeq,
6209								from Albasri, Bahrain. We
6210								developed an app from Uplogic Technologies. They delivered everything they
6211								promised us on time and my project was complete sucess. Overall, we are pleased
6212								with the performance of Uplogic Technologies. They have very well equipped and
6213								knowledged team and are very helpful for my business. So I suggest Uplogic
6214								Technologies is predominant for app development.</p>
6215							<a class="read"
6216								href="https://www.youtube.com/watch?v=nrKUOb1LWKo&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=8"
6217								target="_blank">Listen to Our Clients</a>
6218						</div>
6219
6220						<div class="carousel-item item">
6221							<img src=./assets/images/profile-10.png class="center-block img-circle"
6222								alt="App development for taxi dispatch system" width="100" height="100" loading="lazy">
6223							<h3 class="point-title text-light" style="font-size: 25px;">John</h3>
6224							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">Founder
6225								& Chairman of Mailman
6226								Express</h5>
6227							<p class="point text-light" style="padding: 20px 50px !important;">Hi! My name is John, and
6228								I am the founder and chairman
6229								of Mailman Express. When I started this journey with Uplogic organization, they
6230								had good communication. They understood my business requirements well. They are
6231								technically capable of developing apps for my requirements. They prioritize
6232								client’s requirements at the top. Therefore, I highly recommend Uplogic
6233								Technologies for app development.</p>
6234							<a class="read"
6235								href="https://www.youtube.com/watch?v=pJmdEipvuMU&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=6"
6236								target="_blank">Listen to Our Clients</a>
6237						</div>
6238						<div class="carousel-item item">
6239							<img src=./assets/images/profile-11.png class="center-block img-circle"
6240								alt="Ready made Uber clone app" width="100" height="100" loading="lazy">
6241							<h3 class="point-title text-light" style="font-size: 25px;">Jimmy Idiagbon</h3>
6242							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">CEO of
6243								Flex2Ride Global
6244								Technologies Ltd</h5>
6245							<p class="point text-light" style="padding: 20px 50px !important;">Hi! I am Jimmy Idiagbon,
6246								CEO of Flex2Ride Global
6247								Technologies Ltd. I am at the head office of Uplogic Technologies in India.
6248								Truthfully, when I started the project initially, I had doubts about the
6249								capabilities of the company. After seeing the working environment, facilities,
6250								and staff working in this environment, I believe in them. Especially the CEO,
6251								Raj, & the developers team are so amazing. Uplogic Technologies has done
6252								everything well.</p>
6253							<a class="read"
6254								href="https://www.youtube.com/watch?v=PDN5b1bYAwQ&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8"
6255								target="_blank">Listen to Our Clients</a>
6256						</div>
6257						<div class="carousel-item item ">
6258							<img src=./assets/images/profile-14.png class="center-block img-circle"
6259								alt="Ride hailing software development" width="100" height="100" loading="lazy">
6260							<h3 class="point-title text-light" style="font-size: 25px;">Flavio Edson</h3>
6261							<h5 class="point-title text-light " style="font-size: 25px;color: #b499ff !important">
6262								Founder of FS DE Flavio Edson Dumbo Seminelo Group</h5>
6263							<p class="point text-light" style="padding: 20px 50px !important;">Hi, my name is Flavio
6264								Edson, founder of FS DE Flavio Edson Dumbo Seminelo Group. I am here today to give a
6265								testimonial regarding the success of the development by Uplogic Technologies. Uplogic is
6266								the company we selected as a partner to leverage our app. They are experts and
6267								experienced professionals. Thank you very much, Uplogic Technology.</p>
6268							<a class="read"
6269								href="https://www.youtube.com/watch?v=wdlagGJ6t6I&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=12"
6270								target="_blank">Listen to Our Clients</a>
6271						</div>
6272
6273
6274
6275						<div class="carousel-item item">
6276							<img src=./assets/images/profile-13.png class="center-block img-circle"
6277								alt="Clone of Uber app for iOS and Android" width="100" height="100" loading="lazy">
6278							<h3 class="point-title text-light" style="font-size: 25px;">Raman Patidar
6279							</h3>
6280							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">Owner
6281								of Jeezan Int’l Cargo & Courier Service Inc</h5>
6282							<p class="point text-light" style="padding: 20px 50px !important;">Hi, I am Raman Patidar,
6283								the owner of Jeezan Int’l Cargo & Courier Service Inc. I have been working with Uplogic
6284								Technologies to develop a courier app. I was impressed with the website for courier
6285								delivery products. All the necessary functionalities are present in SpotnRides. I
6286								recommended additional features, which they made available on time. I recommend them for
6287								any on-demand app development.</p>
6288							<a class="read" href="https://youtu.be/s5x5Ik4XcZg?si=2V4Zmu-xcVIyos6w"
6289								target="_blank">Listen to Our Clients</a>
6290						</div>
6291
6292						<div class="carousel-item item">
6293							<img src=./assets/images/profile-8.png class="center-block img-circle"
6294								alt="App development for taxi fleet management" width="100" height="100" loading="lazy">
6295							<h3 class="point-title text-light" style="font-size: 25px;">Olatunde Ademouye</h3>
6296							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">
6297								Director at Leaders Network
6298							</h5>
6299							<p class="point text-light" style="padding: 20px 50px !important;">My name is Olatunde
6300								Ademouye from Nigeria, and my
6301								company, Niga Network, is based in West Africa. We chose Uplogic Technologies
6302								for on-demand app development and were impressed by their product, SpotnRides.
6303								Their team, especially Manoj, was polite, professional, and delivered on time.
6304								We are very pleased with their work and plan to continue our business with them.
6305								I highly recommend Uplogic Technologies to others.</p>
6306							<a class="read"
6307								href="https://www.youtube.com/watch?v=UpK6ilr7ilo&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=11"
6308								target="_blank">Listen to Our Clients</a>
6309						</div>
6310
6311
6312						<div class="carousel-item item">
6313							<img src=./assets/images/profile-12.png class="center-block img-circle"
6314								alt="Uber clone system" loading="lazy" width="100" height="100">
6315							<h3 class="point-title text-light" style="font-size: 25px;">Robert Tonge</h3>
6316							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">Founder
6317								of Turner Life Style
6318								Inc</h5>
6319							<p class="point text-light" style="padding: 20px 50px !important;">Hi, my name is Robert
6320								Tonge, founder of Turner Life
6321								Style Inc. and I am from Dominico. I contacted Uplogic technologies for the
6322								mobile app development for my business. I worked with uplogic technologies twice
6323								to develop app for my taxi and grocery business. They provided outstanding
6324								service on my both business apps. I highly recommend them to everyone for any
6325								app development services.</p>
6326							<a class="read"
6327								href="https://www.youtube.com/watch?v=2r1rtSxwjo8&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=9"
6328								target="_blank">Listen to Our Clients</a>
6329						</div>
6330
6331						<div class="carousel-item item">
6332							<img src=./assets/images/profile-3.jpg class="center-block img-circle"
6333								alt="App like Uber for local transportation" loading="lazy" width="100" height="100">
6334							<h3 class="point-title text-light" style="font-size: 25px;">Gianfranco Pintus
6335							</h3>
6336							<h5 class="point-title text-light" style="font-size: 25px;color: #b499ff !important">CEO of
6337								FleteAr</h5>
6338							<p class="point text-light" style="padding: 20px 50px !important;">I am Gianfranco Pintus,
6339								CEO of FleteAr. We worked with Uplogic Technologies for our app development. We are
6340								happy with the service they provide and will continue to provide even after the
6341								completion of the project. They accommodated our needs, clean and clear from start to
6342								finish. We will certainly be recommending Uplogic Technology to anyone looking for a
6343								reliable app development partner.</p>
6344							<a class="read"
6345								href="https://www.youtube.com/watch?v=bDpT6txwOHA&list=PL9kFoDDwyOwVLjcP3rusbpzHXt6Df92b8&index=3"
6346								target="_blank">Listen to Our Clients</a>
6347						</div>
6348
6349					</div>
6350					<!-- <ul class="carousel-indicators">
6351										<li data-target="#demo" data-slide-to="0" class="active"></li>
6352										<li data-target="#demo" data-slide-to="1"></li>
6353										<li data-target="#demo" data-slide-to="2"></li>
6354										<li data-target="#demo" data-slide-to="3"></li>
6355										
6356									  </ul> -->
6357
6358					<!-- Left and right controls -->
6359					<a class="carousel-control-prev" href="#demo" data-slide="prev" style="width: 10% !important;">
6360						<span class="carousel-control-prev-icon"></span>
6361					</a>
6362					<a class="carousel-control-next" href="#demo" data-slide="next" style="width: 10% !important;">
6363						<span class="carousel-control-next-icon"></span>
6364					</a>
6365				</div>
6366
6367
6368				<!-- </div> -->
6369				<!-- </div> -->
6370			</div>
6371		</section>
6372
6373
6374		<section
6375			class="script-setup-form counter-sec  bg-full rds-section-seamless-home v2 rds-bg-light-grey rds-section-large"
6376			id="form"   style="padding: 50px  0px 30px 0px ;">
6377			<div class="container " data-id='fadeInDown' data-aos='fadeInDown'>
6378				<div class="row">
6379					<h2 class="sub-title" style="width:100%;">Ready To Launch Your AI Powered Taxi Booking App?</h2>
6380					<p class="para text-center" style="    text-align: center !important;
6381    width: 100%;">Submit the form given below and we will get you all the details you need
6382						to get started.</p>
6383
6384					<div class="col-md-5 cnt-sec">
6385						<div class="" style="margin-top: 45px !important;margin-left: 10px;">
6386							<img class="icon icons" src="../img/teamsicon.png" loading="lazy"
6387								alt="App script for ride-sharing platform" class="inline_block">
6388							<!-- <div class="link"> -->
6389							<p class="inline_block" style="left: 10px;position: relative;top: -10px;">Teams</p>
6390							<a href="https://teams.live.com/l/invite/FEAseFIIcMFcsBlywE" target="_blank" style="color: rgb(33, 129, 247) !important; display: block;
6391								position: relative;
6392								left: 60px;
6393								top: -22px;">https://teams.live.com/</a>
6394							<!-- </div> -->
6395						</div>
6396						<div class="" style="margin-top: 10px !important;margin-left: 10px;">
6397							<img class="icon icons" src="../img/whatsup1.png" loading="lazy"
6398								alt="Carpooling app development software" class="inline_block">
6399							<!-- <div class="link"> -->
6400							<p class="inline_block" style="left: 10px;position: relative;top: -10px;">WhatsApp</p>
6401							<a href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!"
6402								target="_blank" style="color: rgb(23, 200, 44) !important;display: block;
6403								position: relative;
6404								left: 60px;
6405								top: -22px;">+91 9791339833</a>
6406							<!-- </div> -->
6407						</div>
6408
6409						<!-- <div class="wht_cln_set"> -->
6410						<div class="cln_ap_cn mt-3 cln_ap_desc">
6411							<!-- <div class="cln_ap_desc"> -->
6412							What comprises the full setup of the Uber clone app?
6413							<!-- </div> -->
6414							<!-- <a href="#"><button class="btn btn-warning mt-3 p-3">Ask For A Demo Today</button></a> -->
6415						</div>
6416						<div class="wht_cln_sec mt-2 cln_ap_set">
6417							<img src="./assets/images/android1.png" class="ap_ico img-fluid" loading="lazy"
6418								alt="Clone script for carpool management">
6419							<div class="ap_nme my-auto ms-3">Android Customer App</div>
6420						</div>
6421						<div class="wht_cln_sec mt-2 cln_ap_set">
6422							<img src="./assets/images/android1.png" class="ap_ico img-fluid" loading="lazy"
6423								alt="Carpooling app script service">
6424							<div class="ap_nme my-auto ms-3">Android Driver App </div>
6425						</div>
6426						<div class="wht_cln_sec mt-2 cln_ap_set">
6427
6428							<!-- <div class="cln_ap_set "> -->
6429							<img src="./assets/images/ios.png" class="ap_ico img-fluid" loading="lazy"
6430								alt="Car sharing platform script">
6431							<div class="ap_nme my-auto ms-3">iOS Customer App</div>
6432							<!-- </div> -->
6433						</div>
6434						<div class="wht_cln_sec mt-2 cln_ap_set">
6435
6436							<!-- <div class="cln_ap_set"> -->
6437							<img src="./assets/images/ios.png" class="ap_ico img-fluid" loading="lazy"
6438								alt="Taxi booking software development">
6439							<div class="ap_nme my-auto ms-3">iOS Driver App</div>
6440							<!-- </div> -->
6441						</div>
6442						<div class="wht_cln_sec mt-2 cln_ap_set">
6443
6444							<!-- <div class="cln_ap_set"> -->
6445							<img src="./assets/images/administrator.png" class="ap_ico img-fluid" loading="lazy"
6446								alt="Ride sharing script for airports">
6447							<div class="ap_nme my-auto ms-3">Admin Web Panel</div>
6448							<!-- </div> -->
6449						</div>
6450
6451
6452						<!-- </div> -->
6453
6454					</div>
6455
6456
6457					<div class="col-md-7  ready-form">
6458
6459						<form class="text-center p-5" action=../mail.php method=post id=form_2>
6460							<h5 class="point-title2 text-center">Let's Move Forward With Your Project</h5>
6461							<!-- <div class="row col-xs-12 col-sm-12 p-0"> -->
6462							<!-- <div class=col-lg-12> -->
6463							<input type=text id=user_name_2 class="form-control bottom_input" name=user_name
6464								placeholder=Name required autocomplete="new-name" oninput="filterInput(event)">
6465							<!-- </div> -->
6466							<!-- <div class=col-lg-12> -->
6467							<input type=email name=user_email id=user_email_2 class="form-control bottom_input"
6468								placeholder="Email Address" required autocomplete="new-email">
6469							<input type=hidden name=type id=type_2 value=1>
6470							<!-- </div> -->
6471							<!-- </div> -->
6472							<!-- <div class="row col-xs-12 col-sm-12 p-0"> -->
6473							<div class=" autocomplete1">
6474
6475								<input id="country_2" name="myCountry" class="form-control bottom_input" type="text"
6476									placeholder=" Search Country" type="text" required autocomplete="off">
6477
6478							</div>
6479							<!-- <div class=col-lg-12> -->
6480							<input type=text name=phone_number id=phone_number_2 class="form-control bottom_input"
6481								placeholder="Skype Id / Whatsapp Number" required autocomplete="new-phonenumber">
6482							<!-- </div> -->
6483							<!-- </div> -->
6484							<!-- <div class="row col-xs-12 col-sm-12 p-0"> -->
6485							<!-- <div class="col-lg-12"> -->
6486							<textarea name=notes id=notes_2 class="form-control bottom_input"
6487								style="margin-bottom: 20px !important;"
6488								placeholder="Please share the summary of your business requirements."
6489								autocomplete="new-notes"></textarea>
6490							<!-- </div> -->
6491
6492							<!-- </div> -->
6493
6494							<button class="rds-button-secondry1" style="display:inline !important;"
6495								onclick="project_form('form_2','2')" type=button>Get Your Free Demo</button>
6496
6497						</form>
6498					</div>
6499
6500
6501				</div>
6502			</div>
6503		</section>
6504
6505		<!-- <section class="tech-stack section-padding counter-sec bg-full rds-section-home-hero rds-section-large rds-bg-dark-blue">
6506				<div class="text-center container">
6507					<h2 class="sub-title text-light">SpotnRides Technology Stack</h2>
6508					<div class=tech1></div>
6509					<div class=tech2></div>
6510					<div class=tech3></div>
6511					<div class=tech4></div>
6512					<div class=tech5></div>
6513					<div class=tech6></div>
6514					<div class=tech7></div>
6515					<div class=tech8></div>
6516					<div class=tech9></div>
6517					<div class=tech10></div>
6518				</div>
6519			</section> -->
6520		<!-- <section class=" rds-section-home-hero rds-section-large rds-bg-dark-blue " data-wow-delay=0.6s>
6521				<div class="container">
6522				<h2 class="sub-title text-center text-light">SpotnRides Technology Stack</h2>
6523				<div class="image-list animate fadeIn five" >
6524					<ul class=feedback-slider1 style="list-style: none;">
6525						<li class="feedback-slider-item1 col-xs-12" loading="lazy"><img src="./assets/images/ico1.png" alt=Agri /></li>
6526						<li class="feedback-slider-item1 col-xs-12" loading="lazy"><img src="./assets/images/ico2.png" alt=Catch-a-ride />
6527						</li>
6528						<li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico3.png"
6529								alt="choloji transport" /></li>
6530						<li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico4.png" alt=Dodevr /></li>
6531						<li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico5.png" alt="Firgun Services" />
6532						</li>
6533						<li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico6.png" alt=Fixme /></li>
6534						<li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico7.png" alt="Lebrouf club" />
6535						</li>
6536						<li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico8.png"
6537								alt="Linq auto transport" /></li>
6538						<li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico9.png" alt=Mayi /></li>
6539						<li class="feedback-slider-item1 col-xs-12"><img src="./assets/images/ico10.png" alt="Reed Services" />
6540						</li>
6541						
6542					</ul>
6543				</div></div>
6544			</section> -->
6545
6546
6547
6548		<section class="counter-sec bg-full rds-section-home-hero rds-section-large rds-bg-dark-blue" style="padding: 20px 0px;">
6549			<div class="container" data-id='fadeInDown' data-aos='fadeInDown' >
6550
6551				<!-- header of the page -->
6552				<div class="caption text-center">
6553					<h2 class="sub-title mb-5" style="color: #fff;">FAQ</h2>
6554				</div>
6555				<div class="row">
6556					<div class="col-md-12 panel-hide" style="display: block; margin: auto;">
6557
6558					</div>
6559
6560				</div>
6561			</div>
6562		</section>
6563		<section id="footer-area" class="counter-sec bg-full rds-section-home-hero rds-section-large rds-bg-dark-blue "
6564			style="justify-items: center;">
6565			<!-- <div class="container" data-id='fadeInDown' data-aos='fadeInDown'> -->
6566
6567
6568			<!-- </div> -->
6569		</section>
6570
6571		<!-- contact sec of the page end -->
6572
6573		<!-- main of the page end -->
6574		<!-- footer of the page -->
6575
6576		<!-- footer of the page end -->
6577		<!-- Back Top of the page -->
6578		<!-- <span id="back-top" class="fa fa-chevron-up"></span>
6579	 -->
6580
6581
6582
6583	</div>
6584
6585	</div>
6586
6587
6588	<!-- <div class="mod" id="Modal" style="display: none;">
6589        <button type="button" class="close">&times;</button>
6590        <button onclick="offer()" class="dis_link" style="border: none;background: transparent;">
6591
6592					<img  src="./assets/images/newyear_popup_new.webp" 
6593					srcset="
6594						./assets/images/newyear_popup_new.webp 1x, 
6595						./assets/images/newyear_popup_new.webp 2x
6596					" 
6597     alt="Christmas offer uber clone" 
6598     class="img-fluid" 
6599     loading="lazy" 
6600	 style="border-radius: 15px; width: 285px; height: 380px;"> -->
6601
6602	</button>
6603	</div>
6604	<!-- include jQuery -->
6605
6606	<!-- 
6606<script href="https://code.jquery.com/jquery-1.11.0.min.js"></script>
6606 -->
6607
6608	<!-- 
6608<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
6608 -->
6609	<!-- 
6609<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"></script>
6609 -->
6610	<!-- <link href="https://fonts.googleapis.com/css" rel="stylesheet"> -->
6611
6612	<!-- 
6612<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module" defer></script>
6612 -->
6613	<!-- 
6613<script href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
6613
6614	
6614<script href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
6614 -->
6615	<!-- 
6615<script href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
6615 -->
6616	<!-- 
6616<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
6616 -->
6617	<!-- 
6617<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
6617 -->
6618	<!-- 
6618<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
6618 -->
6619	<!-- 
6619<script src="./assets/js/aos.js" defer></script>
6619 -->
6620	<!-- 
6620<script src="../js/magnific-popup.min.js"></script>
6620 -->
6621
6622<script src="./assets/js/jquery.js"></script>
vendor: 1 bytes, line 6622
6622
6623<script src="../js/owl.carousel.min.js" defer></script>
6623
6624
6625<script src="./assets/js/plugin-split-1.js" defer></script>
vendor: 1 bytes, line 6625
6625
6626<script src="./assets/js/plugin-split-2.js" defer></script>
vendor: 1 bytes, line 6626
6626
6627<script src="./assets/js/plugin-split-3.js" defer></script>
6627
6628
6629<script src="../js/toastr.js" defer></script>
vendor: 1 bytes, line 6629
6629
6630<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js" defer></script>
6630
6631
6632<script src="./assets/js/aos-new.js" defer></script>
vendor: 1 bytes, line 6632
6632
6633<script src="./assets/js/jquery.main.js" defer></script>
6633 <!-- LAST -->
6634	<!-- 
6634<script src="https://cdn.jsdelivr.net/gh/linuxguist/animation@main/aos.js" async></script>
6634	  -->
6635
6636	
6636<script>
6637		jQuery.event.special.touchstart = {
6638			setup: function (_, ns, handle) {
6639				this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
6640			}
6641		};
6642		jQuery.event.special.touchmove = {
6643			setup: function (_, ns, handle) {
6644				this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
6645			}
6646		};
6647		jQuery.event.special.wheel = {
6648			setup: function (_, ns, handle) {
6649				this.addEventListener("wheel", handle, { passive: true });
6650			}
6651		};
6652		jQuery.event.special.mousewheel = {
6653			setup: function (_, ns, handle) {
6654				this.addEventListener("mousewheel", handle, { passive: true });
6655			}
6656		};
6657	</script>
6657
6658	
6658<script>
6659
6660		$(document).ready(function () {
6661			const player = $('.anime');
6662			if ($(window).scrollTop() + $(window).height() >= player.offset().top) {
6663				player.attr('autoplay', true); // Start animation only when in viewport
6664			}
6665			// $('.mod').css('display', 'block');
6666		})
6667		$(".close").click(function () {
6668			$('.mod').hide()
6669		}
6670		);
6671
6672		const nav = (link) => {
6673			if (link) {
6674				window.open(link, "_blank"); // Opens the link in a new tab
6675			} else {
6676				console.error("Invalid link");
6677			}
6678		};
6679
6680	</script>
6680
6681	
6681<script>
6682		function offer() {
6683			window.open("https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!");
6684		}
6685	</script>
6685
6686
6687	
6687<script>
6688
6689		function filterInput(event) {
6690			const inputField = event.target;
6691			const value = inputField.value;
6692
6693			// Replace any character that is not a letter or space with an empty string
6694			inputField.value = value.replace(/[^a-zA-Z\s]/g, '');
6695		}
6696
6697		document.addEventListener("DOMContentLoaded", () => {
6698			if (!window.Cypress) AOS.init({
6699				useClassNames: true,
6700				initClassName: false,
6701				animatedClassName: 'animated',
6702				duration: 1000, // values from 0 to 3000, with step 50ms
6703			});
6704		})
6705	</script>
6705
6706	
6706<script>
6707		var currentFig = 1;
6708		var currentDeg = 0;
6709
6710		$(document).ready(function () {
6711
6712			$('.next').click(function () {
6713				$('#fig' + currentFig).removeClass('show');
6714				currentFig++;
6715				if (currentFig > 8) {
6716					currentFig = 1;
6717				}
6718				currentDeg -= 45;
6719				$('#fig' + currentFig).addClass('show');
6720				$('.carousel').css({
6721					"-webkit-transform": "rotateY(" + currentDeg + "deg)",
6722					"-moz-transform": "rotateY(" + currentDeg + "deg)",
6723					"-ms-transform": "rotateY(" + currentDeg + "deg)",
6724					"-o-transform": "rotateY(" + currentDeg + "deg)",
6725					"transform": "rotateY(" + currentDeg + "deg)"
6726				});
6727			});
6728
6729			$('.prev').click(function () {
6730				$('#fig' + currentFig).removeClass('show');
6731				currentFig--;
6732				if (currentFig < 1) {
6733					currentFig = 8;
6734				}
6735				currentDeg += 45;
6736				$('#fig' + currentFig).addClass('show');
6737				$('.carousel').css({
6738					"-webkit-transform": "rotateY(" + currentDeg + "deg)",
6739					"-moz-transform": "rotateY(" + currentDeg + "deg)",
6740					"-ms-transform": "rotateY(" + currentDeg + "deg)",
6741					"-o-transform": "rotateY(" + currentDeg + "deg)",
6742					"transform": "rotateY(" + currentDeg + "deg)"
6743				});
6744			});
6745
6746			// // Element to be excluded
6747			// const dropdownTrigger = document.getElementById('smooth');
6748			// const dropdown = document.getElementById('dropdown');
6749			// const icon = document.getElementById('iconArrow');
6750			// const parentLi = dropdownTrigger.closest("li");
6751			// let dropdownVisible = false;
6752
6753			// // Function to update visibility
6754			// function updateDropdown() {
6755			// 	if (dropdownVisible) {
6756			// 		dropdown.classList.add("show");
6757			// 		icon.style.transform = "rotate(180deg)";
6758			// 	} else {
6759			// 		dropdown.classList.remove("show");
6760			// 		icon.style.transform = "rotate(0deg)";
6761			// 	}
6762			// }
6763
6764			// // Click toggle always enabled
6765			// dropdownTrigger.addEventListener('click', function (e) {
6766			// 	e.preventDefault();
6767			// 	dropdownVisible = !dropdownVisible;
6768			// 	updateDropdown();
6769			// });
6770
6771			// // Hover logic only for desktop
6772			// function addHoverListeners() {
6773			// 	parentLi.addEventListener('mouseenter', handleMouseEnter);
6774			// 	parentLi.addEventListener('mouseleave', handleMouseLeave);
6775			// }
6776
6777			// function removeHoverListeners() {
6778			// 	parentLi.removeEventListener('mouseenter', handleMouseEnter);
6779			// 	parentLi.removeEventListener('mouseleave', handleMouseLeave);
6780			// }
6781
6782			// function handleMouseEnter() {
6783			// 	if (window.innerWidth > 768) {
6784			// 		dropdownVisible = true;
6785			// 		updateDropdown();
6786			// 	}
6787			// }
6788
6789			// function handleMouseLeave() {
6790			// 	if (window.innerWidth > 768) {
6791			// 		dropdownVisible = false;
6792			// 		updateDropdown();
6793			// 	}
6794			// }
6795
6796			// // Initial hover setup based on screen size
6797			// function setupResponsiveHover() {
6798			// 	if (window.innerWidth > 768) {
6799			// 		addHoverListeners();
6800			// 	} else {
6801			// 		removeHoverListeners();
6802			// 	}
6803			// }
6804
6805			// // Run once on load
6806			// setupResponsiveHover();
6807
6808			// // Run again on window resize
6809			// window.addEventListener('resize', setupResponsiveHover);
6810
6811
6812
6813
6814			// // Element to be excluded
6815			// const opener = document.getElementById('nav-opener');
6816			// const close = document.getElementById('nav-close');
6817
6818			// // Click event listener for the whole document
6819			// document.addEventListener('click', function (event) {
6820			// 	console.log(opener, event.target);
6821			// 	if (event.target == opener || event.target == smooth || event.target == icon) {
6822			// 		console.log('Element clicked:', event.target);
6823			// 		$("#nav").css({ "opacity": "1", "visibility": "visible" });
6824			// 		$("#nav-close").css({ "display": "block" });
6825			// 		$("#nav-opener").css({ "display": "none" });
6826			// 	} else {
6827			// 		$("#nav-close").css({ "display": "none" });
6828			// 		$("#nav-opener").css({ "display": "block" });
6829			// 		var w = window.innerWidth;
6830			// 		console.log("wff", w)
6831			// 		if (w <= 766) {
6832			// 			$("#nav").css({ "opacity": "0", "visibility": "hidden" });
6833			// 		} else {
6834			// 			$("#nav").css({ "opacity": "1", "visibility": "visible" });
6835			// 		}
6836			// 	}
6837			// });
6838
6839
6840
6841			
6842
6843
6844		});
6845
6846	</script>
6846
6847	
6847<script async type="text/javascript">function sendmail(d, c, b) {
6848			if (!$("#" + d).valid({
6849				rules: {
6850					user_name: {
6851						required: true,
6852						lettersOnly: true,
6853						name: 'user_name',
6854					},
6855					email: {
6856						required: true,
6857						email: true,
6858						name: `user_email_${b}`
6859					}
6860				},
6861				messages: {
6862					user_name: {
6863						required: "Please enter your username",
6864						lettersOnly: "Username can only contain letters and spaces"
6865					},
6866					email: {
6867						required: "Please enter your email address",
6868						email: "Please enter a valid email address"
6869					}
6870				},
6871				submitHandler: function (form) {
6872					alert("Form is valid and submitted!");
6873					form.submit();
6874				}
6875			})) { return false } var h = $("#user_name_" + c).val(); var e = $("#user_email_" + c).val(); var j = $("#link_" + c).val(); var i = $("#type_" + c).val(); var f = $("#app_" + c).val(); var g = $("#appname_" + c).val(); var a = $("#user_skype_" + c).val(); console.log({ user_name: h, user_email: e, type: i, skype: a, link: j, app: f, appname: g, page_title: "index_title" }, "TEst"); if ($.ajax({ url: "../mail.php", type: "post", data: { user_name: h, user_email: e, type: i, skype: a, link: j, app: f, appname: g, page_title: "index_title" }, success: function (k) { $("#" + b).modal("hide"); var m = -1; var n = 0; var q = "data-dismiss"; var p = "Success"; var l = n++; toastr.options = { closeButton: true, onclick: null }; var o = toastr.success("Your mail has been sent", "Mail Sent") }, error: function (k, m, l) { console.log(m, l) } })) { $("#user_name_" + c).val(""); $("#user_email_" + c).val(""); $("#user_skype_" + c).val(""); window.open(j, "newPage") }
6876		}</script>
6876
6877	
6877<script async type="text/javascript">
6878
6879		$(document).ready(function () {
6880
6881			$.validator.addMethod("lettersOnly", function (value, element) {
6882				return this.optional(element) || /^[a-zA-Z\s]+$/.test(value);
6883			}, "Username can only contain letters and spaces.");
6884		})
6885		function project_form(c, b) {
6886
6887
6888			if (!$("#" + c).valid({
6889				rules: {
6890					user_name: {
6891						required: true,
6892						lettersOnly: true,
6893						name: 'user_name',
6894					},
6895					email: {
6896						required: true,
6897						email: true,
6898						name: `user_email_${b}`
6899					}
6900				},
6901				messages: {
6902					user_name: {
6903						required: "Please enter your username",
6904						lettersOnly: "Username can only contain letters and spaces"
6905					},
6906					email: {
6907						required: "Please enter your email address",
6908						email: "Please enter a valid email address"
6909					}
6910				},
6911				submitHandler: function (form) {
6912					alert("Form is valid and submitted!");
6913					form.submit();
6914				}
6915			})) { return false }
6916			var a = $("#user_name_" + b).val();
6917			var f = $("#user_email_" + b).val();
6918			var d = $("#country_" + b).val();
6919			var h = $("#phone_number_" + b).val();
6920			var e = $("#notes_" + b).val();
6921			var g = $("#type_" + b).val();
6922			var i = $("#nda_" + b).val();
6923			console.log({ user_name: a, user_email: f, country: d, phone_number: h, notes: e, type: g, nda: i, page_title: "index_top", skype: h }, "VALUE")
6924			$.ajax({
6925				url: "../mail.php",
6926				type: "post",
6927				data: { user_name: a, user_email: f, country: d, phone_number: h, notes: e, type: g, nda: i, page_title: "index_top", skype: h },
6928				success: function (j) {
6929					var l = -1; var m = 0;
6930					var p = "data-dismiss";
6931					var o = "Success";
6932					var k = m++; toastr.options = { closeButton: true, onclick: null };
6933					var n = toastr.success("Your mail has been sent", "Mail Sent")
6934				},
6935				error: function (j, l, k) { console.log(l, k) }
6936			});
6937			$("#user_name_" + b).val(""); $("#user_email_" + b).val("");
6938			$("#country_" + b).val(""); $("#phone_number_" + b).val("");
6939			$("#notes_" + b).val("");
6940			$("#nda_" + b).val("");
6941			window.open("../thank-you.html", "_blank")
6942		}
6943		$("#ridTab, #driTab, #admTab").click(function () {
6944			window.dispatchEvent(new Event("resize"))
6945		});
6946		function myFunction() {
6947			var c = $("#username").val();
6948			var b = $("#useremail").val();
6949			var e = $("#country").val();
6950			var a = $("#phone_number").val();
6951			var d = $("#notes").val();
6952			$.ajax({
6953				url: "../mail.php", type: "post",
6954				data: { name: c, email: b, country: e, phone_number: a, notes: d, type: "1", page_title: "index_title" },
6955				success: function (f) {
6956					var h = -1;
6957					var j = 0;
6958					var m = "data-dismiss";
6959					var l = "Success";
6960					var g = j++;
6961					toastr.options = { closeButton: true, onclick: null };
6962					var k = toastr.success("Your mail has been sent", "Success")
6963				},
6964				error: function (f, h, g) { console.log(h, g) }
6965			}); return false
6966		}
6967	</script>
6967
6968	<!-- 
6968<script>var url_string = window.location.href; var url = new URL(url_string); var msg = url.searchParams.get("msg"); if (msg == "success") { var toastCount = 0; var msg = "data-dismiss"; var title = "Success"; var toastIndex = toastCount++; toastr.options = { closeButton: true, onclick: null }; var $toast = toastr.success("Your mail has been sent", "Success") }</script>
vendor: 66 bytes, lines 6968-6970
6968
6969
6970	<script defer src="https://www.googletagmanager.com/gtag/js?id=
6970UA-124493098-1
vendor: 13 bytes, lines 6970-6971
6970"></script>
6971	
6971<script
6972		async>
vendor: 129 bytes, line 6972
6972window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } gtag("js", new Date()); gtag("config", "
6972UA-124493098-1
vendor: 3 bytes, line 6972
6972");
6972</script>
6972
6973
6974	
6974<script
6975		async>window.addEventListener("load", function () { var a = document.getElementsByTagName("img"); for (var b = 0; b < a.length; b++) { if (a[b].getAttribute("data-src")) { a[b].setAttribute("src", a[b].getAttribute("data-src")) } } }, false);</script>
6975
6976
6977	 -->
6978
6979	
6979<script
6980		async>$(function () { var a = jQuery(".feedback-slider"); a.owlCarousel({ items: 1, nav: true, dots: true, autoplay: true, loop: true, mouseDrag: true, touchDrag: true, navText: ["<i class='fa fa-long-arrow-left'></i>", "<i class='fa fa-long-arrow-right'></i>"], responsive: { 767: { nav: true, dots: false } } }); a.on("translate.owl.carousel", function () { $(".feedback-slider-item h3").removeClass("animated fadeIn").css("opacity", "0"); $(".feedback-slider-item img, .feedback-slider-thumb img, .customer-rating").removeClass("animated zoomIn").css("opacity", "0") }); a.on("translated.owl.carousel", function () { $(".feedback-slider-item h3").addClass("animated fadeIn").css("opacity", "1"); $(".feedback-slider-item img, .feedback-slider-thumb img, .customer-rating").addClass("animated zoomIn").css("opacity", "1") }); a.on("changed.owl.carousel", function (d) { var e = d.item.index; var b = $(d.target).find(".owl-item").eq(e).prev().find("img").attr("src"); var g = $(d.target).find(".owl-item").eq(e).next().find("img").attr("src"); var c = $(d.target).find(".owl-item").eq(e).prev().find("span").attr("data-rating"); var f = $(d.target).find(".owl-item").eq(e).next().find("span").attr("data-rating"); $(".thumb-prev").find("img").attr("src", b); $(".thumb-next").find("img").attr("src", g); $(".thumb-prev").find("span").next().html(c + '<i class="fa fa-star"></i>'); $(".thumb-next").find("span").next().html(f + '<i class="fa fa-star"></i>') }); $(".thumb-next").on("click", function () { a.trigger("next.owl.carousel", [300]); return false }); $(".thumb-prev").on("click", function () { a.trigger("prev.owl.carousel", [300]); return false }) }); $(function () { var a = jQuery(".feedback-slider1"); a.owlCarousel({ nav: false, dots: false, autoplay: true, loop: true, mouseDrag: false, touchDrag: false, responsive: { 320: { items: 1 }, 360: { items: 1 }, 768: { items: 2 }, 800: { items: 6 } } }); a.on("translate.owl.carousel", function () { $(".feedback-slider-item h3").removeClass("animated fadeIn").css("opacity", "0"); $(".feedback-slider-item img, .feedback-slider-thumb img, .customer-rating").removeClass("animated zoomIn").css("opacity", "0") }); a.on("translated.owl.carousel", function () { $(".feedback-slider-item h3").addClass("animated fadeIn").css("opacity", "1"); $(".feedback-slider-item img, .feedback-slider-thumb img, .customer-rating").addClass("animated zoomIn").css("opacity", "1") }) });</script>
6980
6981
6982	
6982<script>
6983		$(".main").click(function () {
6984			var a = $(this).attr("data-tabmenu");
6985			$(".sub").each(function () {
6986				if ($(this).attr("data-subname") == a) {
6987					$(this).slideToggle();
6988					$(this).css("display", "block")
6989				}
6990				else {
6991					$(this).css("display", "none")
6992				}
6993			})
6994		});
6995
6996
6997
6998	</script>
6998
6999
7000
7001<script>
7002jQuery(document).ready(function($){jQuery("#carousel").owlCarousel({autoplay:!0,rewind:!1,margin:20,loop:!0,responsiveClass:!0,autoHeight:!0,autoplayTimeout:1000,smartSpeed:800,nav:!0,responsive:{0:{items:2},600:{items:3},1024:{items:6},1366:{items:6}}})});jQuery(function(){jQuery('.showSingle').click(function(){console.log($(this).attr('target'),"thisthis")
7003jQuery('.targetDiv').hide();jQuery('#div'+$(this).attr('target')).fadeIn(2000);jQuery('#div'+$(this).attr('target')).show();if($(this).attr('target')==1){$('.tab1').addClass("focusDiv");$('.tab2').removeClass("focusDiv");$('.tab3').removeClass("focusDiv")}else if($(this).attr('target')==2){$('.tab1').removeClass("focusDiv");$('.tab2').addClass("focusDiv");$('.tab3').removeClass("focusDiv")}else{$('.tab1').removeClass("focusDiv");$('.tab2').removeClass("focusDiv");$('.tab3').addClass("focusDiv")}})})
7004</script>
7004
7005
7006<script>
7007function autocomplete(inp,arr){var currentFocus;inp.addEventListener("input",function(e){var a,b,i,val=this.value;closeAllLists();if(!val){return!1}
7008currentFocus=-1;a=document.createElement("DIV");a.setAttribute("id",this.id+"autocomplete-list");a.setAttribute("class","autocomplete-items");this.parentNode.appendChild(a);for(i=0;i<arr.length;i++){if(arr[i].substr(0,val.length).toUpperCase()==val.toUpperCase()){b=document.createElement("DIV");b.innerHTML="<strong>"+arr[i].substr(0,val.length)+"</strong>";b.innerHTML+=arr[i].substr(val.length);b.innerHTML+="<input type='hidden' value='"+arr[i]+"'>";b.addEventListener("click",function(e){inp.value=this.getElementsByTagName("input")[0].value;closeAllLists()});a.appendChild(b)}}});inp.addEventListener("keydown",function(e){var x=document.getElementById(this.id+"autocomplete-list");if(x)x=x.getElementsByTagName("div");if(e.keyCode==40){currentFocus++;addActive(x)}else if(e.keyCode==38){currentFocus--;addActive(x)}else if(e.keyCode==13){e.preventDefault();if(currentFocus>-1){if(x)x[currentFocus].click();}}});function addActive(x){if(!x)return!1;removeActive(x);if(currentFocus>=x.length)currentFocus=0;if(currentFocus<0)currentFocus=(x.length-1);x[currentFocus].classList.add("autocomplete-active")}
7009function removeActive(x){for(var i=0;i<x.length;i++){x[i].classList.remove("autocomplete-active")}}
7010function closeAllLists(elmnt){var x=document.getElementsByClassName("autocomplete-items");for(var i=0;i<x.length;i++){if(elmnt!=x[i]&&elmnt!=inp){x[i].parentNode.removeChild(x[i])}}}
7011document.addEventListener("click",function(e){closeAllLists(e.target)})}
7012var countries=["Afghanistan","Albania","Algeria","Andorra","Angola","Anguilla","Antigua & Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bosnia & Herzegovina","Botswana","Brazil","British Virgin Islands","Brunei","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cape Verde","Cayman Islands","Central Arfrican Republic","Chad","Chile","China","Colombia","Congo","Cook Islands","Costa Rica","Cote D Ivoire","Croatia","Cuba","Curacao","Cyprus","Czech Republic","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Polynesia","French West Indies","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guam","Guatemala","Guernsey","Guinea","Guinea Bissau","Guyana","Haiti","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Kosovo","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macau","Macedonia","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Mauritania","Mauritius","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauro","Nepal","Netherlands","Netherlands Antilles","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","North Korea","Norway","Oman","Pakistan","Palau","Palestine","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Poland","Portugal","Puerto Rico","Qatar","Reunion","Romania","Russia","Rwanda","Saint Pierre & Miquelon","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Korea","South Sudan","Spain","Sri Lanka","St Kitts & Nevis","St Lucia","St Vincent","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","Taiwan","Tajikistan","Tanzania","Thailand","Timor L'Este","Togo","Tonga","Trinidad & Tobago","Tunisia","Turkey","Turkmenistan","Turks & Caicos","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Vatican City","Venezuela","Vietnam","Virgin Islands (US)","Yemen","Zambia","Zimbabwe"];autocomplete(document.getElementById("country_7"),countries);autocomplete(document.getElementById("country_8"),countries)
7013</script>
7013
7014
7015<script>
7016function autocomplete(inp,arr){var currentFocus;inp.addEventListener("input",function(e){var a,b,i,val=this.value;closeAllLists();if(!val){return!1}
7017currentFocus=-1;a=document.createElement("DIV");a.setAttribute("id",this.id+"autocomplete-list");a.setAttribute("class","autocomplete-items1");this.parentNode.appendChild(a);for(i=0;i<arr.length;i++){if(arr[i].substr(0,val.length).toUpperCase()==val.toUpperCase()){b=document.createElement("DIV");b.innerHTML="<strong>"+arr[i].substr(0,val.length)+"</strong>";b.innerHTML+=arr[i].substr(val.length);b.innerHTML+="<input type='hidden' value='"+arr[i]+"'>";b.addEventListener("click",function(e){inp.value=this.getElementsByTagName("input")[0].value;closeAllLists()});a.appendChild(b)}}});inp.addEventListener("keydown",function(e){var x=document.getElementById(this.id+"autocomplete-list");if(x)x=x.getElementsByTagName("div");if(e.keyCode==40){currentFocus++;addActive(x)}else if(e.keyCode==38){currentFocus--;addActive(x)}else if(e.keyCode==13){e.preventDefault();if(currentFocus>-1){if(x)x[currentFocus].click();}}});function addActive(x){if(!x)return!1;removeActive(x);if(currentFocus>=x.length)currentFocus=0;if(currentFocus<0)currentFocus=(x.length-1);x[currentFocus].classList.add("autocomplete-active")}
7018function removeActive(x){for(var i=0;i<x.length;i++){x[i].classList.remove("autocomplete-active")}}
7019function closeAllLists(elmnt){var x=document.getElementsByClassName("autocomplete-items1");for(var i=0;i<x.length;i++){if(elmnt!=x[i]&&elmnt!=inp){x[i].parentNode.removeChild(x[i])}}}
7020document.addEventListener("click",function(e){closeAllLists(e.target)})}
7021var countries=["Afghanistan","Albania","Algeria","Andorra","Angola","Anguilla","Antigua & Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bosnia & Herzegovina","Botswana","Brazil","British Virgin Islands","Brunei","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cape Verde","Cayman Islands","Central Arfrican Republic","Chad","Chile","China","Colombia","Congo","Cook Islands","Costa Rica","Cote D Ivoire","Croatia","Cuba","Curacao","Cyprus","Czech Republic","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Polynesia","French West Indies","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guam","Guatemala","Guernsey","Guinea","Guinea Bissau","Guyana","Haiti","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Kosovo","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macau","Macedonia","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Mauritania","Mauritius","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauro","Nepal","Netherlands","Netherlands Antilles","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","North Korea","Norway","Oman","Pakistan","Palau","Palestine","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Poland","Portugal","Puerto Rico","Qatar","Reunion","Romania","Russia","Rwanda","Saint Pierre & Miquelon","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Korea","South Sudan","Spain","Sri Lanka","St Kitts & Nevis","St Lucia","St Vincent","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","Taiwan","Tajikistan","Tanzania","Thailand","Timor L'Este","Togo","Tonga","Trinidad & Tobago","Tunisia","Turkey","Turkmenistan","Turks & Caicos","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Vatican City","Venezuela","Vietnam","Virgin Islands (US)","Yemen","Zambia","Zimbabwe"];autocomplete(document.getElementById("country_2"),countries)
7022</script>
7022
7023
7024
7025	
7025<script type="text/javascript">
7026
7027
7028
7029		document.addEventListener("DOMContentLoaded", function () {
7030			setTimeout(function () {
7031
7032				const faqElement = `<div class="panel-group panel-title" id="accordion" role="tablist">
7033							<div class="panel panel-default">
7034								<div class="panel-heading panel-title " role="tab" id="headingOne">
7035									<h4 class="panel-title">
7036										<a class="collapsed " role="tab" id="headingOne" data-toggle="collapse" href="#collapseOne"
7037											aria-expanded="true" aria-controls="collapseOne">
7038											What is Uber Clone?
7039										</a>
7040									</h4>
7041								</div>
7042								<div id="collapseOne" class="panel-collapse collapse" role="tabpanel"
7043									aria-labelledby="headingOne" data-parent="#accordion">
7044									<div id="collapseOne"  class="panel-body" class="panel-collapse collapse" role="tabpanel"
7045									aria-labelledby="headingOne" data-parent="#accordion">
7046								<ul><li>An Uber clone is a ready-made, white-label software solution that enables entrepreneurs to launch a multi-service on-demand business quickly.</li>
7047									<li>Historically, it was a functional replica script designed to copy Uber’s basic ride-hailing features without building from scratch.</li>
7048									<li>In 2026, the Uber clone evolved into an AI-powered, hyper-localized, multi-modular framework. It supports diverse niche mobility 'super-apps' (Ride, Delivery, Logistics) using AI Algorithms for predictive route optimization, real-time bidding, dynamic pricing, voice-activated booking, and automated safety monitoring.</li></ul>	
7049
7050
7051									</div>
7052								</div>
7053							</div>
7054							<div class="panel panel-default">
7055								<div class="panel-heading panel-title " role="tab" id="headingEight">
7056									<h4 class="panel-title">
7057										<a class="collapsed " role="tab" id="headingEight" data-toggle="collapse" href="#headingEights"
7058											aria-expanded="true" aria-controls="headingEight">
7059											What is the AI-powered voice booking option?
7060										</a>
7061									</h4>
7062								</div>
7063								<div id="headingEights" class="panel-collapse collapse" role="tabpanel"
7064									aria-labelledby="headingEights" data-parent="#accordion">
7065									<div id="headingEight"  class="panel-body" class="panel-collapse collapse" role="tabpanel"
7066									aria-labelledby="headingEight" data-parent="#accordion">
7067										It’s an advanced feature where customers can easily book rides through the voice booking option. They can just specify the drop location along with the vehicle category. The benefits of this feature provide 90% faster booking and reduced delay times.
7068									</div>
7069								</div>
7070							</div>
7071							<div class="panel panel-default">
7072								<div class="panel-heading panel-title" role="tab" id="headingTwo">
7073									<h4 class="panel-title">
7074										<a class="collapsed" data-toggle="collapse" role="tab" id="headingTwo" href="#collapseTwo"
7075											aria-expanded="false" aria-controls="collapseTwo">
7076											What are the main features of an Uber Clone app?
7077										</a>
7078									</h4>
7079								</div>
7080								<div id="collapseTwo" class="panel-collapse collapse panel-body" role="tabpanel"
7081									aria-labelledby="headingTwo" data-parent="#accordion">
7082										The core functions of an Uber Clone App are:
7083										
7084											<li>Get fare estimation</li>
7085											<li>Live Tracking</li>
7086											<li>Pay through multiple modes</li>
7087											<li>Reviews and feedback</li>
7088											<li>Manage your business</li>
7089											<li>Set the languages and currency</li>
7090											<li>Generate promo code and offer</li>
7091											<li>Manage the revenue streams</li>
7092								</div>
7093							</div>
7094							<div class="panel panel-default">
7095								<div class="panel-heading panel-title" role="tab" id="headingThree">
7096									<h4 class="panel-title">
7097										<a class="collapsed" data-toggle="collapse" href="#collapseThree"
7098											aria-expanded="false" aria-controls="collapseThree" role="tab" id="headingThree">
7099											How does an Uber clone app work?
7100										</a>
7101									</h4>
7102								</div>
7103								<div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
7104									aria-labelledby="headingThree" data-parent="#accordion">
7105									<div class="panel-body">
7106										The Uber clone app connects customers to your taxi business. It allows the user
7107										to book, track, and pay for the taxi service. It helps the drivers track the
7108										location and complete the ride service. It also empowers the admin to automate
7109										the business.
7110									</div>
7111								</div>
7112							</div>
7113							<div class="panel panel-default">
7114								<div class="panel-heading panel-title" role="tab" id="headingFour">
7115									<h4 class="panel-title">
7116										<a class="collapsed" data-toggle="collapse" href="#collapseFour"
7117											aria-expanded="false" aria-controls="collapseFour" role="tab" id="headingFour">
7118											What are the benefits of using an Uber clone app?
7119										</a>
7120									</h4>
7121								</div>
7122								<div id="collapseFour" class="panel-collapse collapse panel-body" role="tabpanel"
7123									aria-labelledby="headingFour" data-parent="#accordion"> 
7124
7125											<li>The foremost benefit is the cost efficiency for the development</li>
7126											<li>You need not wait to launch an app for your business</li>
7127											<li>
7127It is a scalable solution and also helps track your business</li>
7128											
7129								</div>
7130							</div>
7131							<div class="panel panel-default">
7132								<div class="panel-heading panel-title" role="tab" id="headingFive">
7133									<h4 class="panel-title">
7134										<a class="collapsed" data-toggle="collapse" href="#collapseFive"
7135											aria-expanded="false" aria-controls="collapseFive" role="tab" id="headingFive">
7136											How much does an Uber clone app cost?
7137										</a>
7138									</h4>
7139								</div>
7140								<div id="collapseFive" class="panel-collapse collapse" role="tabpanel"
7141									aria-labelledby="headingFive" data-parent="#accordion">
7142									<div class="panel-body">
7143										App development costs depend on the customization you choose for your business
7144										needs and the number of hours involved in app development.
7145									</div>
7146								</div>
7147							</div>
7148							<div class="panel panel-default">
7149								<div class="panel-heading panel-title" role="tab" id="headingSix">
7150									<h4 class="panel-title">
7151										<a class="collapsed" data-toggle="collapse" href="#collapseSix"
7152											aria-expanded="false" aria-controls="collapseSix" role="tab" id="headingSix">
7153											How does taxi booking app help my business?
7154										</a>
7155									</h4>
7156								</div>
7157								<div id="collapseSix" class="panel-collapse collapse panel-body" role="tabpanel"
7158									aria-labelledby="headingSix" data-parent="#accordion">
7159										Creating a taxi booking app for your business helps in the
7160										following ways:
7161										
7162											<li>It increases the visibility of your company</li>
7163											<li>Makes customer approach convenient</li>
7164											<li>Increases the revenue streams</li>
7165											<li>Manages and streamlines the process</li>
7166											
7167								</div>
7168							</div>
7169							<div class="panel panel-default">
7170								<div class="panel-heading panel-title" role="tab" id="headingSeven">
7171									<h4 class="panel-title">
7172										<a class="collapsed" data-toggle="collapse" href="#collapseSeven"
7173											aria-expanded="false" aria-controls="collapseSeven" role="tab" id="headingSeven">
7174											Can I customize the features of my Taxi Booking App?
7175										</a>
7176									</h4>
7177								</div>
7178								<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel"
7179									aria-labelledby="headingSeven" data-parent="#accordion">
7180									<div class="panel-body">
7181										Of course, the SpotnRides taxi booking app is 100% customizable for your ideas
7182										and business requirements.
7183									</div>
7184								</div>
7185							</div>
7186						</div>`
7187
7188				const newElement = `<div class=" container row" data-id='fadeInDown' data-aos='fadeInDown'>
7189					<div class="col-lg-6">
7190						<div class="foot-logo">
7191							<img src="./assets/images/logo-footer.png" class="img-responsive"  loading="lazy" alt="uber-clone-app" width="204" height="25">
7192						</div>
7193						<!-- <div class="foot-head"> -->
7194							<!-- <h4 class="point-title1_new ">Products</h4> -->
7195						<!-- </div> -->
7196						<div class="col-lg-6">
7197							<h4 class="point-title1_new ">Products</h4>
7198							<!-- <div class="foot-listing"> -->
7199								<!-- <ul>
7200									<li><a href="https://www.spotnrides.com/taxi-dispatch-software">Taxi Dispatch
7201											Software</a></li>
7202									<li><a
7203											href="https://www.spotnrides.com/uber-for-tow-trucks-app-to-your-roadside-assistance-business">Uber
7204											for Tow Trucks</a></li>
7205									<li><a href="https://www.spotnrides.com/uber-for-laundry-booking-app">Uber for
7206											Laundry Services</a></li>
7207									<li><a href="https://spotnrides.com/uber-for-on-demand-handyman-app-services">Uber
7208											for Handyman Services</a></li>
7209									<li><a href="https://www.spotnrides.com/uber-for-x-ondemand-multi-services-app">Uber
7210											for Multi Services</a></li>
7211									<li><a
7212											href="https://www.spotnrides.com/delivery-route-planning-management-software">Delivery
7213											Route Planning Software</a></li>
7214								</ul> -->
7215									<a class="nav_footer" href="https://www.spotnrides.com/super-app-development-company">Super App</a>
7216									<a class="nav_footer" href="https://www.spotnrides.com/taxi-dispatch-software">Taxi Dispatch
7217											Software</a>
7218											
7219									<a  class="nav_footer"
7220											href="https://www.spotnrides.com/uber-for-tow-trucks-app-to-your-roadside-assistance-business">Uber
7221											for Tow Trucks</a>
7222									<a class="nav_footer" href="https://www.spotnrides.com/uber-for-laundry-booking-app">Uber for
7223											Laundry Services</a>
7224									<a class="nav_footer" href="https://spotnrides.com/uber-for-on-demand-handyman-app-services">Uber
7225											for Handyman Services</a>
7226									<a class="nav_footer" href="https://www.spotnrides.com/uber-for-x-ondemand-multi-services-app">Uber
7227											for Multi Services</a>
7228									<a class="nav_footer" style="margin-bottom: 15px;"
7229											href="https://www.spotnrides.com/delivery-route-planning-management-software">Delivery
7230											Route Planning Software</a>
7231								</ul>
7232							<!-- </div> -->
7233						</div>
7234						<div class="col-lg-6">
7235							<!-- <div class="foot-listing"> -->
7236								<!-- <ul>
7237									<li><a href="https://www.spotnrides.com/uber-for-doctors-booking-app">Doctor Booking
7238											App</a></li>
7239									<li><a
7240											href="https://www.spotnrides.com/towing-dispatch-software-roadside-assistance-business">Towing
7241											Dispatch Software</a></li>
7242									<li><a href="https://www.spotnrides.com/spa-salon-management-software-system">Salon
7243											Management Software</a></li>
7244									<li><a href="https://www.spotnrides.com/logistics-delivery-management-software">Logistics
7245											Delivery Software</a></li>
7246									<li><a href="https://www.spotnrides.com/truck-booking-app">Truck Booking App</a>
7247									</li>
7248									<li><a href="https://www.spotnrides.com/uber-for-snow-removal-and-lawn-care-app">Uber
7249											for Snow Removal & Lawncare App</a></li>
7250								</ul> -->
7251
7252								<a class="nav_footer" href="https://www.spotnrides.com/uber-for-doctors-booking-app">Doctor Booking
7253											App</a>
7254											
7255											<a class="nav_footer"
7256											href="https://www.spotnrides.com/towing-dispatch-software-roadside-assistance-business">Towing
7257											Dispatch Software</a>
7258											<a class="nav_footer" href="https://www.spotnrides.com/spa-salon-management-software-system">Salon
7259											Management Software</a>
7260											<a class="nav_footer" href="https://www.spotnrides.com/logistics-delivery-management-software">Logistics
7261											Delivery Software</a>
7262											
7263											<a class="nav_footer" href="https://www.spotnrides.com/truck-booking-app">Truck Booking App</a>
7264											<a class="nav_footer" href="https://www.spotnrides.com/uber-for-snow-removal-and-lawn-care-app">Uber
7265											for Snow Removal & Lawncare App</a>
7266											<a class="nav_footer" href="https://www.spotnrides.com/car-rental">Car Rental App</a>
7267								</ul>
7268
7269							<!-- </div> -->
7270						</div>
7271
7272						<div class="col-lg-12" style="padding: 0px;">
7273						<div class="col-lg-6 foot-listing ">
7274							<!-- <div class="foot-head"> -->
7275								<h4 class="point-title1_new">Clone Scripts</h4>
7276							<!-- </div> -->
7277							<!-- <div class="foot-listing "> -->
7278								<!-- <ul>
7279									<li><a href="https://www.spotnrides.com/lyft-clone-script-rideshare-app-business">Lyft
7280											Clone</a></li>
7281									<li><a href="https://www.spotnrides.com/gojek-clone-script">Gojek Clone</a></li>
7282									<li><a href="https://www.spotnrides.com/cabify-clone">Cabify Clone</a></li>
7283									<li><a href="https://www.spotnrides.com/grab-clone">Grab Clone</a></li>
7284									<li><a href="https://www.spotnrides.com/ubereats-clone">UberEats Clone</a></li>
7285								</ul> -->
7286									
7287                                    <a class="nav_footer" href="https://www.spotnrides.com/">Uber Clone</a>
7288                                    <a class="nav_footer" href="https://www.spotnrides.com/lyft-clone-script-rideshare-app-business">Lyft Clone</a>
7289                                    <a class="nav_footer" href="https://www.spotnrides.com/bolt-clone">Bolt clone</a>
7290                                    <a class="nav_footer" href="https://www.spotnrides.com/gojek-clone-script">Gojek Clone</a>
7291                                    <a class="nav_footer" href="https://www.spotnrides.com/grab-clone">Grab Clone</a>
7292                                    <a class="nav_footer" href="https://www.spotnrides.com/careem-clone">Careem Clone</a>
7293                                    <a class="nav_footer"class="nav_footer" href="https://www.spotnrides.com/turo-clone">Turo Clone</a>
7294                                    <a class="nav_footer" href="https://www.spotnrides.com/honk-clone">Honk clone</a>
7295                                    <a class="nav_footer" href="https://www.spotnrides.com/taskrabbit-clone">TaskRabbit Clone</a>
7296                                    <a class="nav_footer" href="https://www.spotnrides.com/cabify-clone">Cabify Clone</a>
7297                                    <a class="nav_footer" href="https://www.spotnrides.com/ubereats-clone">UberEats Clone</a>
7298
7299							<!-- </div> -->
7300						</div>
7301
7302
7303
7304
7305						<div class="col-lg-6 foot-listing ">
7306							<!-- <div class="foot-head"> -->
7307								<h4 class="point-title1_new">Other Links</h4>
7308							<!-- </div> -->
7309							<!-- <div class="foot-listing "> -->
7310								<!-- <ul>
7311									<li><a href="https://www.spotnrides.com/blog/privacy-policy-spotnrides/"
7312											rel="nofollow">Privacy Policy</a></li>
7313									<li><a href="https://www.spotnrides.com/blog/terms-and-conditions-spotnrides/"
7314											rel="nofollow">Terms & Conditions</a></li>
7315									<li><a href="https://www.spotnrides.com/blog/" rel="nofollow">Blog</a></li>
7316								</ul> -->
7317								
7318									<a class="nav_footer" href="https://www.spotnrides.com/blog/privacy-policy-spotnrides/"
7319											rel="nofollow">Privacy Policy</a>
7320									<a class="nav_footer" href="https://www.spotnrides.com/blog/terms-and-conditions-spotnrides/"
7321											rel="nofollow">Terms & Conditions</a>
7322									<a class="nav_footer" href="https://www.spotnrides.com/blog/" rel="nofollow">Blog</a>
7323								
7324							<!-- </div> -->
7325
7326
7327						</div>
7328					</div>
7329
7330					</div>
7331					<div class="col-lg-6 social-media-list align-items-center">
7332						<ul style="list-style: none;margin-top: 5%;">
7333    <a href="mailto:[email protected]" target="_blank" class="bottom_list">
7334        <i class="fa fa-envelope enve-clr ico" aria-hidden="true" style="color: red;"></i> 
7335        [email protected]
7336    </a>
7337    <a href="tel:+91 9791339833" class="bottom_list">
7338        <i class="fa fa-phone-square cl-cre ico" aria-hidden="true" style="color: rgb(246, 255, 0);"></i> 
7339        +91 9791339833
7340    </a>
7341    <a href="tel:0452-4295595" class="bottom_list">
7342        <i class="fa fa-fax cl-cre ico" aria-hidden="true" style="color: rgb(163, 69, 245);"></i>
7343        0452-4295595
7344    </a>
7345    <a href="https://api.whatsapp.com/send?phone=919791339833&text=Hi,%20I%E2%80%99d%20like%20to%20know%20more%20about%20Spotnrides!" target="_blank" class="bottom_list">
7346        <i class="fa fa-whatsapp wht-clr ico" style="color: rgb(0, 255, 4);font-size:16px" aria-hidden="true"></i> 
7347        WhatsApp
7348    </a>
7349    <a href="https://teams.live.com/l/invite/FEAseFIIcMFcsBlywE" target="_blank" class="bottom_list" style="display:flex;flex-direction:row">
7350        <div style="width:28px;height:30px; text-align-last: center; margin-right: 5px;">
7351            <img src="../img/teamsicon.png" height="16" width="16" />
7352        </div>
7353        Teams
7354    </a>
7355    <a href="https://www.google.com/search?q=30+C%2C+3rd+Floor%2C+Rakesh+Towers%2C+Bypass+Road%2C+Madurai+-+625016+Tamilnadu%2C+India&oq=30+C%2C+3rd+Floor%2C+Rakesh+Towers%2C+Bypass+Road%2C+Madurai+-+625016+Tamilnadu%2C+India&gs_lcrp=EgZjaHJvbWUyBggAEEUYOdIBBzgxNWowajeoAgCwAgA&sourceid=chrome&ie=UTF-8"
7356       target="_blank" class="bottom_list" style="display:flex;flex-direction:row">
7357        <div style="width:28px;height:30px; text-align-last: center; margin-right: 5px;">
7358            <i class="fa fa-map-marker" aria-hidden="true" style="color: #ff9800; font-size: 18px; line-height: 30px;"></i>
7359        </div>
7360        30 C, 3rd Floor, Rakesh Towers, Bypass Road, Madurai - 625016 Tamilnadu, India
7361    </a>
7362</ul>	
7363				<hr class="ops">
7364	<div class="social_media_container">
7365
7366    <!-- ROW 1 -->
7367    <div class="social_row">
7368
7369        <img onclick="nav('https://www.facebook.com/spotnrides/')"
7370        src="./assets/images/facebook.png"
7371        alt="Facebook"
7372        class="social-icon"
7373        loading="lazy"/>
7374
7375        <img onclick="nav('https://x.com/spotnrides')"
7376        src="./assets/images/twitter.png"
7377        alt="X (Twitter)"
7378        class="social-icon"
7379        loading="lazy"/>
7380
7381        <img onclick="nav('https://www.linkedin.com/company/spotnrides/')"
7382        src="./assets/images/linkedin.png"
7383        alt="LinkedIn"
7384        class="social-icon"
7385        loading="lazy"/>
7386
7387        <img onclick="nav('https://www.instagram.com/spotnrides')"
7388        src="./assets/images/instagram.png"
7389        alt="Instagram"
7390        class="social-icon"
7391        loading="lazy"/>
7392
7393        <img onclick="nav('https://www.youtube.com/@spotnrides-product')"
7394        src="./assets/images/youtube.png"
7395        alt="YouTube"
7396        class="social-icon"
7397        loading="lazy"/>
7398
7399        <img onclick="nav('https://medium.com/spotnrides')"
7400        src="../img/medium.webp"
7401        alt="Medium"
7402        class="social-icon"
7403        loading="lazy"/>
7404		  
7405		<img onclick="nav('https://in.pinterest.com/spotnrides/')"
7406        src="../img/pinterest.webp"
7407        alt="pinterest"
7408        class="social-icon"
7409        loading="lazy"/>
7410
7411      <img onclick="nav('https://www.behance.net/spotnrides')"
7412        src="../img/behance.webp"
7413        alt="behance"
7414        class="social-icon"
7415        loading="lazy"/>
7416
7417        <img onclick="nav('https://www.tumblr.com/spotnrides')"
7418        src="../img/tumblr.webp"
7419        alt="tumblr"
7420        class="social-icon"
7421        loading="lazy"/>
7422
7423        <img onclick="nav('https://www.producthunt.com/products/spotnrides-3')"
7424        src="../img/producthunt.webp"
7425        alt="producthunt"
7426        class="social-icon"
7427        loading="lazy"/>
7428
7429        <img onclick="nav('https://www.slideshare.net/spotnrides')"
7430        src="../img/slideshare.webp"
7431        alt="slideshare"
7432        class="social-icon"
7433        loading="lazy"/>
7434
7435    </div>
7436
7437
7438					</div>
7439		
7440
7441</div>	
7442
7443				</div>
7444
7445
7446
7447				<div class="foot-line"></div>
7448
7449				<div class="footer-btm-item" style="text-align: center;margin-top: 3%;padding: 0 10% !important;">
7450					<p style="color: #fff;">Copyright © 2017 - 2026 Powered by <a class="uplo"
7451							href="http://www.uplogictech.com/" target="_blank" style="font-size: 18px;"><strong> Uplogic
7452								Technologies PVT LTD </strong></a> All Rights Reserved.</p>
7453				</div>
7454				<p style="color:#929497;text-align:center;padding: 0 10% !important;">We have used the term "Uber", "Lyft", "Gojek", "Cabify", "Grab", "UberEats", "Bolt", "Honk", "Taskrabbit", "careem", "Turo" etc. to explain the workflow of ride-hailing in detail. As an Independent app-development player in the market, We are in no way a part of Uber Technologies Inc. or connected to them in any way. Our intention is just to illustrate our way of providing taxi services with the above terms and we don't wish to disrepute any taxi-services company anywhere.</p>
7455				<p style="color:#929497;text-align:center;padding: 0 10% !important;">Trademark Legal Notice: The product name
7456					called SpotnRides trademarks and registered trademarks are the property of their
7457					respective owners. All product and service names used in the SpotnRides website are for
7458					identification purposes only. The use of SpotnRides trademarks and brands does not imply
7459					endorsement.
7460				</p>`;
7461			const newContent = document.createElement("div");
7462				// Optimization: Grid display add pannuna thaan justify-items work aagum
7463				newContent.style.display = 'grid';
7464				newContent.style.justifyItems = 'center';
7465				newContent.innerHTML = newElement;
7466
7467				// Append the new content to the footer section
7468				const footerSection = document.querySelector("#footer-area");
7469				
7470				const newContentFaq = document.createElement("div");
7471				newContentFaq.innerHTML = faqElement;
7472
7473				// Append the new content to the footer section
7474				const footerSectionFaq = document.querySelector(".panel-hide");
7475
7476				if (footerSection && footerSectionFaq) {
7477					footerSection.appendChild(newContent);
7478					footerSectionFaq.appendChild(newContentFaq);
7479				}
7480
7481			}, 6000); // 10s delay-ai 6s-a optimize pannirukkaen (Score increase aagum)
7482		});
7483
7484		// Scripts (Tawk & GA) load aaga optimized logic
7485	function loadScripts() {
7486  if (window.scriptsLoaded) return;
7487  window.scriptsLoaded = true;
7488
7489  //  Google Analytics (load first - light)
7490setTimeout(function () {
7491
7492  var ga = document.createElement("script");
7493  ga.src = "https://www.googletagmanager.com/gtag/js?id=UA-124493098-1";
7494  ga.async = true;
7495  document.head.appendChild(ga);
7496
7497  ga.onload = function () {
7498    
vendor: 140 bytes, lines 7498-7502
7498window.dataLayer = window.dataLayer || [];
7499    function gtag(){dataLayer.push(arguments);}
7500
7501    gtag("js", new Date());
7502    gtag("config", "
7502UA-124493098-1
vendor: 7 bytes, lines 7502-7504
7502");
7503
7504  
7504};
7505
7506}, 3000); // ⏱ delay 3 sec
7507
7508  //  Tawk (heavy → delay load)
7509  setTimeout(function(){
7510    var Tawk_API = Tawk_API || {};
7511    var Tawk_LoadStart = new Date();
7512
7513    var tawk = document.createElement("script");
7514    tawk.async = true;
7515    tawk.src = 'https://embed.tawk.to/5b7e68acafc2c34e96e7d24d/default';
7516    tawk.charset = 'UTF-8';
7517    tawk.setAttribute('crossorigin', '*');
7518
7519    document.body.appendChild(tawk);
7520  }, 10000); // 🔥 delay = key
7521}
7522
7523//  trigger on interaction
7524window.addEventListener("scroll", loadScripts, { once: true });
7525window.addEventListener("click", loadScripts, { once: true });
7526window.addEventListener("mousemove", loadScripts, { once: true });
7527
7528//  fallback
7529setTimeout(loadScripts, 4000);
7530
7531
7532
7533		// User activity trigger (PageSpeed score increase panna best method)
7534		window.addEventListener('scroll', loadScripts, { once: true });
7535		window.addEventListener('mousemove', loadScripts, { once: true });
7536		setTimeout(loadScripts, 5000); // Safety timeout
7537
7538		const handleClicklogo = () => {
7539			location.href = "#"
7540		}
7541
7542		function closePopup() {
7543			const popup = document.getElementById("popup");
7544			if(popup) {
7545				popup.style.animation = "fadeOut 0.8s forwards";
7546				setTimeout(() => popup.remove(), 800);
7547			}
7548		}
7549
7550		const style = document.createElement("style");
7551		style.innerHTML = `
7552			@keyframes fadeOut {
7553				0% {opacity:1; left:20px;}
7554				100% {opacity:0; left:-220px;}
7555			}
7556		`;
7557		document.head.appendChild(style);
7558	</script>
7558
7559	
7560
7561<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"fcd0d1f1ad1f47f7b6bf6267d4b002ee","r":1,"spa":2}' crossorigin="anonymous"></script>
7561
7562</body>
7563<!-- &lt;!--</body>--&gt;&lt;/body&gt; -->
7564
7565</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.