Demo Car & Bike Rental | Chiplun<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary: #ff5a1f;\r\n --primary-dark: #e8470d;\r\n --dark: #111318;\r\n --dark-2: #191c23;\r\n --light: #f7f7f8;\r\n --white: #ffffff;\r\n --gray: #6b7280;\r\n --border: #e8e8ea;\r\n --green: #16a34a;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: \"Inter\", sans-serif;\r\n color: var(--dark);\r\n background: #fff;\r\n line-height: 1.6;\r\n padding-bottom: 60px; \/* Space for mobile sticky bar *\/\r\n }\r\n\r\n @media (min-width: 769px) {\r\n body {\r\n padding-bottom: 0;\r\n }\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n width: min(1180px, 92%);\r\n margin: auto;\r\n }\r\n\r\n \/* NAVBAR *\/\r\n .navbar {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1000;\r\n background: rgba(17, 19, 24, .94);\r\n backdrop-filter: blur(15px);\r\n border-bottom: 1px solid rgba(255,255,255,.08);\r\n }\r\n\r\n .nav-inner {\r\n min-height: 76px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 30px;\r\n }\r\n\r\n .logo {\r\n color: white;\r\n font-size: 21px;\r\n font-weight: 900;\r\n letter-spacing: -.7px;\r\n }\r\n\r\n .logo span {\r\n color: var(--primary);\r\n }\r\n\r\n .nav-call {\r\n background: var(--primary);\r\n color: white;\r\n padding: 11px 18px;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .nav-call:hover {\r\n background: var(--primary-dark);\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n min-height: 80vh;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n background:\r\n linear-gradient(90deg, rgba(5,7,10,.95) 0%, rgba(5,7,10,.76) 43%, rgba(5,7,10,.25) 100%),\r\n url(\"https:\/\/images.unsplash.com\/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=2000&q=85\")\r\n center\/cover no-repeat;\r\n }\r\n\r\n .hero-content {\r\n padding-top: 70px;\r\n max-width: 720px;\r\n color: white;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255,90,31,.14);\r\n border: 1px solid rgba(255,90,31,.4);\r\n color: #ff8b61;\r\n padding: 8px 13px;\r\n border-radius: 50px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .badge::before {\r\n content: \"\";\r\n width: 7px;\r\n height: 7px;\r\n background: #32d76f;\r\n border-radius: 50%;\r\n box-shadow: 0 0 10px #32d76f;\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(45px, 7vw, 78px);\r\n line-height: .98;\r\n letter-spacing: -4px;\r\n margin-bottom: 23px;\r\n font-weight: 900;\r\n }\r\n\r\n .hero h1 span {\r\n color: var(--primary);\r\n }\r\n\r\n .hero p {\r\n color: #d5d5d7;\r\n max-width: 590px;\r\n font-size: 18px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 13px;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 14px 22px;\r\n border-radius: 9px;\r\n font-size: 14px;\r\n font-weight: 800;\r\n transition: .25s;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-dark);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 35px;\r\n margin-top: 48px;\r\n }\r\n\r\n .hero-stat strong {\r\n display: block;\r\n font-size: 24px;\r\n }\r\n\r\n .hero-stat small {\r\n color: #aaa;\r\n font-size: 12px;\r\n }\r\n\r\n \/* BOOKING FORM MODAL *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.7);\r\n backdrop-filter: blur(5px);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2000;\r\n }\r\n\r\n .modal-overlay.active {\r\n display: flex;\r\n }\r\n\r\n .booking-modal {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 30px;\r\n max-width: 500px;\r\n width: 90%;\r\n position: relative;\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n font-size: 24px;\r\n cursor: pointer;\r\n color: #888;\r\n }\r\n\r\n .booking-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n margin-top: 15px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n }\r\n\r\n .form-group label {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n text-transform: uppercase;\r\n }\r\n\r\n .form-group input, .form-group select, .form-group textarea {\r\n padding: 12px;\r\n border: 1px solid var(--border);\r\n border-radius: 8px;\r\n font-family: inherit;\r\n font-size: 14px;\r\n }\r\n\r\n .form-group input:focus, .form-group select:focus, .form-group textarea:focus {\r\n outline: 2px solid var(--primary);\r\n }\r\n\r\n .booking-options {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n \/* CTA SECTION *\/\r\n .cta {\r\n padding: 90px 0;\r\n }\r\n\r\n .cta-box {\r\n background:\r\n linear-gradient(100deg, rgba(255,90,31,.98), rgba(214,58,5,.95)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1549317661-bd32c8ce0db2?auto=format&fit=crop&w=1400&q=80\")\r\n center\/cover;\r\n border-radius: 22px;\r\n padding: 55px;\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 30px;\r\n }\r\n\r\n .cta-box h2 {\r\n font-size: clamp(28px, 4vw, 42px);\r\n line-height: 1.05;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cta-box p {\r\n color: #ffe6dc;\r\n font-size: 14px;\r\n }\r\n\r\n .cta-box .btn {\r\n background: white;\r\n color: var(--primary);\r\n white-space: nowrap;\r\n }\r\n\r\n \/* MOBILE STICKY CALL BAR *\/\r\n .mobile-call-bar {\r\n display: none;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: var(--dark);\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding: 10px 16px;\r\n z-index: 999;\r\n }\r\n\r\n .mobile-call-bar a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--primary);\r\n color: white;\r\n padding: 12px;\r\n border-radius: 8px;\r\n font-weight: 800;\r\n font-size: 15px;\r\n width: 100%;\r\n }\r\n\r\n \/* FOOTER *\/\r\n footer {\r\n background: #0c0d10;\r\n color: white;\r\n padding: 55px 0 25px;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 1.5fr 1fr;\r\n gap: 50px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .footer-brand p {\r\n color: #8d9098;\r\n font-size: 13px;\r\n max-width: 350px;\r\n margin-top: 15px;\r\n }\r\n\r\n footer h4 {\r\n margin-bottom: 14px;\r\n }\r\n\r\n footer a,\r\n footer li {\r\n color: #92959d;\r\n font-size: 13px;\r\n margin-bottom: 9px;\r\n }\r\n\r\n footer ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid #24262b;\r\n padding-top: 20px;\r\n color: #666a73;\r\n font-size: 11px;\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n\r\n \/* MOBILE RESPONSIVENESS *\/\r\n @media (max-width: 768px) {\r\n .mobile-call-bar {\r\n display: block;\r\n }\r\n }\r\n\r\n @media (max-width: 850px) {\r\n .hero h1 {\r\n letter-spacing: -2px;\r\n }\r\n\r\n .cta-box {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 35px;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .nav-call {\r\n padding: 9px 12px;\r\n font-size: 11px;\r\n }\r\n\r\n .hero p {\r\n font-size: 15px;\r\n }\r\n\r\n .hero-stats {\r\n gap: 20px;\r\n }\r\n\r\n .footer-bottom {\r\n flex-direction: column;\r\n }\r\n\r\n .cta {\r\n padding: 65px 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n <header class=\"navbar\">\r\n <div class=\"container nav-inner\">\r\n <a href=\"#\" class=\"logo\">DEMO <span>RENTALS<\/span><\/a>\r\n\r\n \r\n <a class=\"nav-call\" href=\"tel:+917387211052\" aria-label=\"Call Demo Rentals\">\r\n \ud83d\udcde Call Now\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n\r\n <div class=\"badge\">OPEN 24 HOURS \u00b7 CHIPLUN<\/div>\r\n\r\n <h1>\r\n Your Ride.<br>\r\n <span>Your Freedom.<\/span>\r\n <\/h1>\r\n\r\n <p>\r\n Premium cars and bikes for rent in Chiplun.\r\n Well-maintained vehicles, affordable rates and\r\n fast, helpful service whenever you need it.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <button onclick=\"openBookingModal('General Booking')\" class=\"btn btn-primary\">\r\n \ud83d\udcde Book Your Ride\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <strong>5.0 \u2605<\/strong>\r\n <small>Google Rating<\/small>\r\n <\/div>\r\n\r\n <div class=\"hero-stat\">\r\n <strong>25+<\/strong>\r\n <small>Happy Reviews<\/small>\r\n <\/div>\r\n\r\n <div class=\"hero-stat\">\r\n <strong>24\/7<\/strong>\r\n <small>Service Available<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"cta\">\r\n <div class=\"container\">\r\n\r\n <div class=\"cta-box\">\r\n <div>\r\n <h2>Ready to Hit the Road?<\/h2>\r\n <p>\r\n Call us today and find the right car or bike for your trip.\r\n <\/p>\r\n <\/div>\r\n\r\n <button onclick=\"openBookingModal('General Booking')\" class=\"btn\">\r\n \ud83d\udcde Book Now\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <div class=\"modal-overlay\" id=\"bookingModal\">\r\n <div class=\"booking-modal\">\r\n <span class=\"close-modal\" onclick=\"closeBookingModal()\">×<\/span>\r\n <h3>Book Your Ride<\/h3>\r\n <p style=\"color: #666; font-size: 13px; margin-bottom: 15px;\">Fill in your details to check availability immediately.<\/p>\r\n\r\n <form id=\"rentalForm\" action=\"https:\/\/formsubmit.co\/your-email@example.com\" method=\"POST\" class=\"booking-form\">\r\n \r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"New Vehicle Rental Enquiry!\">\r\n\r\n <div class=\"form-group\">\r\n <label>Full Name<\/label>\r\n <input type=\"text\" id=\"custName\" name=\"name\" placeholder=\"John Doe\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Phone Number<\/label>\r\n <input type=\"tel\" id=\"custPhone\" name=\"phone\" placeholder=\"9876543210\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Vehicle Type<\/label>\r\n <select id=\"vehicleType\" name=\"vehicle_type\" required>\r\n <option value=\"Car Rental\">Car Rental<\/option>\r\n <option value=\"Bike Rental\">Bike Rental<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Booking Date<\/label>\r\n <input type=\"date\" id=\"bookingDate\" name=\"date\" required>\r\n <\/div>\r\n\r\n <div class=\"booking-options\">\r\n <button type=\"submit\" class=\"btn btn-primary\" style=\"flex: 1;\">Email Request<\/button>\r\n <button type=\"button\" onclick=\"sendWhatsAppBooking()\" class=\"btn\" style=\"background: #25D366; color: white; flex: 1;\">WhatsApp Ride<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"mobile-call-bar\">\r\n <a href=\"tel:+917387211052\">\r\n \ud83d\udcde Call Now to Reserve\r\n <\/a>\r\n <\/div>\r\n\r\n\r\n \r\n <footer>\r\n <div class=\"container\">\r\n\r\n <div class=\"footer-grid\">\r\n\r\n <div class=\"footer-brand\">\r\n <div class=\"logo\">DEMO <span>RENTALS<\/span><\/div>\r\n\r\n <p>\r\n Car & Bike Rental in Chiplun offering well-maintained\r\n vehicles, affordable rates and helpful service.\r\n <\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h4>Contact Us<\/h4>\r\n\r\n <ul>\r\n <li>\ud83d\udcde <a href=\"tel:+917387211052\">073872 11052<\/a><\/li>\r\n <li>\ud83d\udccd Markandi, Chiplun<\/li>\r\n <li>\ud83d\udd50 Open 24 Hours<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <span>\r\n \u00a9 2026 Demo Car & Bike Rental. All Rights Reserved.\r\n <\/span>\r\n\r\n <span>\r\n Chiplun, Maharashtra 415605\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <script>\r\n function openBookingModal(type) {\r\n if (type) {\r\n document.getElementById('vehicleType').value = type;\r\n }\r\n document.getElementById('bookingModal').classList.add('active');\r\n }\r\n\r\n function closeBookingModal() {\r\n document.getElementById('bookingModal').classList.remove('active');\r\n }\r\n\r\n function sendWhatsAppBooking() {\r\n const name = document.getElementById('custName').value;\r\n const phone = document.getElementById('custPhone').value;\r\n const vehicle = document.getElementById('vehicleType').value;\r\n const date = document.getElementById('bookingDate').value;\r\n\r\n if(!name || !phone || !date) {\r\n alert('Please fill in all details before submitting.');\r\n return;\r\n }\r\n\r\n const businessPhone = \"917387211052\"; \r\n const message = `Hello Demo Rentals,%0A%0A*New Booking Request*%0A*Name:* ${encodeURIComponent(name)}%0A*Phone:* ${encodeURIComponent(phone)}%0A*Vehicle:* ${encodeURIComponent(vehicle)}%0A*Date:* ${encodeURIComponent(date)}`;\r\n\r\n window.open(`https:\/\/wa.me\/${businessPhone}?text=${message}`, '_blank');\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Demo Car & Bike Rental | Chiplun DEMO RENTALS \ud83d\udcde Call Now OPEN 24 HOURS \u00b7 CHIPLUN Your Ride. Your … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-560","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=560"}],"version-history":[{"count":25,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/560\/revisions"}],"predecessor-version":[{"id":796,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/560\/revisions\/796"}],"wp:attachment":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Demo Car & Bike Rental | Chiplun<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary: #ff5a1f;\r\n --primary-dark: #e8470d;\r\n --dark: #111318;\r\n --dark-2: #191c23;\r\n --light: #f7f7f8;\r\n --white: #ffffff;\r\n --gray: #6b7280;\r\n --border: #e8e8ea;\r\n --green: #16a34a;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: \"Inter\", sans-serif;\r\n color: var(--dark);\r\n background: #fff;\r\n line-height: 1.6;\r\n padding-bottom: 60px; \/* Space for mobile sticky bar *\/\r\n }\r\n\r\n @media (min-width: 769px) {\r\n body {\r\n padding-bottom: 0;\r\n }\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n width: min(1180px, 92%);\r\n margin: auto;\r\n }\r\n\r\n \/* NAVBAR *\/\r\n .navbar {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1000;\r\n background: rgba(17, 19, 24, .94);\r\n backdrop-filter: blur(15px);\r\n border-bottom: 1px solid rgba(255,255,255,.08);\r\n }\r\n\r\n .nav-inner {\r\n min-height: 76px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 30px;\r\n }\r\n\r\n .logo {\r\n color: white;\r\n font-size: 21px;\r\n font-weight: 900;\r\n letter-spacing: -.7px;\r\n }\r\n\r\n .logo span {\r\n color: var(--primary);\r\n }\r\n\r\n .nav-call {\r\n background: var(--primary);\r\n color: white;\r\n padding: 11px 18px;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .nav-call:hover {\r\n background: var(--primary-dark);\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n min-height: 80vh;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n background:\r\n linear-gradient(90deg, rgba(5,7,10,.95) 0%, rgba(5,7,10,.76) 43%, rgba(5,7,10,.25) 100%),\r\n url(\"https:\/\/images.unsplash.com\/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=2000&q=85\")\r\n center\/cover no-repeat;\r\n }\r\n\r\n .hero-content {\r\n padding-top: 70px;\r\n max-width: 720px;\r\n color: white;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255,90,31,.14);\r\n border: 1px solid rgba(255,90,31,.4);\r\n color: #ff8b61;\r\n padding: 8px 13px;\r\n border-radius: 50px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .badge::before {\r\n content: \"\";\r\n width: 7px;\r\n height: 7px;\r\n background: #32d76f;\r\n border-radius: 50%;\r\n box-shadow: 0 0 10px #32d76f;\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(45px, 7vw, 78px);\r\n line-height: .98;\r\n letter-spacing: -4px;\r\n margin-bottom: 23px;\r\n font-weight: 900;\r\n }\r\n\r\n .hero h1 span {\r\n color: var(--primary);\r\n }\r\n\r\n .hero p {\r\n color: #d5d5d7;\r\n max-width: 590px;\r\n font-size: 18px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 13px;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 14px 22px;\r\n border-radius: 9px;\r\n font-size: 14px;\r\n font-weight: 800;\r\n transition: .25s;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-dark);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 35px;\r\n margin-top: 48px;\r\n }\r\n\r\n .hero-stat strong {\r\n display: block;\r\n font-size: 24px;\r\n }\r\n\r\n .hero-stat small {\r\n color: #aaa;\r\n font-size: 12px;\r\n }\r\n\r\n \/* BOOKING FORM MODAL *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.7);\r\n backdrop-filter: blur(5px);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2000;\r\n }\r\n\r\n .modal-overlay.active {\r\n display: flex;\r\n }\r\n\r\n .booking-modal {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 30px;\r\n max-width: 500px;\r\n width: 90%;\r\n position: relative;\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n font-size: 24px;\r\n cursor: pointer;\r\n color: #888;\r\n }\r\n\r\n .booking-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n margin-top: 15px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n }\r\n\r\n .form-group label {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n text-transform: uppercase;\r\n }\r\n\r\n .form-group input, .form-group select, .form-group textarea {\r\n padding: 12px;\r\n border: 1px solid var(--border);\r\n border-radius: 8px;\r\n font-family: inherit;\r\n font-size: 14px;\r\n }\r\n\r\n .form-group input:focus, .form-group select:focus, .form-group textarea:focus {\r\n outline: 2px solid var(--primary);\r\n }\r\n\r\n .booking-options {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n \/* CTA SECTION *\/\r\n .cta {\r\n padding: 90px 0;\r\n }\r\n\r\n .cta-box {\r\n background:\r\n linear-gradient(100deg, rgba(255,90,31,.98), rgba(214,58,5,.95)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1549317661-bd32c8ce0db2?auto=format&fit=crop&w=1400&q=80\")\r\n center\/cover;\r\n border-radius: 22px;\r\n padding: 55px;\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 30px;\r\n }\r\n\r\n .cta-box h2 {\r\n font-size: clamp(28px, 4vw, 42px);\r\n line-height: 1.05;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cta-box p {\r\n color: #ffe6dc;\r\n font-size: 14px;\r\n }\r\n\r\n .cta-box .btn {\r\n background: white;\r\n color: var(--primary);\r\n white-space: nowrap;\r\n }\r\n\r\n \/* MOBILE STICKY CALL BAR *\/\r\n .mobile-call-bar {\r\n display: none;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: var(--dark);\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding: 10px 16px;\r\n z-index: 999;\r\n }\r\n\r\n .mobile-call-bar a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--primary);\r\n color: white;\r\n padding: 12px;\r\n border-radius: 8px;\r\n font-weight: 800;\r\n font-size: 15px;\r\n width: 100%;\r\n }\r\n\r\n \/* FOOTER *\/\r\n footer {\r\n background: #0c0d10;\r\n color: white;\r\n padding: 55px 0 25px;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 1.5fr 1fr;\r\n gap: 50px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .footer-brand p {\r\n color: #8d9098;\r\n font-size: 13px;\r\n max-width: 350px;\r\n margin-top: 15px;\r\n }\r\n\r\n footer h4 {\r\n margin-bottom: 14px;\r\n }\r\n\r\n footer a,\r\n footer li {\r\n color: #92959d;\r\n font-size: 13px;\r\n margin-bottom: 9px;\r\n }\r\n\r\n footer ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid #24262b;\r\n padding-top: 20px;\r\n color: #666a73;\r\n font-size: 11px;\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n\r\n \/* MOBILE RESPONSIVENESS *\/\r\n @media (max-width: 768px) {\r\n .mobile-call-bar {\r\n display: block;\r\n }\r\n }\r\n\r\n @media (max-width: 850px) {\r\n .hero h1 {\r\n letter-spacing: -2px;\r\n }\r\n\r\n .cta-box {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 35px;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .nav-call {\r\n padding: 9px 12px;\r\n font-size: 11px;\r\n }\r\n\r\n .hero p {\r\n font-size: 15px;\r\n }\r\n\r\n .hero-stats {\r\n gap: 20px;\r\n }\r\n\r\n .footer-bottom {\r\n flex-direction: column;\r\n }\r\n\r\n .cta {\r\n padding: 65px 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n <header class=\"navbar\">\r\n <div class=\"container nav-inner\">\r\n <a href=\"#\" class=\"logo\">DEMO <span>RENTALS<\/span><\/a>\r\n\r\n \r\n <a class=\"nav-call\" href=\"tel:+917387211052\" aria-label=\"Call Demo Rentals\">\r\n \ud83d\udcde Call Now\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n\r\n <div class=\"badge\">OPEN 24 HOURS \u00b7 CHIPLUN<\/div>\r\n\r\n <h1>\r\n Your Ride.<br>\r\n <span>Your Freedom.<\/span>\r\n <\/h1>\r\n\r\n <p>\r\n Premium cars and bikes for rent in Chiplun.\r\n Well-maintained vehicles, affordable rates and\r\n fast, helpful service whenever you need it.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <button onclick=\"openBookingModal('General Booking')\" class=\"btn btn-primary\">\r\n \ud83d\udcde Book Your Ride\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <strong>5.0 \u2605<\/strong>\r\n <small>Google Rating<\/small>\r\n <\/div>\r\n\r\n <div class=\"hero-stat\">\r\n <strong>25+<\/strong>\r\n <small>Happy Reviews<\/small>\r\n <\/div>\r\n\r\n <div class=\"hero-stat\">\r\n <strong>24\/7<\/strong>\r\n <small>Service Available<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"cta\">\r\n <div class=\"container\">\r\n\r\n <div class=\"cta-box\">\r\n <div>\r\n <h2>Ready to Hit the Road?<\/h2>\r\n <p>\r\n Call us today and find the right car or bike for your trip.\r\n <\/p>\r\n <\/div>\r\n\r\n <button onclick=\"openBookingModal('General Booking')\" class=\"btn\">\r\n \ud83d\udcde Book Now\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <div class=\"modal-overlay\" id=\"bookingModal\">\r\n <div class=\"booking-modal\">\r\n <span class=\"close-modal\" onclick=\"closeBookingModal()\">×<\/span>\r\n <h3>Book Your Ride<\/h3>\r\n <p style=\"color: #666; font-size: 13px; margin-bottom: 15px;\">Fill in your details to check availability immediately.<\/p>\r\n\r\n <form id=\"rentalForm\" action=\"https:\/\/formsubmit.co\/your-email@example.com\" method=\"POST\" class=\"booking-form\">\r\n \r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"New Vehicle Rental Enquiry!\">\r\n\r\n <div class=\"form-group\">\r\n <label>Full Name<\/label>\r\n <input type=\"text\" id=\"custName\" name=\"name\" placeholder=\"John Doe\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Phone Number<\/label>\r\n <input type=\"tel\" id=\"custPhone\" name=\"phone\" placeholder=\"9876543210\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Vehicle Type<\/label>\r\n <select id=\"vehicleType\" name=\"vehicle_type\" required>\r\n <option value=\"Car Rental\">Car Rental<\/option>\r\n <option value=\"Bike Rental\">Bike Rental<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Booking Date<\/label>\r\n <input type=\"date\" id=\"bookingDate\" name=\"date\" required>\r\n <\/div>\r\n\r\n <div class=\"booking-options\">\r\n <button type=\"submit\" class=\"btn btn-primary\" style=\"flex: 1;\">Email Request<\/button>\r\n <button type=\"button\" onclick=\"sendWhatsAppBooking()\" class=\"btn\" style=\"background: #25D366; color: white; flex: 1;\">WhatsApp Ride<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"mobile-call-bar\">\r\n <a href=\"tel:+917387211052\">\r\n \ud83d\udcde Call Now to Reserve\r\n <\/a>\r\n <\/div>\r\n\r\n\r\n \r\n <footer>\r\n <div class=\"container\">\r\n\r\n <div class=\"footer-grid\">\r\n\r\n <div class=\"footer-brand\">\r\n <div class=\"logo\">DEMO <span>RENTALS<\/span><\/div>\r\n\r\n <p>\r\n Car & Bike Rental in Chiplun offering well-maintained\r\n vehicles, affordable rates and helpful service.\r\n <\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h4>Contact Us<\/h4>\r\n\r\n <ul>\r\n <li>\ud83d\udcde <a href=\"tel:+917387211052\">073872 11052<\/a><\/li>\r\n <li>\ud83d\udccd Markandi, Chiplun<\/li>\r\n <li>\ud83d\udd50 Open 24 Hours<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <span>\r\n \u00a9 2026 Demo Car & Bike Rental. All Rights Reserved.\r\n <\/span>\r\n\r\n <span>\r\n Chiplun, Maharashtra 415605\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <script>\r\n function openBookingModal(type) {\r\n if (type) {\r\n document.getElementById('vehicleType').value = type;\r\n }\r\n document.getElementById('bookingModal').classList.add('active');\r\n }\r\n\r\n function closeBookingModal() {\r\n document.getElementById('bookingModal').classList.remove('active');\r\n }\r\n\r\n function sendWhatsAppBooking() {\r\n const name = document.getElementById('custName').value;\r\n const phone = document.getElementById('custPhone').value;\r\n const vehicle = document.getElementById('vehicleType').value;\r\n const date = document.getElementById('bookingDate').value;\r\n\r\n if(!name || !phone || !date) {\r\n alert('Please fill in all details before submitting.');\r\n return;\r\n }\r\n\r\n const businessPhone = \"917387211052\"; \r\n const message = `Hello Demo Rentals,%0A%0A*New Booking Request*%0A*Name:* ${encodeURIComponent(name)}%0A*Phone:* ${encodeURIComponent(phone)}%0A*Vehicle:* ${encodeURIComponent(vehicle)}%0A*Date:* ${encodeURIComponent(date)}`;\r\n\r\n window.open(`https:\/\/wa.me\/${businessPhone}?text=${message}`, '_blank');\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Demo Car & Bike Rental | Chiplun DEMO RENTALS \ud83d\udcde Call Now OPEN 24 HOURS \u00b7 CHIPLUN Your Ride. Your … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-560","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=560"}],"version-history":[{"count":25,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/560\/revisions"}],"predecessor-version":[{"id":796,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/560\/revisions\/796"}],"wp:attachment":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}