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>→</span></button> 5479 <button class="payopt-tabb-btn" data-target="regional">Regional Payment Gateways<span>→</span></button> 5480 <button class="payopt-tabb-btn" data-target="crypto">Cryptocurrency-Friendly Gateways<span>→</span></button> 5481 <button class="payopt-tabb-btn" data-target="mobile">Mobile Wallet & Banking Options<span>→</span></button> 5482 <button class="payopt-tabb-btn" data-target="cards">Card & Bank Payment Options<span>→</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">×</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<!-- <!--</body>--></body> --> 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.