{"id":6,"date":"2026-05-02T02:00:33","date_gmt":"2026-05-02T02:00:33","guid":{"rendered":"https:\/\/gocabsindia.com\/?page_id=6"},"modified":"2026-05-02T02:13:15","modified_gmt":"2026-05-02T02:13:15","slug":"home-page","status":"publish","type":"page","link":"https:\/\/gocabsindia.com\/","title":{"rendered":"Home Page"},"content":{"rendered":"\n
\n
\n\n\n\n\n\nGo Cabs India \u2013 Ride in Comfort<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n:root {\n --gold: #B8860B;\n --gold-bright: #D4A017;\n --gold-light: #F5E6C0;\n --gold-pale: #FBF5E6;\n --black: #111111;\n --dark: #1A1A1A;\n --text: #1C1C1C;\n --text-mid: #444444;\n --text-muted: #777777;\n --border: #E8E0D0;\n --bg: #FFFFFF;\n --bg-soft: #FAFAF8;\n --bg-warm: #F7F4EE;\n --ff-display: 'Playfair Display', serif;\n --ff-body: 'DM Sans', sans-serif;\n}\n\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--bg);\n color: var(--text);\n font-family: var(--ff-body);\n overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550 NAV \u2550\u2550\u2550 *\/\nnav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 200;\n display: flex; align-items: center; justify-content: space-between;\n padding: 16px 56px;\n background: rgba(255,255,255,0.96);\n border-bottom: 1px solid var(--border);\n backdrop-filter: blur(12px);\n transition: padding 0.3s, box-shadow 0.3s;\n}\nnav.scrolled { padding: 10px 56px; box-shadow: 0 2px 20px rgba(0,0,0,0.07); }\n\n.nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }\n.nav-logo-icon {\n width: 38px; height: 38px; background: var(--gold); border-radius: 8px;\n display: flex; align-items: center; justify-content: center; font-size: 20px;\n}\n.nav-logo-text {\n font-family: var(--ff-display); font-size: 1.35rem; font-weight: 700;\n color: var(--black); letter-spacing: -0.5px;\n}\n.nav-logo-text span { color: var(--gold); }\n\n.nav-links { display: flex; gap: 32px; list-style: none; align-items: center; }\n.nav-links a {\n text-decoration: none; color: var(--text-muted);\n font-size: 0.88rem; font-weight: 500; transition: color 0.2s;\n}\n.nav-links a:hover { color: var(--gold); }\n.nav-phone {\n display: flex; align-items: center; gap: 7px;\n color: var(--gold) !important; font-weight: 700 !important; font-size: 0.9rem !important;\n}\n.nav-cta {\n background: var(--gold) !important; color: #fff !important;\n padding: 9px 22px; border-radius: 7px; font-weight: 700 !important;\n transition: background 0.2s, transform 0.2s;\n}\n.nav-cta:hover { background: var(--gold-bright) !important; transform: translateY(-1px); }\n\n\/* hamburger *\/\n.hamburger {\n display: none; flex-direction: column; gap: 5px;\n cursor: pointer; background: none; border: none; padding: 4px;\n}\n.hamburger span {\n width: 24px; height: 2px; background: var(--text); border-radius: 2px; display: block;\n}\n.mobile-menu {\n display: none; position: fixed;\n top: 64px; left: 0; right: 0;\n background: #fff; border-bottom: 1px solid var(--border);\n padding: 16px 24px; z-index: 199; flex-direction: column; gap: 0;\n box-shadow: 0 8px 30px rgba(0,0,0,0.08);\n}\n.mobile-menu.open { display: flex; }\n.mobile-menu a {\n text-decoration: none; color: var(--text-mid);\n font-size: 1rem; font-weight: 500; padding: 14px 0;\n border-bottom: 1px solid var(--border); transition: color 0.2s;\n}\n.mobile-menu a:last-child { border-bottom: none; color: var(--gold); font-weight: 700; }\n.mobile-menu a:hover { color: var(--gold); }\n\n\/* \u2550\u2550\u2550 HERO \u2550\u2550\u2550 *\/\n.hero {\n min-height: 100vh; display: flex; align-items: center;\n padding: 120px 56px 80px; position: relative; overflow: hidden;\n background: linear-gradient(135deg, #FFFFF8 0%, #FBF6EC 50%, #F7F0E0 100%);\n}\n.hero-decor {\n position: absolute; top: 0; right: 0; bottom: 0; width: 55%;\n background: linear-gradient(145deg, var(--gold-light) 0%, var(--gold-pale) 100%);\n clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);\n z-index: 0;\n}\n.hero-decor::after {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 70% 60% at 70% 50%, rgba(184,134,11,0.15) 0%, transparent 70%);\n}\n.hero-dots {\n position: absolute; top: 80px; left: 50%; width: 300px; height: 300px;\n background-image: radial-gradient(var(--gold-bright) 1.5px, transparent 1.5px);\n background-size: 24px 24px; opacity: 0.15; z-index: 0;\n}\n\n.hero-content { position: relative; z-index: 2; max-width: 600px; }\n.hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--gold); color: #fff;\n border-radius: 100px; padding: 6px 18px;\n font-size: 0.72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\n margin-bottom: 28px; animation: fadeUp 0.6s ease both;\n box-shadow: 0 4px 16px rgba(184,134,11,0.3);\n}\n.hero-title {\n font-family: var(--ff-display);\n font-size: clamp(2.8rem, 5.5vw, 5rem);\n font-weight: 900; line-height: 1.06; letter-spacing: -2px;\n color: var(--black); margin-bottom: 20px;\n animation: fadeUp 0.7s 0.1s ease both;\n}\n.hero-title .gold { color: var(--gold); }\n.hero-title .line2 { display: block; }\n.hero-sub {\n font-size: 1.05rem; line-height: 1.75; color: var(--text-mid);\n margin-bottom: 16px; font-weight: 400; max-width: 480px;\n animation: fadeUp 0.7s 0.15s ease both;\n}\n.hero-phone-line {\n display: flex; align-items: center; gap: 10px;\n margin-bottom: 36px;\n animation: fadeUp 0.7s 0.2s ease both;\n}\n.hero-phone-line a {\n display: inline-flex; align-items: center; gap: 8px;\n color: var(--gold); font-weight: 700; font-size: 1.1rem;\n text-decoration: none; letter-spacing: 0.5px;\n}\n.hero-phone-line a:hover { color: var(--gold-bright); }\n.hero-phone-sep { color: var(--border); font-size: 1.2rem; }\n.hero-phone-label { color: var(--text-muted); font-size: 0.85rem; }\n\n.hero-actions {\n display: flex; gap: 14px; flex-wrap: wrap;\n animation: fadeUp 0.7s 0.25s ease both;\n}\n\n.hero-visual {\n position: absolute; right: 0; bottom: 0; width: 52%; z-index: 1;\n animation: slideInRight 1s 0.3s ease both; pointer-events: none;\n}\n.car-emoji {\n font-size: 200px; text-align: center; display: block;\n filter: drop-shadow(0 20px 40px rgba(184,134,11,0.25));\n animation: float 4s ease-in-out infinite;\n}\n\n\/* \u2550\u2550\u2550 BUTTONS \u2550\u2550\u2550 *\/\n.btn-primary {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--gold); color: #fff;\n padding: 14px 30px; border-radius: 8px;\n font-weight: 700; font-size: 0.92rem;\n text-decoration: none; border: none; cursor: pointer;\n transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n position: relative; z-index: 10;\n box-shadow: 0 4px 20px rgba(184,134,11,0.3);\n}\n.btn-primary:hover {\n background: var(--gold-bright); transform: translateY(-2px);\n box-shadow: 0 8px 28px rgba(184,134,11,0.4);\n}\n.btn-outline {\n display: inline-flex; align-items: center; gap: 8px;\n background: transparent; color: var(--gold);\n padding: 14px 30px; border-radius: 8px;\n font-weight: 600; font-size: 0.92rem;\n text-decoration: none; border: 2px solid var(--gold); cursor: pointer;\n transition: background 0.2s, color 0.2s, transform 0.2s;\n position: relative; z-index: 10;\n}\n.btn-outline:hover { background: var(--gold); color: #fff; transform: translateY(-2px); }\n\n\/* \u2550\u2550\u2550 PHONE BANNER \u2550\u2550\u2550 *\/\n.phone-banner {\n background: var(--gold); color: #fff;\n padding: 18px 56px;\n display: flex; align-items: center; justify-content: center;\n gap: 40px; flex-wrap: wrap;\n position: relative; z-index: 2;\n}\n.phone-banner-item {\n display: flex; align-items: center; gap: 10px;\n font-weight: 600; font-size: 0.95rem;\n}\n.phone-banner-item a { color: #fff; text-decoration: none; font-weight: 700; font-size: 1.05rem; }\n.phone-banner-item a:hover { text-decoration: underline; }\n.phone-sep { opacity: 0.4; font-size: 1.4rem; }\n\n\/* \u2550\u2550\u2550 STATS \u2550\u2550\u2550 *\/\n.stats-strip {\n background: var(--bg-warm);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n padding: 36px 56px;\n display: grid; grid-template-columns: repeat(4, 1fr);\n position: relative; z-index: 2;\n}\n.stat-item {\n text-align: center; padding: 0 20px;\n border-right: 1px solid var(--border);\n}\n.stat-item:last-child { border-right: none; }\n.stat-number {\n font-family: var(--ff-display); font-size: 2.4rem; font-weight: 700;\n color: var(--gold); line-height: 1; margin-bottom: 6px;\n}\n.stat-label {\n font-size: 0.77rem; color: var(--text-muted);\n text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500;\n}\n\n\/* \u2550\u2550\u2550 SECTIONS \u2550\u2550\u2550 *\/\nsection { position: relative; z-index: 2; }\n.section-tag {\n display: block; text-transform: uppercase; letter-spacing: 3px;\n font-size: 0.7rem; color: var(--gold); font-weight: 700; margin-bottom: 10px;\n}\n.section-title {\n font-family: var(--ff-display);\n font-size: clamp(1.8rem, 4vw, 3rem);\n font-weight: 700; letter-spacing: -1px; line-height: 1.1;\n color: var(--black); margin-bottom: 44px;\n}\n\n\/* \u2550\u2550\u2550 BOOKING \u2550\u2550\u2550 *\/\n.booking-section { padding: 90px 56px; background: var(--bg); }\n.booking-card {\n background: var(--bg);\n border: 1.5px solid var(--border);\n border-radius: 18px; padding: 44px;\n max-width: 820px; margin: 0 auto;\n box-shadow: 0 8px 48px rgba(184,134,11,0.08), 0 2px 12px rgba(0,0,0,0.04);\n position: relative; z-index: 5;\n}\n.booking-card::before {\n content: ''; position: absolute;\n top: 0; left: 0; right: 0; height: 4px;\n background: linear-gradient(90deg, var(--gold), var(--gold-bright), var(--gold));\n border-radius: 18px 18px 0 0;\n}\n.booking-tabs {\n display: flex; gap: 0;\n background: var(--bg-warm);\n border-radius: 8px; padding: 4px;\n margin-bottom: 32px; width: 100%;\n border: 1px solid var(--border);\n}\n.tab-btn {\n flex: 1; padding: 10px 12px; border-radius: 6px;\n border: none; background: transparent; color: var(--text-muted);\n font-family: var(--ff-body); font-size: 0.85rem; font-weight: 500;\n cursor: pointer; transition: all 0.2s; white-space: nowrap;\n}\n.tab-btn.active { background: var(--gold); color: #fff; font-weight: 700; box-shadow: 0 2px 8px rgba(184,134,11,0.3); }\n.form-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 18px; margin-bottom: 18px;\n}\n.form-group { display: flex; flex-direction: column; gap: 7px; }\nlabel {\n font-size: 0.72rem; font-weight: 700;\n text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted);\n}\ninput, select {\n background: var(--bg-soft);\n border: 1.5px solid var(--border);\n border-radius: 8px; padding: 13px 15px;\n color: var(--text); font-family: var(--ff-body); font-size: 0.92rem;\n outline: none; width: 100%;\n transition: border-color 0.2s, box-shadow 0.2s;\n -webkit-appearance: none; appearance: none;\n}\ninput:focus, select:focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 3px rgba(184,134,11,0.1);\n background: #fff;\n}\ninput::placeholder { color: #bbb; }\nselect {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat; background-position: right 14px center;\n background-color: var(--bg-soft); padding-right: 40px;\n}\nselect option { background: #fff; color: var(--text); }\n.form-submit {\n width: 100%; padding: 17px;\n font-size: 0.95rem; font-weight: 700; letter-spacing: 1px;\n text-transform: uppercase; margin-top: 6px; border-radius: 8px;\n border: none; cursor: pointer; background: var(--gold); color: #fff;\n font-family: var(--ff-body);\n transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n box-shadow: 0 4px 20px rgba(184,134,11,0.3);\n}\n.form-submit:hover {\n background: var(--gold-bright); transform: translateY(-2px);\n box-shadow: 0 8px 28px rgba(184,134,11,0.4);\n}\n.form-submit:active { transform: translateY(0); }\n\n\/* \u2550\u2550\u2550 SERVICES \u2550\u2550\u2550 *\/\n.services-section { padding: 90px 56px; background: var(--bg-warm); }\n.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n.service-card {\n background: #fff;\n border: 1.5px solid var(--border);\n border-radius: 16px; padding: 34px 28px;\n transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;\n position: relative; overflow: hidden;\n}\n.service-card::after {\n content: ''; position: absolute;\n bottom: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, var(--gold), var(--gold-bright));\n transform: scaleX(0); transform-origin: left;\n transition: transform 0.3s ease;\n}\n.service-card:hover {\n border-color: var(--gold-bright);\n transform: translateY(-5px);\n box-shadow: 0 12px 40px rgba(184,134,11,0.12);\n}\n.service-card:hover::after { transform: scaleX(1); }\n.service-icon {\n width: 54px; height: 54px; background: var(--gold-pale);\n border-radius: 14px; display: flex; align-items: center; justify-content: center;\n font-size: 1.6rem; margin-bottom: 20px;\n border: 1.5px solid var(--gold-light);\n}\n.service-title {\n font-family: var(--ff-display); font-size: 1.2rem; font-weight: 700;\n margin-bottom: 10px; color: var(--black);\n}\n.service-desc { color: var(--text-muted); font-size: 0.87rem; line-height: 1.7; }\n.service-price {\n margin-top: 18px; font-size: 0.86rem; color: var(--gold);\n font-weight: 700; display: inline-block;\n background: var(--gold-pale); padding: 4px 12px; border-radius: 100px;\n}\n\n\/* \u2550\u2550\u2550 HOW IT WORKS \u2550\u2550\u2550 *\/\n.how-section { padding: 90px 56px; background: #fff; }\n.steps-wrap {\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 20px; position: relative;\n}\n.steps-wrap::before {\n content: ''; position: absolute;\n top: 27px; left: 12.5%; right: 12.5%; height: 2px;\n background: linear-gradient(90deg, transparent, var(--gold-light), transparent);\n}\n.step { text-align: center; padding: 0 12px; }\n.step-num {\n width: 56px; height: 56px; background: var(--gold); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-family: var(--ff-display); font-weight: 700; font-size: 1.2rem; color: #fff;\n margin: 0 auto 24px; position: relative; z-index: 1;\n box-shadow: 0 4px 20px rgba(184,134,11,0.35);\n}\n.step-title { font-weight: 700; margin-bottom: 8px; font-size: 0.95rem; color: var(--black); }\n.step-desc { color: var(--text-muted); font-size: 0.83rem; line-height: 1.65; }\n\n\/* \u2550\u2550\u2550 ROUTES \u2550\u2550\u2550 *\/\n.routes-section { padding: 90px 56px; background: var(--bg-warm); }\n.routes-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }\n.route-card {\n background: #fff; border: 1.5px solid var(--border);\n border-radius: 14px; padding: 24px 28px;\n display: flex; align-items: center; justify-content: space-between;\n transition: border-color 0.25s, box-shadow 0.25s, transform 0.2s;\n cursor: pointer; user-select: none;\n}\n.route-card:hover {\n border-color: var(--gold);\n box-shadow: 0 6px 24px rgba(184,134,11,0.12);\n transform: translateY(-3px);\n}\n.route-card:active { transform: scale(0.98); }\n.route-left { display: flex; align-items: center; gap: 0; }\n.route-city { font-weight: 700; font-size: 1rem; color: var(--black); }\n.route-arrow {\n color: var(--gold); font-size: 1.1rem;\n margin: 0 12px; font-weight: 300;\n}\n.route-info { text-align: right; }\n.route-dist { font-size: 0.75rem; color: var(--text-muted); margin-bottom: 4px; }\n.route-price {\n font-size: 1.15rem; font-weight: 800; color: var(--gold);\n font-family: var(--ff-display);\n}\n.route-book-btn {\n background: var(--gold-pale); color: var(--gold);\n border: 1px solid var(--gold-light); border-radius: 6px;\n padding: 6px 14px; font-size: 0.78rem; font-weight: 700;\n margin-left: 16px; white-space: nowrap; transition: background 0.2s;\n}\n.route-card:hover .route-book-btn { background: var(--gold); color: #fff; }\n\n\/* \u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550 *\/\n.testimonials-section { padding: 90px 56px; background: #fff; }\n.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n.testimonial-card {\n background: var(--bg-warm);\n border: 1.5px solid var(--border);\n border-radius: 16px; padding: 32px;\n position: relative;\n}\n.testimonial-card::before {\n content: '\\201C';\n position: absolute; top: 16px; right: 24px;\n font-family: var(--ff-display); font-size: 4rem; color: var(--gold-light);\n line-height: 1;\n}\n.stars { color: var(--gold); margin-bottom: 14px; letter-spacing: 2px; font-size: 0.9rem; }\n.testimonial-text {\n color: var(--text-mid); font-size: 0.9rem; line-height: 1.72;\n margin-bottom: 22px; font-style: italic;\n}\n.testimonial-author { display: flex; align-items: center; gap: 12px; }\n.author-avatar {\n width: 42px; height: 42px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-weight: 700; font-size: 0.88rem; flex-shrink: 0;\n background: var(--gold); color: #fff;\n}\n.author-name { font-weight: 700; font-size: 0.9rem; color: var(--black); }\n.author-loc { font-size: 0.76rem; color: var(--text-muted); }\n\n\/* \u2550\u2550\u2550 CTA \u2550\u2550\u2550 *\/\n.cta-section {\n padding: 90px 56px; text-align: center;\n background: linear-gradient(135deg, var(--black) 0%, #2a2000 100%);\n position: relative; overflow: hidden;\n}\n.cta-section::before {\n content: 'GO CABS';\n position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\n font-family: var(--ff-display); font-size: 10rem; font-weight: 900;\n color: rgba(184,134,11,0.06); white-space: nowrap; pointer-events: none;\n}\n.cta-title {\n font-family: var(--ff-display);\n font-size: clamp(2rem, 4.5vw, 3.4rem);\n font-weight: 700; letter-spacing: -1px; margin-bottom: 14px;\n color: #fff; position: relative;\n}\n.cta-title span { color: var(--gold-bright); }\n.cta-sub { color: rgba(255,255,255,0.65); font-size: 1rem; margin-bottom: 14px; position: relative; }\n.cta-phone {\n display: flex; align-items: center; justify-content: center; gap: 10px;\n margin-bottom: 36px; position: relative;\n}\n.cta-phone a {\n color: var(--gold-bright); font-weight: 700; font-size: 1.4rem;\n text-decoration: none; font-family: var(--ff-display); letter-spacing: 1px;\n}\n.cta-phone a:hover { color: #fff; }\n.cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; position: relative; }\n.cta-btn-outline {\n display: inline-flex; align-items: center; gap: 8px;\n background: transparent; color: #fff;\n padding: 14px 30px; border-radius: 8px;\n font-weight: 600; font-size: 0.92rem;\n text-decoration: none; border: 2px solid rgba(255,255,255,0.3); cursor: pointer;\n transition: border-color 0.2s, background 0.2s;\n}\n.cta-btn-outline:hover { border-color: var(--gold-bright); color: var(--gold-bright); }\n\n\/* \u2550\u2550\u2550 FOOTER \u2550\u2550\u2550 *\/\nfooter {\n background: var(--black);\n border-top: 2px solid var(--gold);\n padding: 60px 56px 28px;\n position: relative; z-index: 2;\n}\n.footer-grid {\n display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 40px; margin-bottom: 44px;\n}\n.footer-brand p {\n color: rgba(255,255,255,0.5); font-size: 0.86rem;\n line-height: 1.7; margin-top: 16px; max-width: 240px; font-weight: 300;\n}\n.footer-logo-text { font-family: var(--ff-display); font-size: 1.3rem; font-weight: 700; color: #fff; }\n.footer-logo-text span { color: var(--gold-bright); }\n.footer-col h4 {\n font-size: 0.72rem; text-transform: uppercase; letter-spacing: 1.5px;\n color: var(--gold-bright); margin-bottom: 16px; font-weight: 700;\n}\n.footer-col ul { list-style: none; }\n.footer-col ul li { margin-bottom: 10px; }\n.footer-col ul li a {\n text-decoration: none; color: rgba(255,255,255,0.5);\n font-size: 0.86rem; transition: color 0.2s;\n}\n.footer-col ul li a:hover { color: var(--gold-bright); }\n.footer-phone-highlight {\n color: var(--gold-bright) !important; font-weight: 700 !important; font-size: 0.95rem !important;\n}\n.footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px;\n display: flex; justify-content: space-between; align-items: center;\n color: rgba(255,255,255,0.3); font-size: 0.78rem;\n}\n.footer-bottom a { color: var(--gold-bright); text-decoration: none; }\n\n\/* \u2550\u2550\u2550 WHATSAPP \u2550\u2550\u2550 *\/\n.wa-float {\n position: fixed; bottom: 28px; right: 28px;\n width: 58px; height: 58px; background: #25D366; border-radius: 50%;\n display: flex; align-items: center; justify-content: center; font-size: 1.6rem;\n box-shadow: 0 6px 20px rgba(37,211,102,0.4); cursor: pointer;\n z-index: 300; text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n animation: waPulse 2.5s ease-in-out infinite;\n}\n.wa-float:hover { transform: scale(1.1); box-shadow: 0 10px 30px rgba(37,211,102,0.55); }\n\n\/* \u2550\u2550\u2550 TOAST \u2550\u2550\u2550 *\/\n.toast {\n position: fixed; bottom: 28px; left: 50%;\n transform: translateX(-50%) translateY(120px);\n background: var(--gold); color: #fff;\n padding: 13px 26px; border-radius: 8px;\n font-weight: 700; font-size: 0.88rem;\n z-index: 400; pointer-events: none;\n transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);\n white-space: nowrap; box-shadow: 0 6px 24px rgba(184,134,11,0.3);\n}\n.toast.show { transform: translateX(-50%) translateY(0); }\n\n\/* \u2550\u2550\u2550 REVEAL \u2550\u2550\u2550 *\/\n.reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.6s ease, transform 0.6s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n\n\/* \u2550\u2550\u2550 KEYFRAMES \u2550\u2550\u2550 *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes slideInRight {\n from { opacity: 0; transform: translateX(60px); }\n to { opacity: 1; transform: translateX(0); }\n}\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n}\n@keyframes waPulse {\n 0%, 100% { box-shadow: 0 6px 20px rgba(37,211,102,0.4); }\n 50% { box-shadow: 0 6px 32px rgba(37,211,102,0.7); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOBILE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 900px) {\n nav { padding: 14px 20px; }\n nav.scrolled { padding: 10px 20px; }\n .nav-links { display: none; }\n .hamburger { display: flex; }\n\n .hero { padding: 90px 20px 56px; min-height: auto; }\n .hero-decor { display: none; }\n .hero-visual { display: none; }\n .hero-title { letter-spacing: -1px; }\n .hero-bg { background: linear-gradient(160deg, #FFFFF8 0%, #FBF6EC 100%); }\n\n .phone-banner { padding: 16px 20px; gap: 16px; }\n\n .stats-strip { grid-template-columns: repeat(2,1fr); padding: 28px 20px; gap: 20px; }\n .stat-item { border-right: none; }\n .stat-item:nth-child(odd) { border-right: 1px solid var(--border); }\n\n .booking-section { padding: 60px 20px; }\n .booking-card { padding: 24px 18px; }\n .form-grid { grid-template-columns: 1fr; gap: 14px; }\n .booking-tabs { flex-wrap: wrap; }\n .tab-btn { font-size: 0.8rem; padding: 8px 10px; }\n .section-title { margin-bottom: 28px; }\n\n .services-section { padding: 60px 20px; }\n .services-grid { grid-template-columns: 1fr; }\n\n .how-section { padding: 60px 20px; }\n .steps-wrap { grid-template-columns: 1fr 1fr; gap: 28px; row-gap: 36px; }\n .steps-wrap::before { display: none; }\n\n .routes-section { padding: 60px 20px; }\n .routes-grid { grid-template-columns: 1fr; }\n .route-book-btn { display: none; }\n\n .testimonials-section { padding: 60px 20px; }\n .testimonials-grid { grid-template-columns: 1fr; }\n\n .cta-section { padding: 60px 20px; }\n .cta-section::before { font-size: 3rem; }\n .cta-actions { flex-direction: column; align-items: center; }\n\n footer { padding: 40px 20px 24px; }\n .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }\n .footer-brand { grid-column: 1 \/ -1; }\n .footer-brand p { max-width: 100%; }\n .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }\n\n .wa-float { bottom: 18px; right: 18px; width: 52px; height: 52px; font-size: 1.4rem; }\n}\n@media (max-width: 480px) {\n .steps-wrap { grid-template-columns: 1fr; }\n .footer-grid { grid-template-columns: 1fr; }\n .booking-tabs { display: grid; grid-template-columns: 1fr 1fr; }\n .hero-badge { font-size: 0.62rem; }\n .phone-banner { flex-direction: column; gap: 10px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav id=\"navbar\">\n <a href=\"#\" class=\"nav-logo\">\n <div class=\"nav-logo-icon\">🚗<\/div>\n <div class=\"nav-logo-text\">Go<span>Cabs<\/span> India<\/div>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#how\">How It Works<\/a><\/li>\n <li><a href=\"#routes\">Routes<\/a><\/li>\n <li><a href=\"tel:+919501020033\" class=\"nav-phone\">📞 95010 20033<\/a><\/li>\n <li><a href=\"#booking\" class=\"nav-cta\">Book Now<\/a><\/li>\n <\/ul>\n <button class=\"hamburger\" id=\"hamburger\" onclick=\"toggleMenu()\" aria-label=\"Menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n\n<!-- MOBILE MENU -->\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n <a href=\"#services\" onclick=\"closeMenu()\">Services<\/a>\n <a href=\"#how\" onclick=\"closeMenu()\">How It Works<\/a>\n <a href=\"#routes\" onclick=\"closeMenu()\">Routes<\/a>\n <a href=\"tel:+919501020033\" onclick=\"closeMenu()\">📞 95010 20033<\/a>\n <a href=\"#booking\" onclick=\"closeMenu()\">🚗 Book a Cab<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-decor\"><\/div>\n <div class=\"hero-dots\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\">🇮🇳 Trusted Across North India<\/div>\n <h1 class=\"hero-title\">\n Ride in <span class=\"gold\">Comfort,<\/span>\n <span class=\"line2\">Arrive in Style.<\/span>\n <\/h1>\n <p class=\"hero-sub\">Premium cab service for airport transfers, outstation trips and city rides across Punjab, Chandigarh, Delhi, Himachal and beyond — available 24\/7.<\/p>\n <div class=\"hero-phone-line\">\n <a href=\"tel:+919501020033\">📞 +91 95010 20033<\/a>\n <span class=\"hero-phone-sep\">|<\/span>\n <span class=\"hero-phone-label\">Call to Book Instantly<\/span>\n <\/div>\n <div class=\"hero-actions\">\n <a href=\"#booking\" class=\"btn-primary\">📍 Book a Cab<\/a>\n <a href=\"tel:+919501020033\" class=\"btn-outline\">📞 Call Now<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <span class=\"car-emoji\">🚕<\/span>\n <\/div>\n<\/section>\n\n<!-- PHONE BANNER -->\n<div class=\"phone-banner\">\n <div class=\"phone-banner-item\">\n <span>📞<\/span>\n <span>Book Instantly:<\/span>\n <a href=\"tel:+919501020033\">+91 95010 20033<\/a>\n <\/div>\n <span class=\"phone-sep\">|<\/span>\n <div class=\"phone-banner-item\">⏳ Available 24 \/ 7    ✔ No Hidden Charges    ✔ AC Cabs    ✔ Professional Drivers<\/div>\n<\/div>\n\n<!-- STATS -->\n<div class=\"stats-strip\">\n <div class=\"stat-item\">\n <div class=\"stat-number\" data-target=\"12000\">0<\/div>\n <div class=\"stat-label\">Happy Riders<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\" data-target=\"50\">0<\/div>\n <div class=\"stat-label\">Cities Covered<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\" data-target=\"4.9\">0<\/div>\n <div class=\"stat-label\">Avg. Rating<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\" data-target=\"24\">0<\/div>\n <div class=\"stat-label\">Hours Available<\/div>\n <\/div>\n<\/div>\n\n<!-- BOOKING -->\n<section class=\"booking-section\" id=\"booking\">\n <div class=\"section-tag reveal\" style=\"text-align:center\">Quick Booking<\/div>\n <h2 class=\"section-title reveal\" style=\"text-align:center\">Book Your <span style=\"color:var(--gold)\">Cab<\/span><\/h2>\n <div class=\"booking-card reveal\">\n <div class=\"booking-tabs\">\n <button class=\"tab-btn active\" onclick=\"switchTab(this)\">One Way<\/button>\n <button class=\"tab-btn\" onclick=\"switchTab(this)\">Round Trip<\/button>\n <button class=\"tab-btn\" onclick=\"switchTab(this)\">Airport<\/button>\n <button class=\"tab-btn\" onclick=\"switchTab(this)\">Hourly<\/button>\n <\/div>\n <div class=\"form-grid\">\n <div class=\"form-group\">\n <label for=\"pickup\">Pickup City<\/label>\n <input type=\"text\" id=\"pickup\" placeholder=\"e.g. Chandigarh\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"drop\">Drop City<\/label>\n <input type=\"text\" id=\"drop\" placeholder=\"e.g. Delhi\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"date\">Pickup Date<\/label>\n <input type=\"date\" id=\"date\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"rtime\">Pickup Time<\/label>\n <input type=\"time\" id=\"rtime\" value=\"09:00\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"cartype\">Car Type<\/label>\n <select id=\"cartype\">\n <option>Maruti Ertiga – 7 Seater<\/option>\n <option>Toyota Innova – 7 Seater<\/option>\n <option>Swift Dzire – 4 Seater<\/option>\n <option>Tempo Traveller – 12 Seater<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone\">Your Phone Number<\/label>\n <input type=\"tel\" id=\"phone\" placeholder=\"+91 98765 43210\">\n <\/div>\n <\/div>\n <button class=\"form-submit\" onclick=\"handleBooking()\">🚗 Confirm Booking →<\/button>\n <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"services-section\" id=\"services\">\n <div class=\"section-tag reveal\">What We Offer<\/div>\n <h2 class=\"section-title reveal\">Our <span style=\"color:var(--gold)\">Services<\/span><\/h2>\n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">✈️<\/div>\n <div class=\"service-title\">Airport Transfers<\/div>\n <div class=\"service-desc\">Punctual pickups and drops for Chandigarh, Delhi, Amritsar airports. Flight-tracked arrivals.<\/div>\n <div class=\"service-price\">Starting Rs.999<\/div>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">🛣️<\/div>\n <div class=\"service-title\">Outstation Trips<\/div>\n <div class=\"service-desc\">One-way and round trips to Manali, Shimla, Jammu, Delhi, Amritsar and all of India.<\/div>\n <div class=\"service-price\">Starts Rs.4,000<\/div>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">🏢<\/div>\n <div class=\"service-title\">City Rides<\/div>\n <div class=\"service-desc\">Reliable intra-city cab service within Chandigarh, Patiala, Ludhiana and other Punjab cities.<\/div>\n <div class=\"service-price\">Starting Rs.399<\/div>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">🏕️<\/div>\n <div class=\"service-title\">Tour Packages<\/div>\n <div class=\"service-desc\">Curated road trips to Himachal, Ladakh, Rajasthan with AC cabs and experienced hill drivers.<\/div>\n <div class=\"service-price\">Custom Quote<\/div>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">🏢<\/div>\n <div class=\"service-title\">Corporate Cabs<\/div>\n <div class=\"service-desc\">Monthly contracts, employee shuttles and executive transfers for businesses of all sizes.<\/div>\n <div class=\"service-price\">Monthly Plans<\/div>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">🕐<\/div>\n <div class=\"service-title\">Hourly Rentals<\/div>\n <div class=\"service-desc\">Book a cab by the hour for local errands, meetings or full-day city trips at flat rates.<\/div>\n <div class=\"service-price\">Rs.150\/hr onwards<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- HOW IT WORKS -->\n<section class=\"how-section\" id=\"how\">\n <div class=\"section-tag reveal\" style=\"text-align:center\">Simple Process<\/div>\n <h2 class=\"section-title reveal\" style=\"text-align:center\">How It <span style=\"color:var(--gold)\">Works<\/span><\/h2>\n <div class=\"steps-wrap\">\n <div class=\"step reveal\">\n <div class=\"step-num\">1<\/div>\n <div class=\"step-title\">Enter Details<\/div>\n <div class=\"step-desc\">Enter pickup, drop, date and car type in the booking form above.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">2<\/div>\n <div class=\"step-title\">Get Confirmed<\/div>\n <div class=\"step-desc\">We call you at <strong>95010 20033<\/strong> within minutes to confirm your ride.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">3<\/div>\n <div class=\"step-title\">Driver Assigned<\/div>\n <div class=\"step-desc\">A verified, professional driver is assigned and you get their details.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">4<\/div>\n <div class=\"step-title\">Enjoy the Ride<\/div>\n <div class=\"step-desc\">Sit back, relax and travel in comfort to your destination.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ROUTES -->\n<section class=\"routes-section\" id=\"routes\">\n <div class=\"section-tag reveal\">Popular Routes<\/div>\n <h2 class=\"section-title reveal\">Top <span style=\"color:var(--gold)\">Destinations<\/span> & Prices<\/h2>\n <div class=\"routes-grid\">\n <div class=\"route-card reveal\" onclick=\"fillRoute('Chandigarh','Delhi')\">\n <div class=\"route-left\">\n <span class=\"route-city\">Chandigarh<\/span>\n <span class=\"route-arrow\">→<\/span>\n <span class=\"route-city\">Delhi<\/span>\n <\/div>\n <div class=\"route-info\">\n <div class=\"route-dist\">250 km · ~4.5 hrs<\/div>\n <div class=\"route-price\">₹4,500<\/div>\n <\/div>\n <div class=\"route-book-btn\">Book →<\/div>\n <\/div>\n <div class=\"route-card reveal\" onclick=\"fillRoute('Chandigarh','Manali')\">\n <div class=\"route-left\">\n <span class=\"route-city\">Chandigarh<\/span>\n <span class=\"route-arrow\">→<\/span>\n <span class=\"route-city\">Manali<\/span>\n <\/div>\n <div class=\"route-info\">\n <div class=\"route-dist\">310 km · ~7 hrs<\/div>\n <div class=\"route-price\">₹5,500<\/div>\n <\/div>\n <div class=\"route-book-btn\">Book →<\/div>\n <\/div>\n <div class=\"route-card reveal\" onclick=\"fillRoute('Chandigarh','Jammu')\">\n <div class=\"route-left\">\n <span class=\"route-city\">Chandigarh<\/span>\n <span class=\"route-arrow\">→<\/span>\n <span class=\"route-city\">Jammu<\/span>\n <\/div>\n <div class=\"route-info\">\n <div class=\"route-dist\">190 km · ~4 hrs<\/div>\n <div class=\"route-price\">₹6,000<\/div>\n <\/div>\n <div class=\"route-book-btn\">Book →<\/div>\n <\/div>\n <div class=\"route-card reveal\" onclick=\"fillRoute('Chandigarh','Shimla')\">\n <div class=\"route-left\">\n <span class=\"route-city\">Chandigarh<\/span>\n <span class=\"route-arrow\">→<\/span>\n <span class=\"route-city\">Shimla<\/span>\n <\/div>\n <div class=\"route-info\">\n <div class=\"route-dist\">115 km · ~2.5 hrs<\/div>\n <div class=\"route-price\">₹4,000<\/div>\n <\/div>\n <div class=\"route-book-btn\">Book →<\/div>\n <\/div>\n <\/div>\n <p style=\"text-align:center; margin-top:28px; color:var(--text-muted); font-size:0.85rem;\">\n ⓘ  Prices shown are one-way for standard sedan. Click any route to auto-fill the booking form above.\n <\/p>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section class=\"testimonials-section\">\n <div class=\"section-tag reveal\" style=\"text-align:center\">Reviews<\/div>\n <h2 class=\"section-title reveal\" style=\"text-align:center\">What <span style=\"color:var(--gold)\">Riders Say<\/span><\/h2>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">★★★★★<\/div>\n <div class=\"testimonial-text\">“Booked a Chandigarh to Delhi cab at 5 AM. Driver was on time, car was spotless and the ride was super comfortable. Will use every time.”<\/div>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">RK<\/div>\n <div><div class=\"author-name\">Rajveer Kaur<\/div><div class=\"author-loc\">Chandigarh<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">★★★★★<\/div>\n <div class=\"testimonial-text\">“Excellent service for airport pick-up. They tracked our flight delay and were waiting when we landed. Very professional team.”<\/div>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">AS<\/div>\n <div><div class=\"author-name\">Amit Sharma<\/div><div class=\"author-loc\">Patiala<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">★★★★★<\/div>\n <div class=\"testimonial-text\">“Used Go Cabs for a Manali family trip. The Ertiga was well maintained and the driver knew the hill roads perfectly. Highly recommend!”<\/div>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">PG<\/div>\n <div><div class=\"author-name\">Priya Garg<\/div><div class=\"author-loc\">Ludhiana<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta-section\">\n <h2 class=\"cta-title\">Ready to <span>Go?<\/span><\/h2>\n <p class=\"cta-sub\">Book in 60 seconds. No hidden charges. 100% transparent pricing.<\/p>\n <div class=\"cta-phone\">\n <span style=\"color:rgba(255,255,255,0.6); font-size:1rem;\">Call us directly:<\/span>\n <a href=\"tel:+919501020033\">📞 +91 95010 20033<\/a>\n <\/div>\n <div class=\"cta-actions\">\n <a href=\"#booking\" class=\"btn-primary\">🚗 Book a Cab Now<\/a>\n <a href=\"https:\/\/wa.me\/919501020033\" class=\"cta-btn-outline\" target=\"_blank\">💬 WhatsApp Us<\/a>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div style=\"display:flex;align-items:center;gap:10px;\">\n <div class=\"nav-logo-icon\">🚗<\/div>\n <div class=\"footer-logo-text\">Go<span>Cabs<\/span> India<\/div>\n <\/div>\n <p>Trusted cab service across Punjab, Chandigarh and North India. Safe, on-time and affordable rides for every journey.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Services<\/h4>\n <ul>\n <li><a href=\"#services\">Airport Transfer<\/a><\/li>\n <li><a href=\"#services\">Outstation Trips<\/a><\/li>\n <li><a href=\"#services\">City Rides<\/a><\/li>\n <li><a href=\"#services\">Tour Packages<\/a><\/li>\n <li><a href=\"#services\">Corporate Cabs<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Top Routes<\/h4>\n <ul>\n <li><a href=\"#routes\">Chandigarh to Delhi<\/a><\/li>\n <li><a href=\"#routes\">Chandigarh to Manali<\/a><\/li>\n <li><a href=\"#routes\">Chandigarh to Jammu<\/a><\/li>\n <li><a href=\"#routes\">Chandigarh to Shimla<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Contact<\/h4>\n <ul>\n <li><a href=\"tel:+919501020033\" class=\"footer-phone-highlight\">📞 +91 95010 20033<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/919501020033\" target=\"_blank\">💬 WhatsApp Us<\/a><\/li>\n <li><a href=\"#\">📍 Patiala, Punjab<\/a><\/li>\n <li><a href=\"#\">🕐 24 \/ 7 Support<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>© 2025 GoCabs India. All rights reserved.<\/span>\n <span>Made with ❤️ in Punjab  |  <a href=\"#\">Privacy<\/a> · <a href=\"#\">Terms<\/a><\/span>\n <\/div>\n<\/footer>\n\n<!-- WHATSAPP FLOAT -->\n<a href=\"https:\/\/wa.me\/919501020033\" class=\"wa-float\" target=\"_blank\" title=\"WhatsApp Us\">💬<\/a>\n\n<!-- TOAST -->\n<div class=\"toast\" id=\"toast\"><\/div>\n\n<script>\n \/* NAV SCROLL *\/\n var navbar = document.getElementById('navbar');\n window.addEventListener('scroll', function() {\n navbar.classList.toggle('scrolled', window.scrollY > 60);\n });\n\n \/* MOBILE MENU *\/\n function toggleMenu() { document.getElementById('mobileMenu').classList.toggle('open'); }\n function closeMenu() { document.getElementById('mobileMenu').classList.remove('open'); }\n\n \/* REVEAL *\/\n var ro = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry, idx) {\n if (entry.isIntersecting) {\n var el = entry.target;\n setTimeout(function() { el.classList.add('visible'); }, idx * 60);\n ro.unobserve(el);\n }\n });\n }, { threshold: 0.05, rootMargin: '0px 0px -20px 0px' });\n document.querySelectorAll('.reveal').forEach(function(el) { ro.observe(el); });\n\n \/* COUNTERS *\/\n var co = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (!entry.isIntersecting) return;\n var el = entry.target;\n var target = parseFloat(el.getAttribute('data-target'));\n var isFloat = target % 1 !== 0;\n var dur = 1400, t0 = null;\n function tick(ts) {\n if (!t0) t0 = ts;\n var p = Math.min((ts - t0) \/ dur, 1);\n var e = 1 - Math.pow(1 - p, 3);\n el.textContent = isFloat ? (target * e).toFixed(1) : Math.floor(target * e).toLocaleString('en-IN');\n if (p < 1) requestAnimationFrame(tick);\n else el.textContent = isFloat ? target.toFixed(1) : target.toLocaleString('en-IN');\n }\n requestAnimationFrame(tick);\n co.unobserve(el);\n });\n }, { threshold: 0.3 });\n document.querySelectorAll('.stat-number').forEach(function(el) { co.observe(el); });\n\n \/* TABS *\/\n function switchTab(btn) {\n document.querySelectorAll('.tab-btn').forEach(function(b) { b.classList.remove('active'); });\n btn.classList.add('active');\n }\n\n \/* FILL ROUTE *\/\n function fillRoute(from, to) {\n document.getElementById('pickup').value = from;\n document.getElementById('drop').value = to;\n document.getElementById('booking').scrollIntoView({ behavior: 'smooth' });\n }\n\n \/* BOOKING *\/\n function handleBooking() {\n var pickup = document.getElementById('pickup').value.trim();\n var drop = document.getElementById('drop').value.trim();\n var phone = document.getElementById('phone').value.trim();\n var date = document.getElementById('date').value;\n var time = document.getElementById('rtime').value;\n var car = document.getElementById('cartype').value;\n\n if (!pickup || !drop || !phone || !date) {\n showToast('Please fill in all fields.', '#c0392b'); return;\n }\n var digits = phone.replace(\/\\D\/g,'');\n if (digits.length < 10) {\n showToast('Enter a valid 10-digit phone number.', '#c0392b'); return;\n }\n var msg = encodeURIComponent(\n 'GoCabs India Booking\\n\\nFrom: ' + pickup +\n '\\nTo: ' + drop +\n '\\nDate: ' + date + ' at ' + time +\n '\\nCar: ' + car +\n '\\nCustomer Phone: ' + phone\n );\n showToast('Booking sent! We will call you shortly.', '');\n setTimeout(function() {\n window.open('https:\/\/wa.me\/919501020033?text=' + msg, '_blank');\n }, 1200);\n }\n\n \/* TOAST *\/\n function showToast(msg, bg) {\n var t = document.getElementById('toast');\n t.textContent = msg;\n t.style.background = bg || 'var(--gold)';\n t.style.color = '#fff';\n t.classList.add('show');\n setTimeout(function() { t.classList.remove('show'); }, 3500);\n }\n\n \/* MIN DATE *\/\n document.getElementById('date').min = new Date().toISOString().split('T')[0];\n<\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go Cabs India \u2013 Ride in Comfort 🚗 GoCabs India Services How It Works Routes 📞 95010 20033 Book Now Services How It Works Routes 📞 95010 20033 🚗 Book a Cab 🇮🇳 Trusted Across North India Ride in Comfort, Arrive in Style. Premium cab service for airport transfers, outstation trips and city rides across…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gocabsindia.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gocabsindia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gocabsindia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gocabsindia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gocabsindia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":4,"href":"https:\/\/gocabsindia.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/gocabsindia.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/gocabsindia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}