{"id":6,"date":"2026-09-09T12:37:04","date_gmt":"2026-09-09T12:37:04","guid":{"rendered":"https:\/\/cheapride.adfitness.com.ng\/?page_id=6"},"modified":"2026-09-09T12:40:05","modified_gmt":"2026-09-09T12:40:05","slug":"home","status":"publish","type":"page","link":"https:\/\/cheapride.adfitness.com.ng\/?page_id=6","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- =========================================================\n     CHEAPRIDE LANDING PAGE\n     WordPress \/ Elementor HTML Widget\n     ========================================================= -->\n\n<style>\n\/* =========================================================\n   CHEAPRIDE \u2014 GLOBAL\n   ========================================================= *\/\n\n#cheapride-page {\n    --cr-primary: #0B5CFF;\n    --cr-primary-dark: #0647D6;\n    --cr-dark: #07111F;\n    --cr-dark-2: #0D1B2E;\n    --cr-text: #172033;\n    --cr-muted: #6B7280;\n    --cr-light: #F5F8FC;\n    --cr-white: #FFFFFF;\n    --cr-border: #E7ECF3;\n    --cr-green: #16A34A;\n    --cr-orange: #F59E0B;\n    --cr-radius: 24px;\n\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n        Roboto, Helvetica, Arial, sans-serif;\n\n    color: var(--cr-text);\n    background: #fff;\n    overflow: hidden;\n    line-height: 1.6;\n}\n\n#cheapride-page *,\n#cheapride-page *::before,\n#cheapride-page *::after {\n    box-sizing: border-box;\n}\n\n#cheapride-page a {\n    text-decoration: none;\n    color: inherit;\n}\n\n#cheapride-page img {\n    max-width: 100%;\n    display: block;\n}\n\n.cr-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.cr-section {\n    padding: 110px 0;\n}\n\n.cr-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: var(--cr-primary);\n    margin-bottom: 18px;\n}\n\n.cr-eyebrow::before {\n    content: \"\";\n    width: 28px;\n    height: 2px;\n    background: currentColor;\n}\n\n.cr-section-title {\n    font-size: clamp(36px, 5vw, 62px);\n    line-height: 1.05;\n    letter-spacing: -0.045em;\n    margin: 0;\n    font-weight: 850;\n}\n\n.cr-section-subtitle {\n    color: var(--cr-muted);\n    font-size: 18px;\n    max-width: 650px;\n    margin: 22px auto 0;\n}\n\n.cr-center {\n    text-align: center;\n}\n\n\n\/* =========================================================\n   NAVIGATION\n   ========================================================= *\/\n\n.cr-nav {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n    padding: 18px 0;\n    transition: .3s ease;\n}\n\n.cr-nav.scrolled {\n    background: rgba(255,255,255,.92);\n    backdrop-filter: blur(18px);\n    box-shadow: 0 8px 30px rgba(0,0,0,.06);\n}\n\n.cr-nav-inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n}\n\n.cr-logo {\n    font-size: 27px;\n    font-weight: 900;\n    letter-spacing: -0.05em;\n    color: #fff !important;\n}\n\n.cr-nav.scrolled .cr-logo {\n    color: var(--cr-dark) !important;\n}\n\n.cr-logo span {\n    color: var(--cr-primary);\n}\n\n.cr-nav-links {\n    display: flex;\n    align-items: center;\n    gap: 34px;\n}\n\n.cr-nav-links a {\n    color: rgba(255,255,255,.86);\n    font-size: 14px;\n    font-weight: 650;\n    transition: .2s;\n}\n\n.cr-nav.scrolled .cr-nav-links a {\n    color: #445066;\n}\n\n.cr-nav-links a:hover {\n    color: var(--cr-primary) !important;\n}\n\n.cr-nav-button {\n    background: #fff;\n    color: var(--cr-dark) !important;\n    padding: 11px 20px;\n    border-radius: 999px;\n    font-weight: 800 !important;\n}\n\n.cr-nav.scrolled .cr-nav-button {\n    background: var(--cr-primary);\n    color: #fff !important;\n}\n\n.cr-menu {\n    display: none;\n    width: 42px;\n    height: 42px;\n    border: 0;\n    border-radius: 12px;\n    background: rgba(255,255,255,.12);\n    cursor: pointer;\n}\n\n.cr-menu span {\n    display: block;\n    width: 20px;\n    height: 2px;\n    background: #fff;\n    margin: 5px auto;\n}\n\n.cr-nav.scrolled .cr-menu {\n    background: #eef3fa;\n}\n\n.cr-nav.scrolled .cr-menu span {\n    background: var(--cr-dark);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.cr-hero {\n    position: relative;\n    min-height: 860px;\n    display: flex;\n    align-items: center;\n    color: #fff;\n    background:\n        radial-gradient(circle at 78% 25%, rgba(11,92,255,.5), transparent 28%),\n        radial-gradient(circle at 15% 80%, rgba(23,162,74,.12), transparent 25%),\n        linear-gradient(135deg, #050C16 0%, #0B1829 52%, #06111E 100%);\n}\n\n.cr-hero-grid {\n    position: absolute;\n    inset: 0;\n    opacity: .07;\n    background-image:\n        linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);\n    background-size: 70px 70px;\n}\n\n.cr-hero-inner {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1.05fr .95fr;\n    gap: 70px;\n    align-items: center;\n}\n\n.cr-hero-copy {\n    padding-top: 70px;\n}\n\n.cr-hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 8px 13px;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.06);\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    margin-bottom: 24px;\n}\n\n.cr-pulse {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #39D98A;\n    box-shadow: 0 0 0 5px rgba(57,217,138,.12);\n}\n\n.cr-hero h1 {\n    font-size: clamp(52px, 7vw, 88px);\n    line-height: .96;\n    letter-spacing: -.065em;\n    margin: 0;\n    font-weight: 900;\n}\n\n.cr-hero h1 span {\n    color: #5C93FF;\n}\n\n.cr-hero-description {\n    max-width: 590px;\n    color: rgba(255,255,255,.68);\n    font-size: 19px;\n    margin: 28px 0 34px;\n}\n\n.cr-hero-buttons {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n}\n\n.cr-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    padding: 15px 23px;\n    border-radius: 13px;\n    font-weight: 800;\n    font-size: 14px;\n    transition: .25s ease;\n}\n\n.cr-btn-primary {\n    background: var(--cr-primary);\n    color: #fff !important;\n    box-shadow: 0 15px 35px rgba(11,92,255,.28);\n}\n\n.cr-btn-primary:hover {\n    transform: translateY(-3px);\n    background: var(--cr-primary-dark);\n}\n\n.cr-btn-outline {\n    border: 1px solid rgba(255,255,255,.18);\n    color: #fff !important;\n    background: rgba(255,255,255,.05);\n}\n\n.cr-btn-outline:hover {\n    background: rgba(255,255,255,.1);\n}\n\n.cr-hero-note {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 30px;\n    color: rgba(255,255,255,.48);\n    font-size: 13px;\n}\n\n.cr-mini-avatars {\n    display: flex;\n}\n\n.cr-mini-avatar {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: linear-gradient(135deg,#4D82FF,#183F99);\n    border: 2px solid #0B1829;\n    margin-left: -7px;\n}\n\n.cr-mini-avatar:first-child {\n    margin-left: 0;\n}\n\n\n\/* HERO VISUAL *\/\n\n.cr-hero-visual {\n    position: relative;\n    min-height: 600px;\n}\n\n.cr-phone {\n    position: absolute;\n    width: 285px;\n    height: 570px;\n    border-radius: 42px;\n    background: #0D1522;\n    border: 7px solid #1D2A3B;\n    box-shadow:\n        0 50px 100px rgba(0,0,0,.45),\n        inset 0 0 0 1px rgba(255,255,255,.08);\n    overflow: hidden;\n    top: 25px;\n    right: 80px;\n    transform: rotate(4deg);\n}\n\n.cr-phone::before {\n    content: \"\";\n    position: absolute;\n    width: 95px;\n    height: 22px;\n    border-radius: 0 0 15px 15px;\n    background: #0A1019;\n    left: 50%;\n    transform: translateX(-50%);\n    top: 0;\n    z-index: 5;\n}\n\n.cr-phone-screen {\n    position: absolute;\n    inset: 0;\n    padding: 45px 18px 20px;\n    background: #F5F8FC;\n    color: #172033;\n}\n\n.cr-phone-top {\n    display: flex;\n    justify-content: space-between;\n    font-size: 11px;\n    font-weight: 800;\n    margin-bottom: 25px;\n}\n\n.cr-map {\n    height: 275px;\n    border-radius: 22px;\n    background:\n        radial-gradient(circle at 62% 47%, rgba(11,92,255,.25) 0 5px, transparent 6px),\n        linear-gradient(125deg,#DDE7EF 0 20%,transparent 20% 22%,#E6EEF4 22% 45%,transparent 45% 47%,#DCE8F0 47% 70%,transparent 70%),\n        #EAF0F5;\n    position: relative;\n    overflow: hidden;\n}\n\n.cr-map::before,\n.cr-map::after {\n    content: \"\";\n    position: absolute;\n    background: rgba(255,255,255,.95);\n    transform: rotate(28deg);\n}\n\n.cr-map::before {\n    width: 150%;\n    height: 7px;\n    top: 45%;\n    left: -20%;\n}\n\n.cr-map::after {\n    width: 150%;\n    height: 5px;\n    top: 65%;\n    left: -15%;\n    transform: rotate(-18deg);\n}\n\n.cr-map-pin {\n    position: absolute;\n    width: 45px;\n    height: 45px;\n    border-radius: 50% 50% 50% 0;\n    background: var(--cr-primary);\n    transform: rotate(-45deg);\n    left: 52%;\n    top: 43%;\n    box-shadow: 0 10px 25px rgba(11,92,255,.3);\n    z-index: 3;\n}\n\n.cr-map-pin::after {\n    content: \"\";\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    border-radius: 50%;\n    background: #fff;\n    left: 16px;\n    top: 16px;\n}\n\n.cr-phone-card {\n    margin-top: -18px;\n    position: relative;\n    z-index: 4;\n    background: #fff;\n    border-radius: 19px;\n    padding: 18px;\n    box-shadow: 0 15px 35px rgba(16,31,54,.12);\n}\n\n.cr-phone-card-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.cr-driver {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.cr-driver-avatar {\n    width: 42px;\n    height: 42px;\n    border-radius: 13px;\n    background: linear-gradient(135deg,#BCD0FF,#557EDB);\n}\n\n.cr-driver small {\n    display: block;\n    color: #8A93A4;\n    font-size: 10px;\n}\n\n.cr-driver strong {\n    display: block;\n    font-size: 13px;\n}\n\n.cr-rating {\n    font-size: 11px;\n    font-weight: 800;\n}\n\n.cr-floating-card {\n    position: absolute;\n    padding: 16px 18px;\n    border-radius: 18px;\n    background: rgba(255,255,255,.96);\n    color: var(--cr-dark);\n    box-shadow: 0 25px 55px rgba(0,0,0,.25);\n    z-index: 5;\n}\n\n.cr-floating-card.one {\n    top: 90px;\n    left: 0;\n}\n\n.cr-floating-card.two {\n    bottom: 115px;\n    right: 0;\n}\n\n.cr-floating-card strong {\n    display: block;\n    font-size: 18px;\n}\n\n.cr-floating-card small {\n    color: #7B8494;\n}\n\n\n\/* =========================================================\n   SERVICE INTRO\n   ========================================================= *\/\n\n.cr-services-intro {\n    padding: 90px 0 45px;\n}\n\n.cr-service-tabs {\n    display: grid;\n    grid-template-columns: repeat(4,1fr);\n    gap: 14px;\n    margin-top: 55px;\n}\n\n.cr-service-tab {\n    padding: 25px;\n    border: 1px solid var(--cr-border);\n    border-radius: 20px;\n    background: #fff;\n    transition: .3s;\n}\n\n.cr-service-tab:hover {\n    border-color: #BFD2FF;\n    transform: translateY(-5px);\n    box-shadow: 0 15px 35px rgba(14,48,100,.08);\n}\n\n.cr-service-icon {\n    width: 48px;\n    height: 48px;\n    display: grid;\n    place-items: center;\n    border-radius: 15px;\n    background: #EEF4FF;\n    font-size: 23px;\n    margin-bottom: 18px;\n}\n\n.cr-service-tab h3 {\n    margin: 0 0 7px;\n    font-size: 18px;\n}\n\n.cr-service-tab p {\n    color: var(--cr-muted);\n    margin: 0;\n    font-size: 14px;\n}\n\n\n\/* =========================================================\n   BIG FEATURE SECTIONS\n   ========================================================= *\/\n\n.cr-feature {\n    padding: 115px 0;\n}\n\n.cr-feature.alt {\n    background: var(--cr-light);\n}\n\n.cr-feature-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 90px;\n    align-items: center;\n}\n\n.cr-feature-grid.reverse .cr-feature-copy {\n    order: 2;\n}\n\n.cr-feature-grid.reverse .cr-feature-visual {\n    order: 1;\n}\n\n.cr-feature-copy h2 {\n    font-size: clamp(38px,5vw,62px);\n    line-height: 1.03;\n    letter-spacing: -.05em;\n    margin: 0;\n}\n\n.cr-feature-copy p {\n    color: var(--cr-muted);\n    font-size: 17px;\n    margin: 22px 0;\n}\n\n.cr-feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 28px 0;\n}\n\n.cr-feature-list li {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    margin: 14px 0;\n    font-size: 15px;\n    font-weight: 650;\n}\n\n.cr-check {\n    width: 22px;\n    height: 22px;\n    min-width: 22px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: #E8F8EE;\n    color: var(--cr-green);\n    font-size: 12px;\n    font-weight: 900;\n}\n\n\n\/* RIDE VISUAL *\/\n\n.cr-ride-card {\n    min-height: 510px;\n    border-radius: 34px;\n    padding: 25px;\n    background:\n        radial-gradient(circle at 70% 20%, rgba(77,137,255,.32), transparent 35%),\n        linear-gradient(145deg,#07111F,#12243B);\n    position: relative;\n    overflow: hidden;\n}\n\n.cr-ride-road {\n    position: absolute;\n    width: 180%;\n    height: 110px;\n    background: rgba(255,255,255,.08);\n    transform: rotate(-25deg);\n    left: -30%;\n    top: 45%;\n}\n\n.cr-car {\n    position: absolute;\n    left: 48%;\n    top: 43%;\n    width: 120px;\n    height: 62px;\n    border-radius: 22px 25px 12px 12px;\n    background: #fff;\n    box-shadow: 0 25px 40px rgba(0,0,0,.3);\n}\n\n.cr-car::before,\n.cr-car::after {\n    content: \"\";\n    position: absolute;\n    bottom: -8px;\n    width: 23px;\n    height: 23px;\n    border-radius: 50%;\n    background: #07111F;\n    border: 4px solid #687789;\n}\n\n.cr-car::before {\n    left: 14px;\n}\n\n.cr-car::after {\n    right: 14px;\n}\n\n.cr-car-window {\n    position: absolute;\n    width: 65px;\n    height: 25px;\n    left: 28px;\n    top: 7px;\n    border-radius: 12px 12px 4px 4px;\n    background: #A9C6FF;\n}\n\n.cr-trip-card {\n    position: absolute;\n    left: 25px;\n    right: 25px;\n    bottom: 25px;\n    background: #fff;\n    color: var(--cr-dark);\n    border-radius: 23px;\n    padding: 22px;\n}\n\n.cr-trip-card-head {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.cr-trip-card small {\n    color: #8A94A4;\n}\n\n.cr-route {\n    position: relative;\n    padding-left: 27px;\n}\n\n.cr-route::before {\n    content: \"\";\n    position: absolute;\n    left: 7px;\n    top: 8px;\n    bottom: 8px;\n    border-left: 2px dashed #BFC9D7;\n}\n\n.cr-route-point {\n    position: relative;\n    margin: 13px 0;\n}\n\n.cr-route-point::before {\n    content: \"\";\n    position: absolute;\n    left: -27px;\n    top: 5px;\n    width: 13px;\n    height: 13px;\n    border-radius: 50%;\n    background: var(--cr-primary);\n    border: 3px solid #DCE8FF;\n}\n\n.cr-route-point:last-child::before {\n    background: #172033;\n}\n\n.cr-route-point strong {\n    display: block;\n    font-size: 13px;\n}\n\n.cr-route-point span {\n    color: #8A94A4;\n    font-size: 11px;\n}\n\n\n\/* DELIVERY VISUAL *\/\n\n.cr-delivery-visual {\n    min-height: 510px;\n    border-radius: 34px;\n    background: #EDF4FF;\n    position: relative;\n    overflow: hidden;\n    padding: 35px;\n}\n\n.cr-package {\n    position: absolute;\n    width: 150px;\n    height: 130px;\n    background: #D9A45A;\n    border-radius: 10px;\n    left: 50%;\n    top: 36%;\n    transform: translate(-50%,-50%) rotate(-5deg);\n    box-shadow: 20px 25px 40px rgba(101,68,26,.18);\n}\n\n.cr-package::before {\n    content: \"\";\n    position: absolute;\n    width: 30px;\n    height: 100%;\n    background: rgba(255,255,255,.25);\n    left: 60px;\n}\n\n.cr-package::after {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    height: 28px;\n    background: rgba(112,69,19,.12);\n    top: 18px;\n}\n\n.cr-delivery-status {\n    position: absolute;\n    left: 35px;\n    right: 35px;\n    bottom: 35px;\n    background: #fff;\n    border-radius: 23px;\n    padding: 22px;\n    box-shadow: 0 20px 45px rgba(19,47,85,.1);\n}\n\n.cr-progress {\n    height: 6px;\n    background: #E8EDF4;\n    border-radius: 20px;\n    overflow: hidden;\n    margin: 17px 0;\n}\n\n.cr-progress span {\n    display: block;\n    width: 68%;\n    height: 100%;\n    background: var(--cr-primary);\n    border-radius: inherit;\n}\n\n.cr-status-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 12px;\n    color: #7A8597;\n}\n\n\n\/* =========================================================\n   TRUCK\n   ========================================================= *\/\n\n.cr-truck-visual {\n    min-height: 510px;\n    border-radius: 34px;\n    background:\n        linear-gradient(145deg,#111A26,#24374D);\n    position: relative;\n    overflow: hidden;\n}\n\n.cr-truck-road {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 90px;\n    height: 110px;\n    background: #0A1018;\n}\n\n.cr-truck {\n    position: absolute;\n    width: 330px;\n    height: 125px;\n    left: 50%;\n    top: 43%;\n    transform: translate(-50%,-50%);\n}\n\n.cr-truck-body {\n    position: absolute;\n    width: 225px;\n    height: 105px;\n    background: #fff;\n    left: 0;\n    bottom: 10px;\n    border-radius: 10px 5px 5px 10px;\n}\n\n.cr-truck-cabin {\n    position: absolute;\n    width: 105px;\n    height: 85px;\n    right: 0;\n    bottom: 10px;\n    background: #E9F0F8;\n    border-radius: 10px 20px 5px 5px;\n}\n\n.cr-truck-window {\n    position: absolute;\n    width: 55px;\n    height: 32px;\n    right: 17px;\n    top: 13px;\n    border-radius: 8px;\n    background: #8DB5E8;\n}\n\n.cr-wheel {\n    position: absolute;\n    width: 40px;\n    height: 40px;\n    background: #09111B;\n    border: 7px solid #677484;\n    border-radius: 50%;\n    bottom: -5px;\n}\n\n.cr-wheel.one {\n    left: 42px;\n}\n\n.cr-wheel.two {\n    right: 38px;\n}\n\n.cr-load-badge {\n    position: absolute;\n    top: 28px;\n    right: 28px;\n    background: #fff;\n    border-radius: 16px;\n    padding: 14px 18px;\n    color: var(--cr-dark);\n    box-shadow: 0 15px 30px rgba(0,0,0,.2);\n}\n\n.cr-load-badge strong {\n    display: block;\n    font-size: 20px;\n}\n\n.cr-load-badge small {\n    color: #7D8797;\n}\n\n\n\/* =========================================================\n   HELPERS\n   ========================================================= *\/\n\n.cr-helper-visual {\n    min-height: 510px;\n    border-radius: 34px;\n    background: #FFF8EA;\n    position: relative;\n    overflow: hidden;\n}\n\n.cr-helper-person {\n    position: absolute;\n    left: 50%;\n    top: 44%;\n    transform: translate(-50%,-50%);\n    text-align: center;\n}\n\n.cr-helper-head {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    background: #C9825B;\n    margin: 0 auto -10px;\n    position: relative;\n    z-index: 2;\n}\n\n.cr-helper-body {\n    width: 145px;\n    height: 180px;\n    border-radius: 70px 70px 20px 20px;\n    background: #163D72;\n}\n\n.cr-helper-box {\n    position: absolute;\n    width: 100px;\n    height: 75px;\n    background: #C78B43;\n    left: -78px;\n    top: 110px;\n    transform: rotate(-12deg);\n    border-radius: 7px;\n}\n\n.cr-helper-card {\n    position: absolute;\n    bottom: 28px;\n    left: 28px;\n    right: 28px;\n    background: #fff;\n    padding: 20px;\n    border-radius: 22px;\n    box-shadow: 0 20px 45px rgba(75,52,12,.1);\n}\n\n.cr-helper-card-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.cr-helper-card strong {\n    font-size: 16px;\n}\n\n.cr-helper-card span {\n    color: var(--cr-green);\n    font-size: 12px;\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   CALLING\n   ========================================================= *\/\n\n.cr-call-visual {\n    min-height: 510px;\n    border-radius: 34px;\n    background: linear-gradient(145deg,#07111F,#142C4A);\n    position: relative;\n    display: grid;\n    place-items: center;\n}\n\n.cr-call-phone {\n    width: 230px;\n    height: 430px;\n    background: #F5F8FC;\n    border-radius: 35px;\n    box-shadow: 0 40px 70px rgba(0,0,0,.3);\n    padding: 35px 22px;\n    text-align: center;\n}\n\n.cr-call-avatar {\n    width: 92px;\n    height: 92px;\n    border-radius: 50%;\n    margin: 35px auto 18px;\n    background: linear-gradient(135deg,#9BB9F9,#4468B9);\n}\n\n.cr-call-phone h4 {\n    margin: 0;\n    font-size: 18px;\n}\n\n.cr-call-phone p {\n    color: #8A94A4;\n    font-size: 12px;\n    margin: 4px 0;\n}\n\n.cr-call-wave {\n    height: 45px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 4px;\n    margin: 20px 0;\n}\n\n.cr-call-wave span {\n    width: 3px;\n    border-radius: 5px;\n    background: var(--cr-primary);\n    animation: cr-wave .9s infinite alternate;\n}\n\n.cr-call-wave span:nth-child(1){height:15px;animation-delay:.1s}\n.cr-call-wave span:nth-child(2){height:28px;animation-delay:.2s}\n.cr-call-wave span:nth-child(3){height:38px;animation-delay:.3s}\n.cr-call-wave span:nth-child(4){height:23px;animation-delay:.4s}\n.cr-call-wave span:nth-child(5){height:31px;animation-delay:.5s}\n.cr-call-wave span:nth-child(6){height:16px;animation-delay:.6s}\n\n@keyframes cr-wave {\n    to { transform: scaleY(.4); }\n}\n\n.cr-call-button {\n    width: 55px;\n    height: 55px;\n    margin: 0 auto;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: #E53935;\n    color: #fff;\n    font-size: 21px;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.cr-benefits {\n    background: var(--cr-dark);\n    color: #fff;\n}\n\n.cr-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 18px;\n    margin-top: 55px;\n}\n\n.cr-benefit-card {\n    border: 1px solid rgba(255,255,255,.09);\n    background: rgba(255,255,255,.045);\n    border-radius: 23px;\n    padding: 30px;\n    transition: .3s;\n}\n\n.cr-benefit-card:hover {\n    transform: translateY(-6px);\n    background: rgba(255,255,255,.07);\n}\n\n.cr-benefit-icon {\n    font-size: 27px;\n    margin-bottom: 22px;\n}\n\n.cr-benefit-card h3 {\n    margin: 0 0 9px;\n    font-size: 20px;\n}\n\n.cr-benefit-card p {\n    color: rgba(255,255,255,.56);\n    margin: 0;\n    font-size: 14px;\n}\n\n\n\/* =========================================================\n   AUDIENCE\n   ========================================================= *\/\n\n.cr-audience-grid {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 20px;\n    margin-top: 55px;\n}\n\n.cr-audience-card {\n    padding: 35px;\n    min-height: 270px;\n    border-radius: 25px;\n    border: 1px solid var(--cr-border);\n    position: relative;\n    overflow: hidden;\n}\n\n.cr-audience-card::after {\n    content: \"\";\n    position: absolute;\n    width: 170px;\n    height: 170px;\n    border-radius: 50%;\n    right: -80px;\n    bottom: -90px;\n    background: #EDF3FF;\n}\n\n.cr-audience-card h3 {\n    font-size: 25px;\n    margin: 20px 0 10px;\n}\n\n.cr-audience-card p {\n    color: var(--cr-muted);\n    font-size: 14px;\n    max-width: 300px;\n}\n\n.cr-audience-number {\n    font-size: 13px;\n    font-weight: 900;\n    color: var(--cr-primary);\n}\n\n\n\/* =========================================================\n   BUSINESS SECTION\n   ========================================================= *\/\n\n.cr-business {\n    background: #EEF4FF;\n}\n\n.cr-business-box {\n    background: var(--cr-dark);\n    border-radius: 34px;\n    padding: 70px;\n    color: #fff;\n    display: grid;\n    grid-template-columns: 1fr .8fr;\n    gap: 60px;\n    align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.cr-business-box::after {\n    content: \"\";\n    position: absolute;\n    width: 450px;\n    height: 450px;\n    border-radius: 50%;\n    background: rgba(11,92,255,.2);\n    right: -150px;\n    top: -200px;\n}\n\n.cr-business-box h2 {\n    font-size: clamp(38px,5vw,58px);\n    line-height: 1.05;\n    letter-spacing: -.05em;\n    margin: 0;\n}\n\n.cr-business-box p {\n    color: rgba(255,255,255,.6);\n    max-width: 560px;\n    margin: 20px 0 28px;\n}\n\n.cr-business-features {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    gap: 12px;\n}\n\n.cr-business-item {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    padding: 15px;\n    border-radius: 15px;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.07);\n    font-size: 14px;\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.cr-cta {\n    padding: 130px 0;\n    text-align: center;\n}\n\n.cr-cta h2 {\n    font-size: clamp(45px,6vw,75px);\n    line-height: 1;\n    letter-spacing: -.06em;\n    margin: 0 auto;\n    max-width: 850px;\n}\n\n.cr-cta p {\n    color: var(--cr-muted);\n    font-size: 18px;\n    max-width: 600px;\n    margin: 22px auto 32px;\n}\n\n.cr-cta-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n\n.cr-footer {\n    background: #050C16;\n    color: #fff;\n    padding: 55px 0 25px;\n}\n\n.cr-footer-top {\n    display: flex;\n    justify-content: space-between;\n    gap: 40px;\n    padding-bottom: 45px;\n    border-bottom: 1px solid rgba(255,255,255,.08);\n}\n\n.cr-footer-brand p {\n    color: rgba(255,255,255,.45);\n    max-width: 350px;\n    font-size: 14px;\n}\n\n.cr-footer-links {\n    display: flex;\n    gap: 70px;\n}\n\n.cr-footer-links h4 {\n    margin: 0 0 14px;\n    font-size: 13px;\n}\n\n.cr-footer-links a {\n    display: block;\n    color: rgba(255,255,255,.48);\n    font-size: 13px;\n    margin: 8px 0;\n}\n\n.cr-footer-bottom {\n    padding-top: 22px;\n    color: rgba(255,255,255,.32);\n    font-size: 12px;\n    display: flex;\n    justify-content: space-between;\n}\n\n\n\/* =========================================================\n   REVEAL ANIMATION\n   ========================================================= *\/\n\n.cr-reveal {\n    opacity: 0;\n    transform: translateY(35px);\n    transition: opacity .8s ease, transform .8s ease;\n}\n\n.cr-reveal.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n    .cr-nav-links {\n        display: none;\n        position: absolute;\n        top: 72px;\n        left: 20px;\n        right: 20px;\n        padding: 20px;\n        background: rgba(7,17,31,.97);\n        border-radius: 20px;\n        flex-direction: column;\n        align-items: stretch;\n        gap: 8px;\n    }\n\n    .cr-nav.scrolled .cr-nav-links {\n        background: #fff;\n    }\n\n    .cr-nav-links.open {\n        display: flex;\n    }\n\n    .cr-nav-links a {\n        padding: 12px;\n    }\n\n    .cr-menu {\n        display: block;\n    }\n\n    .cr-hero {\n        min-height: auto;\n        padding: 150px 0 80px;\n    }\n\n    .cr-hero-inner {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n\n    .cr-hero-visual {\n        min-height: 550px;\n    }\n\n    .cr-phone {\n        right: 50%;\n        transform: translateX(50%) rotate(3deg);\n    }\n\n    .cr-floating-card.one {\n        left: 5%;\n    }\n\n    .cr-floating-card.two {\n        right: 5%;\n    }\n\n    .cr-service-tabs {\n        grid-template-columns: repeat(2,1fr);\n    }\n\n    .cr-feature-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n\n    .cr-feature-grid.reverse .cr-feature-copy {\n        order: 1;\n    }\n\n    .cr-feature-grid.reverse .cr-feature-visual {\n        order: 2;\n    }\n\n    .cr-benefit-grid,\n    .cr-audience-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .cr-business-box {\n        grid-template-columns: 1fr;\n        padding: 50px 35px;\n    }\n\n    .cr-footer-top {\n        flex-direction: column;\n    }\n}\n\n@media (max-width: 600px) {\n\n    .cr-container {\n        width: min(100% - 28px, 1180px);\n    }\n\n    .cr-section {\n        padding: 75px 0;\n    }\n\n    .cr-hero h1 {\n        font-size: 51px;\n    }\n\n    .cr-hero-description {\n        font-size: 16px;\n    }\n\n    .cr-service-tabs,\n    .cr-benefit-grid,\n    .cr-audience-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .cr-hero-visual {\n        min-height: 500px;\n        transform: scale(.92);\n        transform-origin: center;\n    }\n\n    .cr-phone {\n        width: 260px;\n        height: 525px;\n    }\n\n    .cr-floating-card {\n        transform: scale(.85);\n    }\n\n    .cr-floating-card.one {\n        left: -10px;\n    }\n\n    .cr-floating-card.two {\n        right: -10px;\n    }\n\n    .cr-feature-copy h2 {\n        font-size: 39px;\n    }\n\n    .cr-feature {\n        padding: 75px 0;\n    }\n\n    .cr-ride-card,\n    .cr-delivery-visual,\n    .cr-truck-visual,\n    .cr-helper-visual,\n    .cr-call-visual {\n        min-height: 430px;\n    }\n\n    .cr-business-box {\n        border-radius: 25px;\n        padding: 40px 25px;\n    }\n\n    .cr-footer-links {\n        flex-direction: column;\n        gap: 30px;\n    }\n\n    .cr-footer-bottom {\n        flex-direction: column;\n        gap: 8px;\n    }\n}\n<\/style>\n\n\n<div id=\"cheapride-page\">\n\n    <!-- =====================================================\n         NAVIGATION\n         ===================================================== -->\n\n    <nav class=\"cr-nav\" id=\"crNav\">\n        <div class=\"cr-container cr-nav-inner\">\n\n            <a href=\"#top\" class=\"cr-logo\">\n                Cheap<span>Ride<\/span>\n            <\/a>\n\n            <div class=\"cr-nav-links\" id=\"crNavLinks\">\n                <a href=\"#services\">Services<\/a>\n                <a href=\"#ride\">Ride<\/a>\n                <a href=\"#delivery\">Delivery<\/a>\n                <a href=\"#business\">Business<\/a>\n                <a href=\"#contact\" class=\"cr-nav-button\">Get Started<\/a>\n            <\/div>\n\n            <button class=\"cr-menu\" id=\"crMenu\" aria-label=\"Open menu\">\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n            <\/button>\n\n        <\/div>\n    <\/nav>\n\n\n    <!-- =====================================================\n         HERO\n         ===================================================== -->\n\n    <section class=\"cr-hero\" id=\"top\">\n\n        <div class=\"cr-hero-grid\"><\/div>\n\n        <div class=\"cr-container cr-hero-inner\">\n\n            <div class=\"cr-hero-copy cr-reveal\">\n\n                <div class=\"cr-hero-badge\">\n                    <span class=\"cr-pulse\"><\/span>\n                    Built for life on the move\n                <\/div>\n\n                <h1>\n                    One platform.<br>\n                    Every <span>journey.<\/span>\n                <\/h1>\n\n                <p class=\"cr-hero-description\">\n                    Move people. Deliver packages. Transport heavy loads.\n                    Get helping hands when you need them.\n                    CheapRide brings everyday mobility and logistics together\n                    in one simple platform.\n                <\/p>\n\n                <div class=\"cr-hero-buttons\">\n                    <a href=\"#services\" class=\"cr-btn cr-btn-primary\">\n                        Explore CheapRide \u2192\n                    <\/a>\n\n                    <a href=\"#business\" class=\"cr-btn cr-btn-outline\">\n                        For Businesses\n                    <\/a>\n                <\/div>\n\n                <div class=\"cr-hero-note\">\n                    <div class=\"cr-mini-avatars\">\n                        <div class=\"cr-mini-avatar\"><\/div>\n                        <div class=\"cr-mini-avatar\"><\/div>\n                        <div class=\"cr-mini-avatar\"><\/div>\n                    <\/div>\n                    <span>Designed for customers, drivers &amp; businesses<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"cr-hero-visual cr-reveal\">\n\n                <div class=\"cr-floating-card one\">\n                    <small>Driver arriving<\/small>\n                    <strong>2 min away<\/strong>\n                <\/div>\n\n                <div class=\"cr-floating-card two\">\n                    <small>Delivery status<\/small>\n                    <strong>On the way \u2713<\/strong>\n                <\/div>\n\n                <div class=\"cr-phone\">\n\n                    <div class=\"cr-phone-screen\">\n\n                        <div class=\"cr-phone-top\">\n                            <span>9:41<\/span>\n                            <span>\u25cf \u25cf \u25cf<\/span>\n                        <\/div>\n\n                        <div class=\"cr-map\">\n\n                            <div class=\"cr-map-pin\"><\/div>\n\n                        <\/div>\n\n                        <div class=\"cr-phone-card\">\n\n                            <div class=\"cr-phone-card-row\">\n\n                                <div class=\"cr-driver\">\n\n                                    <div class=\"cr-driver-avatar\"><\/div>\n\n                                    <div>\n                                        <small>Your driver<\/small>\n                                        <strong>Michael \u2022 Toyota<\/strong>\n                                    <\/div>\n\n                                <\/div>\n\n                                <div class=\"cr-rating\">\n                                    \u2605 4.9\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         SERVICES INTRO\n         ===================================================== -->\n\n    <section class=\"cr-services-intro\" id=\"services\">\n\n        <div class=\"cr-container\">\n\n            <div class=\"cr-center cr-reveal\">\n\n                <div class=\"cr-eyebrow\">One platform<\/div>\n\n                <h2 class=\"cr-section-title\">\n                    Whatever needs moving,<br>\n                    we&#8217;ve got you.\n                <\/h2>\n\n                <p class=\"cr-section-subtitle\">\n                    CheapRide is built around the different ways people\n                    and businesses move every day.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"cr-service-tabs\">\n\n                <div class=\"cr-service-tab cr-reveal\">\n                    <div class=\"cr-service-icon\">&#x1f695;<\/div>\n                    <h3>Ride-Hailing<\/h3>\n                    <p>Request a driver and get where you&#8217;re going.<\/p>\n                <\/div>\n\n                <div class=\"cr-service-tab cr-reveal\">\n                    <div class=\"cr-service-icon\">&#x1f4e6;<\/div>\n                    <h3>Delivery<\/h3>\n                    <p>Send packages across town quickly and easily.<\/p>\n                <\/div>\n\n                <div class=\"cr-service-tab cr-reveal\">\n                    <div class=\"cr-service-icon\">&#x1f69b;<\/div>\n                    <h3>Truck Services<\/h3>\n                    <p>Move larger loads with the right vehicle.<\/p>\n                <\/div>\n\n                <div class=\"cr-service-tab cr-reveal\">\n                    <div class=\"cr-service-icon\">&#x1f477;<\/div>\n                    <h3>Helpers<\/h3>\n                    <p>Get extra hands for loading and unloading.<\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         RIDE HAILING\n         ===================================================== -->\n\n    <section class=\"cr-feature\" id=\"ride\">\n\n        <div class=\"cr-container cr-feature-grid\">\n\n            <div class=\"cr-feature-copy cr-reveal\">\n\n                <div class=\"cr-eyebrow\">Ride with CheapRide<\/div>\n\n                <h2>\n                    Your ride is just a few taps away.\n                <\/h2>\n\n                <p>\n                    Whether you&#8217;re heading to work, meeting friends or\n                    simply getting across Lagos, CheapRide connects you\n                    with available drivers around you.\n                <\/p>\n\n                <ul class=\"cr-feature-list\">\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Request a ride from your current location\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Know your estimated fare before you go\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        See your driver&#8217;s details\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Track your ride in real time\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Pay securely and rate your experience\n                    <\/li>\n\n                <\/ul>\n\n                <a href=\"#contact\" class=\"cr-btn cr-btn-primary\">\n                    Get notified when we launch \u2192\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"cr-feature-visual cr-ride-card cr-reveal\">\n\n                <div class=\"cr-ride-road\"><\/div>\n\n                <div class=\"cr-car\">\n                    <div class=\"cr-car-window\"><\/div>\n                <\/div>\n\n                <div class=\"cr-trip-card\">\n\n                    <div class=\"cr-trip-card-head\">\n                        <div>\n                            <small>Your trip<\/small>\n                            <strong>On the way<\/strong>\n                        <\/div>\n\n                        <strong>\u20a62,800<\/strong>\n                    <\/div>\n\n                    <div class=\"cr-route\">\n\n                        <div class=\"cr-route-point\">\n                            <strong>Victoria Island<\/strong>\n                            <span>Pickup location<\/span>\n                        <\/div>\n\n                        <div class=\"cr-route-point\">\n                            <strong>Ikeja<\/strong>\n                            <span>Destination<\/span>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         DELIVERY\n         ===================================================== -->\n\n    <section class=\"cr-feature alt\" id=\"delivery\">\n\n        <div class=\"cr-container cr-feature-grid reverse\">\n\n            <div class=\"cr-feature-copy cr-reveal\">\n\n                <div class=\"cr-eyebrow\">Send anything<\/div>\n\n                <h2>\n                    From your door to theirs.\n                <\/h2>\n\n                <p>\n                    Need to send a package across town?\n                    Request a delivery, provide the destination,\n                    and let CheapRide handle the journey.\n                <\/p>\n\n                <ul class=\"cr-feature-list\">\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Easy pickup and destination selection\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Choose the right delivery option\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Follow your package in real time\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Get delivery status updates\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Proof of delivery\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n\n            <div class=\"cr-feature-visual cr-delivery-visual cr-reveal\">\n\n                <div class=\"cr-package\"><\/div>\n\n                <div class=\"cr-delivery-status\">\n\n                    <div class=\"cr-status-row\">\n                        <strong>Package delivery<\/strong>\n                        <span>68%<\/span>\n                    <\/div>\n\n                    <div class=\"cr-progress\">\n                        <span><\/span>\n                    <\/div>\n\n                    <div class=\"cr-status-row\">\n                        <span>Picked up<\/span>\n                        <span>On the way<\/span>\n                        <span>Delivered<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         TRUCK DELIVERY\n         ===================================================== -->\n\n    <section class=\"cr-feature\">\n\n        <div class=\"cr-container cr-feature-grid\">\n\n            <div class=\"cr-feature-copy cr-reveal\">\n\n                <div class=\"cr-eyebrow\">Move bigger<\/div>\n\n                <h2>\n                    When a small vehicle isn&#8217;t enough.\n                <\/h2>\n\n                <p>\n                    Moving furniture, equipment, stock or a large shipment?\n                    Request a truck that fits the job instead of trying\n                    to make the job fit the vehicle.\n                <\/p>\n\n                <ul class=\"cr-feature-list\">\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Choose from available truck categories\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Request large-load transportation\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Track your truck while it&#8217;s on the move\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Get delivery updates from pickup to destination\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n\n            <div class=\"cr-truck-visual cr-reveal\">\n\n                <div class=\"cr-load-badge\">\n                    <small>Service<\/small>\n                    <strong>Truck Delivery<\/strong>\n                <\/div>\n\n                <div class=\"cr-truck\">\n\n                    <div class=\"cr-truck-body\"><\/div>\n\n                    <div class=\"cr-truck-cabin\">\n                        <div class=\"cr-truck-window\"><\/div>\n                    <\/div>\n\n                    <div class=\"cr-wheel one\"><\/div>\n                    <div class=\"cr-wheel two\"><\/div>\n\n                <\/div>\n\n                <div class=\"cr-truck-road\"><\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         HELPERS\n         ===================================================== -->\n\n    <section class=\"cr-feature alt\">\n\n        <div class=\"cr-container cr-feature-grid reverse\">\n\n            <div class=\"cr-feature-copy cr-reveal\">\n\n                <div class=\"cr-eyebrow\">Need extra hands?<\/div>\n\n                <h2>\n                    Don&#8217;t move heavy things alone.\n                <\/h2>\n\n                <p>\n                    When your delivery needs more than a truck,\n                    CheapRide lets you request helpers who can\n                    assist with loading and unloading.\n                <\/p>\n\n                <ul class=\"cr-feature-list\">\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Request one or multiple helpers\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Choose loading, unloading or both\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Match with available helpers\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Manage the entire job from one request\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n\n            <div class=\"cr-helper-visual cr-reveal\">\n\n                <div class=\"cr-helper-person\">\n\n                    <div class=\"cr-helper-head\"><\/div>\n\n                    <div class=\"cr-helper-body\"><\/div>\n\n                    <div class=\"cr-helper-box\"><\/div>\n\n                <\/div>\n\n                <div class=\"cr-helper-card\">\n\n                    <div class=\"cr-helper-card-row\">\n\n                        <div>\n                            <strong>3 Helpers requested<\/strong>\n                            <small>Loading + unloading<\/small>\n                        <\/div>\n\n                        <span>Available<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         IN-APP CALLING\n         ===================================================== -->\n\n    <section class=\"cr-feature\">\n\n        <div class=\"cr-container cr-feature-grid\">\n\n            <div class=\"cr-feature-copy cr-reveal\">\n\n                <div class=\"cr-eyebrow\">Stay connected<\/div>\n\n                <h2>\n                    Talk without sharing your number.\n                <\/h2>\n\n                <p>\n                    Sometimes a message isn&#8217;t enough.\n                    CheapRide will allow customers and drivers\n                    to communicate through the app when they\n                    need to coordinate a pickup or delivery.\n                <\/p>\n\n                <ul class=\"cr-feature-list\">\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Call from inside the app\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Coordinate pickup and delivery\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Keep personal phone numbers private\n                    <\/li>\n\n                    <li>\n                        <span class=\"cr-check\">\u2713<\/span>\n                        Available during active trips and deliveries\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n\n            <div class=\"cr-call-visual cr-reveal\">\n\n                <div class=\"cr-call-phone\">\n\n                    <div class=\"cr-call-avatar\"><\/div>\n\n                    <h4>Michael<\/h4>\n\n                    <p>CheapRide Driver<\/p>\n\n                    <div class=\"cr-call-wave\">\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                    <\/div>\n\n                    <p>00:18<\/p>\n\n                    <div class=\"cr-call-button\">\n                        &#x260e;\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         BENEFITS\n         ===================================================== -->\n\n    <section class=\"cr-section cr-benefits\">\n\n        <div class=\"cr-container\">\n\n            <div class=\"cr-center cr-reveal\">\n\n                <div class=\"cr-eyebrow\" style=\"color:#5C93FF;\">\n                    Built around you\n                <\/div>\n\n                <h2 class=\"cr-section-title\">\n                    More than a ride.<br>\n                    More than delivery.\n                <\/h2>\n\n                <p class=\"cr-section-subtitle\" style=\"color:rgba(255,255,255,.52);\">\n                    One platform designed to make everyday movement\n                    simpler for people and businesses.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"cr-benefit-grid\">\n\n                <div class=\"cr-benefit-card cr-reveal\">\n                    <div class=\"cr-benefit-icon\">&#x1f4cd;<\/div>\n                    <h3>Real-Time Tracking<\/h3>\n                    <p>\n                        Know where your driver, rider or delivery\n                        is while the job is active.\n                    <\/p>\n                <\/div>\n\n                <div class=\"cr-benefit-card cr-reveal\">\n                    <div class=\"cr-benefit-icon\">&#x1f4b3;<\/div>\n                    <h3>Simple Payments<\/h3>\n                    <p>\n                        Request a service, see the cost and pay\n                        through a streamlined experience.\n                    <\/p>\n                <\/div>\n\n                <div class=\"cr-benefit-card cr-reveal\">\n                    <div class=\"cr-benefit-icon\">&#x1f6e1;&#xfe0f;<\/div>\n                    <h3>Trusted Drivers<\/h3>\n                    <p>\n                        Driver onboarding and verification help\n                        create a more reliable marketplace.\n                    <\/p>\n                <\/div>\n\n                <div class=\"cr-benefit-card cr-reveal\">\n                    <div class=\"cr-benefit-icon\">&#x1f4de;<\/div>\n                    <h3>In-App Communication<\/h3>\n                    <p>\n                        Communicate with the person handling\n                        your ride or delivery when needed.\n                    <\/p>\n                <\/div>\n\n                <div class=\"cr-benefit-card cr-reveal\">\n                    <div class=\"cr-benefit-icon\">&#x2b50;<\/div>\n                    <h3>Ratings &amp; Reviews<\/h3>\n                    <p>\n                        Every completed service contributes to\n                        accountability across the marketplace.\n                    <\/p>\n                <\/div>\n\n                <div class=\"cr-benefit-card cr-reveal\">\n                    <div class=\"cr-benefit-icon\">24\/7<\/div>\n                    <h3>Operational Support<\/h3>\n                    <p>\n                        A dedicated support system helps resolve\n                        issues when something doesn&#8217;t go as planned.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         AUDIENCE\n         ===================================================== -->\n\n    <section class=\"cr-section\">\n\n        <div class=\"cr-container\">\n\n            <div class=\"cr-center cr-reveal\">\n\n                <div class=\"cr-eyebrow\">Made for real life<\/div>\n\n                <h2 class=\"cr-section-title\">\n                    One platform.<br>\n                    Many reasons to move.\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"cr-audience-grid\">\n\n                <div class=\"cr-audience-card cr-reveal\">\n\n                    <div class=\"cr-audience-number\">01<\/div>\n\n                    <h3>For Individuals<\/h3>\n\n                    <p>\n                        Get to work, send a package, move your\n                        belongings or get help with a heavy load.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"cr-audience-card cr-reveal\">\n\n                    <div class=\"cr-audience-number\">02<\/div>\n\n                    <h3>For Businesses<\/h3>\n\n                    <p>\n                        Move products, manage deliveries and\n                        simplify everyday logistics.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"cr-audience-card cr-reveal\">\n\n                    <div class=\"cr-audience-number\">03<\/div>\n\n                    <h3>For Drivers<\/h3>\n\n                    <p>\n                        Access more ways to earn through rides,\n                        deliveries and logistics services.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         BUSINESS\n         ===================================================== -->\n\n    <section class=\"cr-section cr-business\" id=\"business\">\n\n        <div class=\"cr-container\">\n\n            <div class=\"cr-business-box\">\n\n                <div class=\"cr-reveal\">\n\n                    <div class=\"cr-eyebrow\" style=\"color:#5C93FF;\">\n                        For businesses\n                    <\/div>\n\n                    <h2>\n                        Your business moves.<br>\n                        We help it move better.\n                    <\/h2>\n\n                    <p>\n                        From sending products to customers to moving\n                        inventory between locations, CheapRide is being\n                        designed to become a flexible logistics partner\n                        for growing businesses.\n                    <\/p>\n\n                    <a href=\"#contact\" class=\"cr-btn cr-btn-primary\">\n                        Talk to us \u2192\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"cr-business-features cr-reveal\">\n\n                    <div class=\"cr-business-item\">\n                        <span>\u2713<\/span>\n                        On-demand deliveries\n                    <\/div>\n\n                    <div class=\"cr-business-item\">\n                        <span>\u2713<\/span>\n                        Larger vehicle options\n                    <\/div>\n\n                    <div class=\"cr-business-item\">\n                        <span>\u2713<\/span>\n                        Real-time tracking\n                    <\/div>\n\n                    <div class=\"cr-business-item\">\n                        <span>\u2713<\/span>\n                        Delivery history\n                    <\/div>\n\n                    <div class=\"cr-business-item\">\n                        <span>\u2713<\/span>\n                        Operational support\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         CTA\n         ===================================================== -->\n\n    <section class=\"cr-cta\" id=\"contact\">\n\n        <div class=\"cr-container cr-reveal\">\n\n            <div class=\"cr-eyebrow\">\n                The journey starts here\n            <\/div>\n\n            <h2>\n                Wherever you&#8217;re going,<br>\n                <span style=\"color:#0B5CFF;\">CheapRide gets you moving.<\/span>\n            <\/h2>\n\n            <p>\n                Ride. Deliver. Move heavy loads. Get helping hands.\n                One platform for the journeys that matter.\n            <\/p>\n\n            <div class=\"cr-cta-buttons\">\n\n                <a href=\"#\" class=\"cr-btn cr-btn-primary\">\n                    Join the Waitlist \u2192\n                <\/a>\n\n                <a href=\"mailto:hello@cheapride.com\" class=\"cr-btn\" style=\"border:1px solid #E1E6EF;\">\n                    Contact CheapRide\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         FOOTER\n         ===================================================== -->\n\n    <footer class=\"cr-footer\">\n\n        <div class=\"cr-container\">\n\n            <div class=\"cr-footer-top\">\n\n                <div class=\"cr-footer-brand\">\n\n                    <div class=\"cr-logo\">\n                        Cheap<span>Ride<\/span>\n                    <\/div>\n\n                    <p>\n                        Mobility and logistics, brought together\n                        in one simple platform.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"cr-footer-links\">\n\n                    <div>\n                        <h4>Services<\/h4>\n                        <a href=\"#ride\">Ride-Hailing<\/a>\n                        <a href=\"#delivery\">Delivery<\/a>\n                        <a href=\"#\">Truck Services<\/a>\n                        <a href=\"#\">Helpers<\/a>\n                    <\/div>\n\n                    <div>\n                        <h4>Company<\/h4>\n                        <a href=\"#business\">Business<\/a>\n                        <a href=\"#\">About<\/a>\n                        <a href=\"#\">Contact<\/a>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"cr-footer-bottom\">\n\n                <span>\n                    \u00a9 <span id=\"crYear\"><\/span> CheapRide. All rights reserved.\n                <\/span>\n\n                <span>\n                    Built for movement.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/footer>\n\n<\/div>\n\n\n<script>\n\/* =========================================================\n   CHEAPRIDE JAVASCRIPT\n   ========================================================= *\/\n\n(function () {\n\n    const nav = document.getElementById(\"crNav\");\n    const menu = document.getElementById(\"crMenu\");\n    const navLinks = document.getElementById(\"crNavLinks\");\n    const year = document.getElementById(\"crYear\");\n\n    \/* Current year *\/\n    if (year) {\n        year.textContent = new Date().getFullYear();\n    }\n\n    \/* Sticky navigation *\/\n    window.addEventListener(\"scroll\", function () {\n\n        if (window.scrollY > 40) {\n            nav.classList.add(\"scrolled\");\n        } else {\n            nav.classList.remove(\"scrolled\");\n        }\n\n    });\n\n    \/* Mobile menu *\/\n    if (menu) {\n\n        menu.addEventListener(\"click\", function () {\n\n            navLinks.classList.toggle(\"open\");\n\n        });\n\n    }\n\n    \/* Close mobile menu after clicking link *\/\n    document.querySelectorAll(\"#cheapride-page .cr-nav-links a\")\n        .forEach(function (link) {\n\n            link.addEventListener(\"click\", function () {\n                navLinks.classList.remove(\"open\");\n            });\n\n        });\n\n\n    \/* Smooth scrolling *\/\n    document.querySelectorAll('#cheapride-page a[href^=\"#\"]')\n        .forEach(function (anchor) {\n\n            anchor.addEventListener(\"click\", function (e) {\n\n                const targetId = this.getAttribute(\"href\");\n\n                if (!targetId || targetId === \"#\") {\n                    return;\n                }\n\n                const target = document.querySelector(targetId);\n\n                if (target) {\n\n                    e.preventDefault();\n\n                    const navHeight = nav.offsetHeight;\n\n                    const targetPosition =\n                        target.getBoundingClientRect().top +\n                        window.scrollY -\n                        navHeight -\n                        15;\n\n                    window.scrollTo({\n                        top: targetPosition,\n                        behavior: \"smooth\"\n                    });\n\n                }\n\n            });\n\n        });\n\n\n    \/* Scroll reveal *\/\n    const revealElements =\n        document.querySelectorAll(\"#cheapride-page .cr-reveal\");\n\n    const revealObserver =\n        new IntersectionObserver(function (entries) {\n\n            entries.forEach(function (entry) {\n\n                if (entry.isIntersecting) {\n\n                    entry.target.classList.add(\"visible\");\n\n                    revealObserver.unobserve(entry.target);\n\n                }\n\n            });\n\n        }, {\n            threshold: 0.12\n        });\n\n\n    revealElements.forEach(function (element) {\n\n        revealObserver.observe(element);\n\n    });\n\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>CheapRide Services Ride Delivery Business Get Started Built for life on the move One platform. Every journey. Move people. Deliver [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cheapride.adfitness.com.ng\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheapride.adfitness.com.ng\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cheapride.adfitness.com.ng\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cheapride.adfitness.com.ng\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cheapride.adfitness.com.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":2,"href":"https:\/\/cheapride.adfitness.com.ng\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/cheapride.adfitness.com.ng\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/cheapride.adfitness.com.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}