{"id":6611,"date":"2026-09-23T08:00:55","date_gmt":"2026-09-23T08:00:55","guid":{"rendered":"https:\/\/brightcodess.com\/bengaluru\/?page_id=6611"},"modified":"2026-09-23T12:45:28","modified_gmt":"2026-09-23T12:45:28","slug":"home-services-app-development-in-bangalore","status":"publish","type":"page","link":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/","title":{"rendered":"Home Services App Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6611\" class=\"elementor elementor-6611\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1943003 e-con-full e-flex e-con e-parent\" data-id=\"1943003\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e60303d e-con-full e-flex e-con e-child\" data-id=\"e60303d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d678ea elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5d678ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font and Icon Links -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"wp-hs-hero-v2\">\r\n    <style>\r\n        \/* Scoped CSS Wrapper *\/\r\n        .wp-hs-hero-v2 {\r\n            --primary-blue: #1A56DB;\r\n            --dark-blue: #0B1C3C;\r\n            --accent-orange: #FF6B00;\r\n            --text-gray: #475569;\r\n            --light-bg: #F4F7FF;\r\n            --white: #ffffff;\r\n            \r\n            font-family: 'Poppins', sans-serif;\r\n            background-color: var(--light-bg);\r\n            position: relative;\r\n            overflow: hidden;\r\n            width: 100%;\r\n        }\r\n\r\n        .wp-hs-hero-v2 * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Skyline Background Layer *\/\r\n        .wp-hs-hero-v2 .skyline-bg {\r\n            position: absolute;\r\n            bottom: 60px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 250px;\r\n            background-image: url('https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design-18.webp');\r\n            background-size: cover;\r\n            background-position: bottom center;\r\n            background-repeat: no-repeat;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Main Hero Section *\/\r\n        .wp-hs-hero-v2 .hero-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 4rem 1.5rem 8rem; \r\n            display: grid;\r\n            grid-template-columns: 1.1fr 0.9fr;\r\n            gap: 2rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* --- Left Content Column --- *\/\r\n        .wp-hs-hero-v2 .hero-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .tagline {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            color: var(--text-gray);\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .tagline .line {\r\n            width: 40px;\r\n            height: 2px;\r\n            background-color: var(--accent-orange);\r\n        }\r\n\r\n        .wp-hs-hero-v2 h1 {\r\n            font-size: 3.2rem;\r\n            line-height: 1.15;\r\n            font-weight: 800;\r\n            color: var(--dark-blue);\r\n            margin: 0 0 1.2rem 0;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .wp-hs-hero-v2 h1 span {\r\n            color: var(--primary-blue);\r\n        }\r\n\r\n        .wp-hs-hero-v2 p.desc {\r\n            font-size: 1.05rem;\r\n            color: var(--text-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 2.5rem;\r\n            max-width: 90%;\r\n        }\r\n\r\n        \/* Call to Actions *\/\r\n        .wp-hs-hero-v2 .cta-group {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1.5rem;\r\n            margin-bottom: 3.5rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .btn-orange {\r\n            background-color: var(--accent-orange);\r\n            color: var(--white);\r\n            padding: 0.9rem 1.8rem;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 15px rgba(255, 107, 0, 0.25);\r\n        }\r\n\r\n        .wp-hs-hero-v2 .btn-orange:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(255, 107, 0, 0.35);\r\n        }\r\n\r\n        .wp-hs-hero-v2 .btn-outline {\r\n            background-color: transparent;\r\n            color: var(--primary-blue);\r\n            padding: 0.9rem 1.8rem;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border: 1px solid var(--primary-blue);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .btn-outline:hover {\r\n            background-color: var(--primary-blue);\r\n            color: var(--white);\r\n        }\r\n\r\n        \/* Features List *\/\r\n        .wp-hs-hero-v2 .app-features {\r\n            display: flex;\r\n            gap: 2rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .feature-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .f-icon {\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .f-icon.blue { background: #E0E7FF; color: #4F46E5; }\r\n        .wp-hs-hero-v2 .f-icon.orange { background: #FFEDD5; color: #EA580C; }\r\n        .wp-hs-hero-v2 .f-icon.green { background: #DCFCE7; color: #16A34A; }\r\n        .wp-hs-hero-v2 .f-icon.purple { background: #F3E8FF; color: #9333EA; }\r\n\r\n        .wp-hs-hero-v2 .feature-col span {\r\n            font-size: 0.75rem;\r\n            font-weight: 600;\r\n            color: var(--dark-blue);\r\n        }\r\n\r\n        \/* --- Right Visuals Column --- *\/\r\n        .wp-hs-hero-v2 .hero-visuals {\r\n            position: relative;\r\n            min-height: 550px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Single Mockup Image *\/\r\n        .wp-hs-hero-v2 .phones-mockup-img {\r\n            position: absolute;\r\n            left: -10px; \/* Shifted slightly left *\/\r\n            bottom: 5%;\r\n            height: 85%;\r\n            width: auto;\r\n            max-width: 380px;\r\n            object-fit: contain;\r\n            z-index: 3; \/* Increased Z-Index to place IN FRONT *\/\r\n            filter: drop-shadow(-15px 15px 25px rgba(0,0,0,0.25));\r\n        }\r\n\r\n        \/* Professional \/ Worker Image *\/\r\n        .wp-hs-hero-v2 .worker-img {\r\n            position: absolute;\r\n            right: -60px; \/* Pushed slightly right so he isn't hidden completely *\/\r\n            bottom: 0;\r\n            height: 95%;\r\n            object-fit: contain;\r\n            z-index: 2; \/* Decreased Z-Index to place BEHIND *\/\r\n            filter: drop-shadow(5px 10px 20px rgba(0,0,0,0.1));\r\n        }\r\n\r\n        \/* Floating Handwritten Text *\/\r\n        .wp-hs-hero-v2 .floating-text {\r\n            position: absolute;\r\n            font-family: 'Caveat', cursive;\r\n            color: var(--dark-blue);\r\n            font-size: 1.8rem;\r\n            line-height: 1.1;\r\n            font-weight: 700;\r\n            z-index: 4;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .text-top {\r\n            top: 20px;\r\n            right: 10px;\r\n            transform: rotate(-5deg);\r\n        }\r\n\r\n        .wp-hs-hero-v2 .text-bottom {\r\n            top: 35%;\r\n            right: -40px;\r\n            transform: rotate(-8deg);\r\n        }\r\n\r\n        \/* --- Bottom Info Bar --- *\/\r\n        .wp-hs-hero-v2 .bottom-bar-wrapper {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1250px;\r\n            margin: -60px auto 30px;\r\n            padding: 0 1.5rem;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .bottom-bar {\r\n            background: var(--white);\r\n            border-radius: 12px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.06);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 1.2rem 2.5rem;\r\n            flex-wrap: wrap;\r\n            gap: 2rem;\r\n        }\r\n\r\n        \/* Bottom Bar Left (Location) *\/\r\n        .wp-hs-hero-v2 .loc-block {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .loc-block i {\r\n            font-size: 2rem;\r\n            color: var(--dark-blue);\r\n        }\r\n\r\n        .wp-hs-hero-v2 .loc-block h4 {\r\n            margin: 0 0 2px 0;\r\n            font-size: 1.2rem;\r\n            color: var(--dark-blue);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .loc-block p {\r\n            margin: 0;\r\n            font-size: 0.65rem;\r\n            color: var(--text-gray);\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Bottom Bar Right (Stats) *\/\r\n        .wp-hs-hero-v2 .stats-group {\r\n            display: flex;\r\n            gap: 3rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .stat-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .wp-hs-hero-v2 .stat-item i {\r\n            font-size: 1.5rem;\r\n            color: var(--primary-blue);\r\n        }\r\n\r\n        .wp-hs-hero-v2 .stat-item span {\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            color: var(--dark-blue);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .wp-hs-hero-v2 h1 { font-size: 2.5rem; }\r\n            .wp-hs-hero-v2 .hero-visuals { min-height: 450px; }\r\n            .wp-hs-hero-v2 .text-bottom { right: -10px; }\r\n            .wp-hs-hero-v2 .stats-group { gap: 1.5rem; }\r\n            .wp-hs-hero-v2 .phones-mockup-img { max-width: 320px; }\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n            .wp-hs-hero-v2 .hero-container {\r\n                grid-template-columns: 1fr;\r\n                padding-bottom: 5rem;\r\n            }\r\n            .wp-hs-hero-v2 .hero-content {\r\n                text-align: center;\r\n                align-items: center;\r\n            }\r\n            .wp-hs-hero-v2 .tagline, .wp-hs-hero-v2 .cta-group, .wp-hs-hero-v2 .app-features {\r\n                justify-content: center;\r\n            }\r\n            .wp-hs-hero-v2 p.desc { max-width: 100%; }\r\n            .wp-hs-hero-v2 .hero-visuals { margin-top: 1rem; min-height: 450px; }\r\n            \r\n            \/* Responsive adjustments for layering on Tablet *\/\r\n            .wp-hs-hero-v2 .phones-mockup-img { left: 50%; transform: translateX(-60%); max-width: 280px;}\r\n            .wp-hs-hero-v2 .worker-img { right: 50%; transform: translateX(60%); height: 90%; }\r\n            \r\n            .wp-hs-hero-v2 .bottom-bar {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                padding: 2rem;\r\n            }\r\n            .wp-hs-hero-v2 .loc-block {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n            .wp-hs-hero-v2 .stats-group {\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        \/* Specifically target small Mobile Devices *\/\r\n        @media (max-width: 576px) {\r\n            \/* Removed display: none; *\/\r\n            .wp-hs-hero-v2 .hero-visuals { \r\n                min-height: 320px; \r\n                display: flex;\r\n            }\r\n            \r\n            .wp-hs-hero-v2 h1 { font-size: 2rem; }\r\n            \r\n            \/* Enhanced Mobile CTA Layout *\/\r\n            .wp-hs-hero-v2 .cta-group {\r\n                flex-direction: column;\r\n                gap: 1rem;\r\n                width: 100%;\r\n            }\r\n            .wp-hs-hero-v2 .cta-group a {\r\n                width: 100%;\r\n            }\r\n            \r\n            \/* Layout corrections for mobile imagery side-by-side *\/\r\n            .wp-hs-hero-v2 .phones-mockup-img { \r\n                left: 0; \r\n                transform: translateX(0); \/* Undo tablet centering *\/\r\n                max-width: 200px;\r\n                bottom: 0;\r\n            }\r\n            .wp-hs-hero-v2 .worker-img { \r\n                right: -10px; \r\n                transform: translateX(0); \/* Undo tablet centering *\/\r\n                height: 85%;\r\n            }\r\n            \r\n            \/* Optimize Text size for tiny screens *\/\r\n            .wp-hs-hero-v2 .floating-text { font-size: 1.2rem; }\r\n            .wp-hs-hero-v2 .text-top { top: 0px; right: 10px; }\r\n            .wp-hs-hero-v2 .text-bottom { top: 25%; right: -5px; }\r\n\r\n            .wp-hs-hero-v2 .stats-group { flex-direction: column; align-items: center; gap: 1rem; }\r\n            .wp-hs-hero-v2 .app-features { gap: 1rem; }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Skyline Background -->\r\n    <div class=\"skyline-bg\"><\/div>\r\n\r\n    <section class=\"hero-container\">\r\n        <!-- Left Content -->\r\n        <div class=\"hero-content\">\r\n            <div class=\"tagline\">\r\n                <span class=\"line\"><\/span> \r\n                HOME SERVICES APP DEVELOPMENT IN BANGALORE\r\n            <\/div>\r\n            \r\n            <h1>\r\n                Build a Powerful <br>\r\n                <span>Home Services App<\/span><br>\r\n                That Grows Your Business\r\n            <\/h1>\r\n            \r\n            <p class=\"desc\">\r\n                Launch a feature-rich home services app designed to connect customers with trusted professionals for cleaning, plumbing, electrical, appliance repair, beauty, maintenance, and more\u2014all from one seamless platform.\r\n            <\/p>\r\n            \r\n            <div class=\"cta-group\">\r\n                <a href=\"#\" class=\"btn-orange\">Get a Free Consultation <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <a href=\"#\" class=\"btn-outline\">Request a Quote<\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"app-features\">\r\n                <div class=\"feature-col\">\r\n                    <div class=\"f-icon blue\"><i class=\"fa-regular fa-user\"><\/i><\/div>\r\n                    <span>Customer App<\/span>\r\n                <\/div>\r\n                <div class=\"feature-col\">\r\n                    <div class=\"f-icon orange\"><i class=\"fa-solid fa-user-tie\"><\/i><\/div>\r\n                    <span>Service Provider App<\/span>\r\n                <\/div>\r\n                <div class=\"feature-col\">\r\n                    <div class=\"f-icon green\"><i class=\"fa-solid fa-gear\"><\/i><\/div>\r\n                    <span>Admin Dashboard<\/span>\r\n                <\/div>\r\n                <div class=\"feature-col\">\r\n                    <div class=\"f-icon purple\"><i class=\"fa-regular fa-credit-card\"><\/i><\/div>\r\n                    <span>Secure Payments<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Visuals -->\r\n        <div class=\"hero-visuals\">\r\n            <!-- Handwritten Notes -->\r\n            <div class=\"floating-text text-top\">Smarter Living<br>Happier Homes<\/div>\r\n            <div class=\"floating-text text-bottom\">Trusted Professionals<br>At Your Doorstep<\/div>\r\n            \r\n            <!-- Mobile Mockup (Single Image) -->\r\n            <img decoding=\"async\" class=\"phones-mockup-img\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design-15_11zon.webp\" alt=\"App Mockup\">\r\n            \r\n            <!-- Service Professional PNG -->\r\n            <img decoding=\"async\" class=\"worker-img\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/serviceman.webp\" alt=\"Service Professional\">\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Bottom Statistics Bar -->\r\n    <div class=\"bottom-bar-wrapper\">\r\n        <div class=\"bottom-bar\">\r\n            \r\n            <div class=\"loc-block\">\r\n                <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                <div>\r\n                    <h4>Bangalore<\/h4>\r\n                    <p>BUILDING SMARTER SOLUTIONS<br>FOR A BETTER TOMORROW<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stats-group\">\r\n                <div class=\"stat-item\">\r\n                    <i class=\"fa-solid fa-chart-line\"><\/i>\r\n                    <span>Grow Your<br>Service Business<\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                    <span>Scalable &<br>Secure Solutions<\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <i class=\"fa-solid fa-users\"><\/i>\r\n                    <span>Local Support<br>in Bangalore<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2369d43 e-flex e-con-boxed e-con e-parent\" data-id=\"2369d43\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e29b74c elementor-widget elementor-widget-html\" data-id=\"e29b74c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Home Services App Development<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800&family=Caveat:wght@700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Isolate styles using a specific wrapper class *\/\r\n        .home-services-wrapper {\r\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n            background-color: #ffffff;\r\n            padding: 5rem 2rem;\r\n            width: 100%;\r\n        }\r\n\r\n        .home-services-wrapper * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .home-services-wrapper .container {\r\n            max-width: 1350px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            gap: 2.5rem;\r\n            align-items: stretch; \/* Forces both child columns to be the same height *\/\r\n        }\r\n\r\n        \/* Left Side: Cards Section *\/\r\n        .home-services-wrapper .left-content {\r\n            flex: 2.2; \/* Takes up more space to fit 4 cards nicely *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .home-services-wrapper .section-title {\r\n            font-size: 2.25rem;\r\n            color: #111827;\r\n            font-weight: 800;\r\n            margin-bottom: 1rem;\r\n            letter-spacing: -0.025em;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Adjusted gradient for a Home Service vibe (Orange, Teal, Blue) *\/\r\n        .home-services-wrapper .section-title span {\r\n            background: linear-gradient(to right, #f97316, #06b6d4, #3b82f6);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .home-services-wrapper .section-subtitle {\r\n            font-size: 1.05rem;\r\n            color: #4b5563;\r\n            margin-bottom: 2.5rem;\r\n            line-height: 1.6;\r\n            max-width: 90%;\r\n        }\r\n\r\n        .home-services-wrapper .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1.5rem;\r\n            flex: 1; \/* Allows grid to take remaining space if needed *\/\r\n        }\r\n\r\n        .home-services-wrapper .card-item {\r\n            background-color: #ffffff;\r\n            border: 1px solid #f3f4f6;\r\n            border-radius: 16px;\r\n            padding: 2.5rem 1.25rem;\r\n            text-align: center;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .home-services-wrapper .card-item:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: 0 12px 30px rgba(14, 165, 233, 0.1);\r\n            border-color: #e0f2fe;\r\n        }\r\n\r\n        .home-services-wrapper .icon-circle {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1.5rem auto;\r\n            color: #ffffff;\r\n            transform: rotate(-3deg);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .home-services-wrapper .card-item:hover .icon-circle {\r\n            transform: rotate(0deg) scale(1.05);\r\n        }\r\n\r\n        .home-services-wrapper .icon-circle svg {\r\n            width: 28px;\r\n            height: 28px;\r\n            stroke: currentColor;\r\n            stroke-width: 2;\r\n            fill: none;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n        }\r\n\r\n        \/* Updated Card Gradients *\/\r\n        .home-services-wrapper .bg-orange { background: linear-gradient(135deg, #fb923c, #ea580c); }\r\n        .home-services-wrapper .bg-teal { background: linear-gradient(135deg, #2dd4bf, #0d9488); }\r\n        .home-services-wrapper .bg-blue { background: linear-gradient(135deg, #60a5fa, #2563eb); }\r\n        .home-services-wrapper .bg-green { background: linear-gradient(135deg, #4ade80, #16a34a); }\r\n\r\n        .home-services-wrapper .card-item h3 {\r\n            font-size: 1.1rem;\r\n            color: #1f2937;\r\n            font-weight: 700;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .home-services-wrapper .card-item p {\r\n            font-size: 0.875rem;\r\n            color: #6b7280;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Right Side: Why Choose Panel *\/\r\n        .home-services-wrapper .right-panel {\r\n            flex: 1;\r\n            background: linear-gradient(145deg, #f0f9ff, #e0f2fe); \/* Light blue gradient *\/\r\n            border-radius: 24px;\r\n            padding: 2.5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            border: 1px solid #bae6fd;\r\n            box-shadow: inset 0 0 40px rgba(255,255,255,0.6);\r\n        }\r\n\r\n        .home-services-wrapper .panel-title {\r\n            font-size: 1.5rem;\r\n            color: #0369a1; \/* Deep blue *\/\r\n            font-weight: 800;\r\n            margin-bottom: 1.5rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .home-services-wrapper .feature-list {\r\n            list-style: none;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .home-services-wrapper .feature-list li {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 1rem;\r\n            font-size: 0.95rem;\r\n            color: #374151;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .home-services-wrapper .check-icon {\r\n            width: 22px;\r\n            height: 22px;\r\n            margin-right: 12px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Signature and Swoosh *\/\r\n        .home-services-wrapper .signature-area {\r\n            margin-top: auto;\r\n            align-self: flex-end;\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n            padding-right: 1rem;\r\n            padding-top: 2rem;\r\n        }\r\n\r\n        .home-services-wrapper .signature-text {\r\n            font-family: 'Caveat', cursive;\r\n            color: #ea580c; \/* Vibrant Orange *\/\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            line-height: 1;\r\n            transform: rotate(-6deg);\r\n        }\r\n\r\n        .home-services-wrapper .swoosh {\r\n            width: 90px;\r\n            height: 20px;\r\n            stroke: #ea580c;\r\n            stroke-width: 3;\r\n            fill: none;\r\n            stroke-linecap: round;\r\n            transform: rotate(-6deg);\r\n            margin-top: 5px;\r\n        }\r\n\r\n        \/* Faint House Watermark *\/\r\n        .home-services-wrapper .network-bg {\r\n            position: absolute;\r\n            right: -20px;\r\n            bottom: -20px;\r\n            height: 80%;\r\n            width: auto;\r\n            opacity: 0.04;\r\n            color: #0284c7;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* Responsive Breakpoints *\/\r\n        @media (max-width: 1200px) {\r\n            .home-services-wrapper .container {\r\n                flex-direction: column;\r\n            }\r\n            .home-services-wrapper .right-panel {\r\n                width: 100%;\r\n                max-width: 700px;\r\n                margin: 0 auto;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .home-services-wrapper .cards-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .home-services-wrapper {\r\n                padding: 3rem 1rem;\r\n            }\r\n            .home-services-wrapper .cards-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .home-services-wrapper .section-title {\r\n                font-size: 1.75rem;\r\n            }\r\n            .home-services-wrapper .signature-area {\r\n                align-self: center;\r\n                padding-right: 0;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"home-services-wrapper\">\r\n    <div class=\"container\">\r\n        \r\n        <!-- Left Side: Cards Container -->\r\n        <div class=\"left-content\">\r\n            <h2 class=\"section-title\">Complete Home Services App Development in Bangalore<\/h2>\r\n            <p class=\"section-subtitle\">We build scalable, on-demand home service platforms that seamlessly connect users with trusted professionals for cleaning, maintenance, repairs, and beauty services.<\/p>\r\n            \r\n            <div class=\"cards-grid\">\r\n                \r\n                <!-- Card 1: Easy Scheduling -->\r\n                <div class=\"card-item\">\r\n                    <div class=\"icon-circle bg-orange\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n                            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n                            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n                            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Easy Scheduling<\/h3>\r\n                    <p>Intuitive booking interfaces allowing users to schedule services instantly or for a later date.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 2: Live Tracking -->\r\n                <div class=\"card-item\">\r\n                    <div class=\"icon-circle bg-teal\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Live Tracking<\/h3>\r\n                    <p>Real-time GPS tracking of service professionals from dispatch to the customer's doorstep.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 3: Secure Payments -->\r\n                <div class=\"card-item\">\r\n                    <div class=\"icon-circle bg-blue\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\r\n                            <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Secure Payments<\/h3>\r\n                    <p>Integrated multi-gateway payment solutions, in-app wallets, and automated digital invoicing.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 4: Admin Panel -->\r\n                <div class=\"card-item\">\r\n                    <div class=\"icon-circle bg-green\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                            <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Admin Dashboard<\/h3>\r\n                    <p>Centralized control panel to manage services, verify providers, and track platform commissions.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Side: Why Choose Panel -->\r\n        <div class=\"right-panel\">\r\n            \r\n            <!-- Faint background House icon -->\r\n            <svg class=\"network-bg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\r\n                <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\r\n            <\/svg>\r\n\r\n            <h2 class=\"panel-title\">Why Choose Our Bangalore Team?<\/h2>\r\n            \r\n            <ul class=\"feature-list\">\r\n                <li>\r\n                    <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0ea5e9\"\/>\r\n                        <path d=\"M8 12l2.5 2.5L16 9\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                    Expertise in On-Demand Apps\r\n                <\/li>\r\n                <li>\r\n                    <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0ea5e9\"\/>\r\n                        <path d=\"M8 12l2.5 2.5L16 9\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                    Robust Dispatch & Booking Engines\r\n                <\/li>\r\n                <li>\r\n                    <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0ea5e9\"\/>\r\n                        <path d=\"M8 12l2.5 2.5L16 9\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                    Intuitive UI\/UX for Customers & Workers\r\n                <\/li>\r\n                <li>\r\n                    <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0ea5e9\"\/>\r\n                        <path d=\"M8 12l2.5 2.5L16 9\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                    Verified Service Provider Workflows\r\n                <\/li>\r\n                <li>\r\n                    <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0ea5e9\"\/>\r\n                        <path d=\"M8 12l2.5 2.5L16 9\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                    Scalable Multi-City Architecture\r\n                <\/li>\r\n                <li>\r\n                    <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0ea5e9\"\/>\r\n                        <path d=\"M8 12l2.5 2.5L16 9\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                    Secure In-App Wallet Integrations\r\n                <\/li>\r\n                <li>\r\n                    <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0ea5e9\"\/>\r\n                        <path d=\"M8 12l2.5 2.5L16 9\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                    Post-Launch Maintenance & Support\r\n                <\/li>\r\n            <\/ul>\r\n\r\n            <div class=\"signature-area\">\r\n                <div class=\"signature-text\">Smarter<br>Homes<\/div>\r\n                <svg class=\"swoosh\" viewBox=\"0 0 100 20\">\r\n                    <path d=\"M5,15 Q50,0 95,15\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-563d25d e-flex e-con-boxed e-con e-parent\" data-id=\"563d25d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-059457a elementor-widget elementor-widget-html\" data-id=\"059457a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"home-services-features-wrapper\">\r\n    <style>\r\n        .home-services-features-wrapper {\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n            max-width: 1350px;\r\n            margin: 0 auto;\r\n            padding: 40px 20px;\r\n            box-sizing: border-box;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-header {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-header h2 {\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n            color: #1a1a2e;\r\n            margin: 0 0 10px 0;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-header p {\r\n            font-size: 16px;\r\n            color: #5c677d;\r\n            margin: 0;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n            gap: 25px;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-card {\r\n            background: #fafbff;\r\n            border: 1px solid #eef2f9;\r\n            border-radius: 12px;\r\n            padding: 30px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-right: 15px;\r\n            color: #ffffff;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        \/* Home Services Color Palette *\/\r\n        .home-services-features-wrapper .hs-icon-customer {\r\n            background-color: #3b82f6; \/* Trust Blue *\/\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-icon-provider {\r\n            background-color: #f97316; \/* Energetic Orange *\/\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-icon-admin {\r\n            background-color: #10b981; \/* Growth Green *\/\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-card-title {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: #1a1a2e;\r\n            margin: 0;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-list li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 14px;\r\n            font-size: 14.5px;\r\n            color: #4a5568;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-list li:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .home-services-features-wrapper .hs-list li svg {\r\n            flex-shrink: 0;\r\n            width: 18px;\r\n            height: 18px;\r\n            margin-right: 12px;\r\n            margin-top: 2px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .home-services-features-wrapper .hs-header h2 {\r\n                font-size: 24px;\r\n            }\r\n            .home-services-features-wrapper .hs-grid {\r\n                gap: 20px;\r\n            }\r\n            .home-services-features-wrapper .hs-card {\r\n                padding: 25px 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"hs-header\">\r\n        <h2>Key Features of a Home Services App<\/h2>\r\n        <p>We build robust, multi-platform solutions equipped with everything required to seamlessly connect customers, service professionals, and business administrators.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hs-grid\">\r\n        <!-- Customer Features Card -->\r\n        <div class=\"hs-card\">\r\n            <div class=\"hs-card-header\">\r\n                <div class=\"hs-icon hs-icon-customer\">\r\n                    <!-- User\/Home Icon -->\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3zm0 2.7l6 5.4V19h-2v-6H8v6H6v-7.9l6-5.4z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"hs-card-title\">Customer App Features<\/h3>\r\n            <\/div>\r\n            <ul class=\"hs-list\">\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Quick registration & easy profile setup<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Advanced service search & category filters<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Instant booking & scheduled appointments<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Real-time GPS tracking of professionals<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Secure multi-gateway payment integrations<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>In-app chat & masked phone calling<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Booking history & easy re-booking<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Transparent ratings & review system<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Push notifications & live status alerts<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Multi-address & location management<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Service Provider Features Card -->\r\n        <div class=\"hs-card\">\r\n            <div class=\"hs-card-header\">\r\n                <div class=\"hs-icon hs-icon-provider\">\r\n                    <!-- Tool\/Wrench Icon -->\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.4-2.4c.4-.4.4-1 0-1.3z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"hs-card-title\">Service Provider Features<\/h3>\r\n            <\/div>\r\n            <ul class=\"hs-list\">\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Streamlined onboarding & KYC verification<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Real-time new job requests & alerts<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>One-tap Accept\/Reject booking options<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>In-app Google Maps navigation to clients<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Comprehensive earnings & payout tracker<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Shift toggling & availability management<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Direct customer chat & support access<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Job status updates (Start, Pause, Complete)<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Performance metrics & rating dashboards<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Digital wallet & instant withdrawal options<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Admin Panel Features Card -->\r\n        <div class=\"hs-card\">\r\n            <div class=\"hs-card-header\">\r\n                <div class=\"hs-icon hs-icon-admin\">\r\n                    <!-- Dashboard\/Settings Icon -->\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.06-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.73,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.06,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.43-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.49-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"hs-card-title\">Admin Panel Features<\/h3>\r\n            <\/div>\r\n            <ul class=\"hs-list\">\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Interactive master control dashboard<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>User & service provider management<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Dynamic service & category setup<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Advanced commission & pricing controls<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Real-time booking monitor & dispatch<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Promo codes & marketing campaign tools<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Dispute resolution & support ticketing<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Detailed financial & revenue analytics<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Global push notification broadcasting<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Role-based access control (RBAC)<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed76fc2 e-flex e-con-boxed e-con e-parent\" data-id=\"ed76fc2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88ed8bf elementor-widget elementor-widget-html\" data-id=\"88ed8bf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts for Premium Typography -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"premium-hs-wrapper\">\r\n    <style>\r\n        \/* --- SCOPED VARIABLES & RESET --- *\/\r\n        .premium-hs-wrapper {\r\n            --brand-primary: #2563eb;\r\n            --brand-secondary: #06b6d4;\r\n            --brand-accent: #f97316;\r\n            --text-main: #0f172a;\r\n            --text-muted: #64748b;\r\n            --bg-body: #f8fafc;\r\n            --bg-card: #ffffff;\r\n            \r\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\r\n            background-color: var(--bg-body);\r\n            padding: 3rem 2rem;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .premium-hs-wrapper * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* --- CONTAINER --- *\/\r\n        .premium-hs-wrapper .container {\r\n            max-width: 1350px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        \/* --- SECTION HEADERS --- *\/\r\n        .premium-hs-wrapper .section-header {\r\n            text-align: center;\r\n            max-width: 650px;\r\n            margin: 0 auto 4rem auto;\r\n        }\r\n\r\n        .premium-hs-wrapper .section-badge {\r\n            display: inline-block;\r\n            background: rgba(37, 99, 235, 0.1);\r\n            color: var(--brand-primary);\r\n            padding: 0.5rem 1.25rem;\r\n            border-radius: 100px;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            letter-spacing: 0.5px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .premium-hs-wrapper .section-header h2 {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            color: var(--text-main);\r\n            line-height: 1.2;\r\n            margin-bottom: 1.25rem;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .premium-hs-wrapper .section-header p {\r\n            font-size: 1.1rem;\r\n            color: var(--text-muted);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* --- TIMELINE PROCESS SECTION --- *\/\r\n        .premium-hs-wrapper .process-timeline {\r\n            display: grid;\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 1.5rem;\r\n            position: relative;\r\n            margin-bottom: 6rem;\r\n        }\r\n\r\n        .premium-hs-wrapper .timeline-step {\r\n            position: relative;\r\n            text-align: center;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Connecting Dashed Line *\/\r\n        .premium-hs-wrapper .timeline-step:not(:last-child)::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 44px; \/* Center of icon *\/\r\n            left: 50%;\r\n            width: 100%;\r\n            height: 3px;\r\n            background-image: linear-gradient(90deg, #cbd5e1 50%, transparent 50%);\r\n            background-size: 12px 100%;\r\n            z-index: -1;\r\n            transform: translateX(50%);\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .premium-hs-wrapper .step-icon {\r\n            width: 88px;\r\n            height: 88px;\r\n            margin: 0 auto 1.5rem auto;\r\n            background: var(--bg-card);\r\n            border-radius: 28px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);\r\n            border: 1px solid #f1f5f9;\r\n            color: var(--brand-primary);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Bouncy hover *\/\r\n            position: relative;\r\n        }\r\n\r\n        .premium-hs-wrapper .timeline-step:hover .step-icon {\r\n            transform: translateY(-10px) scale(1.05);\r\n            background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));\r\n            color: #ffffff;\r\n            box-shadow: 0 20px 40px rgba(37, 99, 235, 0.25);\r\n            border-color: transparent;\r\n        }\r\n\r\n        .premium-hs-wrapper .step-icon svg {\r\n            width: 36px;\r\n            height: 36px;\r\n            stroke-width: 1.5;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* Number Badge *\/\r\n        .premium-hs-wrapper .step-number {\r\n            position: absolute;\r\n            top: -10px;\r\n            right: -10px;\r\n            width: 28px;\r\n            height: 28px;\r\n            background: var(--brand-accent);\r\n            color: #fff;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3);\r\n            border: 3px solid var(--bg-body);\r\n        }\r\n\r\n        .premium-hs-wrapper .timeline-step h4 {\r\n            font-size: 1.15rem;\r\n            font-weight: 700;\r\n            color: var(--text-main);\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .premium-hs-wrapper .timeline-step p {\r\n            font-size: 0.9rem;\r\n            color: var(--text-muted);\r\n            line-height: 1.6;\r\n            max-width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- DIVIDER --- *\/\r\n        .premium-hs-wrapper .sleek-divider {\r\n            width: 100%;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, #e2e8f0, transparent);\r\n            margin: 2rem 0 5rem 0;\r\n        }\r\n\r\n        \/* --- INDUSTRIES SECTION --- *\/\r\n        .premium-hs-wrapper .industries-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n        }\r\n\r\n        .premium-hs-wrapper .industry-card {\r\n            background: var(--bg-card);\r\n            border-radius: 24px;\r\n            padding: 2rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1.5rem;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n            border: 1px solid #f1f5f9;\r\n            transition: all 0.3s ease;\r\n            cursor: default;\r\n        }\r\n\r\n        .premium-hs-wrapper .industry-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\r\n            border-color: #dbeafe;\r\n        }\r\n\r\n        .premium-hs-wrapper .ind-icon-box {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .premium-hs-wrapper .industry-card:hover .ind-icon-box {\r\n            transform: scale(1.1) rotate(-5deg);\r\n        }\r\n\r\n        .premium-hs-wrapper .ind-icon-box svg {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n\r\n        \/* Distinct Colors for each industry to make it pop *\/\r\n        .premium-hs-wrapper .ic-1 { background: #eff6ff; color: #2563eb; } \/* Blue *\/\r\n        .premium-hs-wrapper .ic-2 { background: #fff7ed; color: #ea580c; } \/* Orange *\/\r\n        .premium-hs-wrapper .ic-3 { background: #f0fdf4; color: #16a34a; } \/* Green *\/\r\n        .premium-hs-wrapper .ic-4 { background: #fdf4ff; color: #c026d3; } \/* Pink\/Purple *\/\r\n        .premium-hs-wrapper .ic-5 { background: #fef2f2; color: #e11d48; } \/* Rose *\/\r\n        .premium-hs-wrapper .ic-6 { background: #f0fdfa; color: #0d9488; } \/* Teal *\/\r\n\r\n        .premium-hs-wrapper .industry-card h4 {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: var(--text-main);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* --- RESPONSIVE DESIGN --- *\/\r\n        @media (max-width: 1100px) {\r\n            .premium-hs-wrapper .process-timeline {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                row-gap: 3.5rem;\r\n            }\r\n            \/* Fix connecting lines for 3-col grid *\/\r\n            .premium-hs-wrapper .timeline-step:not(:last-child)::after {\r\n                display: none; \/* Turn off horizontal lines for messy wraps *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .premium-hs-wrapper .industries-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            .premium-hs-wrapper .section-header h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .premium-hs-wrapper {\r\n                padding: 4rem 1.5rem;\r\n            }\r\n            .premium-hs-wrapper .process-timeline {\r\n                grid-template-columns: 1fr;\r\n                gap: 2.5rem;\r\n                padding-left: 20px;\r\n                border-left: 3px dashed #cbd5e1; \/* Vertical Timeline *\/\r\n                margin-left: 10px;\r\n            }\r\n            .premium-hs-wrapper .timeline-step {\r\n                text-align: left;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 1.5rem;\r\n            }\r\n            .premium-hs-wrapper .timeline-step::before {\r\n                content: '';\r\n                position: absolute;\r\n                left: -33px; \/* Align dot on the border *\/\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                width: 14px;\r\n                height: 14px;\r\n                background: var(--brand-primary);\r\n                border-radius: 50%;\r\n                box-shadow: 0 0 0 4px var(--bg-body);\r\n            }\r\n            .premium-hs-wrapper .step-icon {\r\n                margin: 0;\r\n                width: 70px;\r\n                height: 70px;\r\n                flex-shrink: 0;\r\n            }\r\n            .premium-hs-wrapper .step-icon svg { width: 28px; height: 28px; }\r\n            .premium-hs-wrapper .step-number { top: -5px; right: -5px; }\r\n            .premium-hs-wrapper .timeline-step p { margin: 0; max-width: 100%; }\r\n            \r\n            .premium-hs-wrapper .industries-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"container\">\r\n        \r\n        <!-- SECTION 1: TIMELINE -->\r\n        <div class=\"section-header\">\r\n            <span class=\"section-badge\">How We Work<\/span>\r\n            <h2>Our App Development Process<\/h2>\r\n            <p>A structured, agile approach to building high-performance, on-demand home service platforms tailored to your business goals.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"process-timeline\">\r\n            <!-- Step 1 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <span class=\"step-number\">1<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n                        <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Discover<\/h4>\r\n                <p>We analyze your service offerings, local market needs, and user requirements.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Step 2 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <span class=\"step-number\">2<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M12 20h9\"><\/path>\r\n                        <path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Design<\/h4>\r\n                <p>Creating intuitive, frictionless booking flows for users and professionals.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Step 3 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <span class=\"step-number\">3<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"16 18 22 12 16 6\"><\/polyline>\r\n                        <polyline points=\"8 6 2 12 8 18\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Develop<\/h4>\r\n                <p>Building robust dispatch engines and highly secure payment gateways.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Step 4 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <span class=\"step-number\">4<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n                        <path d=\"M9 12l2 2 4-4\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Test<\/h4>\r\n                <p>Rigorous field-testing for GPS routing, logic, and real-time alerts.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Step 5 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <span class=\"step-number\">5<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"><\/path>\r\n                        <path d=\"M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"><\/path>\r\n                        <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"><\/path>\r\n                        <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Launch<\/h4>\r\n                <p>Deploy to App Stores and seamlessly scale your service business.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- DIVIDER -->\r\n        <div class=\"sleek-divider\"><\/div>\r\n\r\n        <!-- SECTION 2: INDUSTRIES -->\r\n        <div class=\"section-header\">\r\n            <span class=\"section-badge\">Who We Build For<\/span>\r\n            <h2>Service Categories<\/h2>\r\n            <p>We engineer feature-rich digital solutions for diverse segments of the on-demand home services industry.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"industries-grid\">\r\n            \r\n            <div class=\"industry-card\">\r\n                <div class=\"ind-icon-box ic-1\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M12 3l1.912 5.813a2 2 0 001.275 1.275L21 12l-5.813 1.912a2 2 0 00-1.275 1.275L12 21l-1.912-5.813a2 2 0 00-1.275-1.275L3 12l5.813-1.912a2 2 0 001.275-1.275L12 3z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Home Cleaning &<br>Sanitization<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"industry-card\">\r\n                <div class=\"ind-icon-box ic-2\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Plumbing &<br>Pipe Repair<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"industry-card\">\r\n                <div class=\"ind-icon-box ic-3\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Electrical &<br>HVAC Systems<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"industry-card\">\r\n                <div class=\"ind-icon-box ic-4\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"6\" cy=\"6\" r=\"3\"><\/circle>\r\n                        <circle cx=\"6\" cy=\"18\" r=\"3\"><\/circle>\r\n                        <line x1=\"20\" y1=\"4\" x2=\"8.12\" y2=\"15.88\"><\/line>\r\n                        <line x1=\"14.47\" y1=\"14.48\" x2=\"20\" y2=\"20\"><\/line>\r\n                        <line x1=\"8.12\" y1=\"8.12\" x2=\"12\" y2=\"12\"><\/line>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>At-Home Beauty<br>& Salon Services<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"industry-card\">\r\n                <div class=\"ind-icon-box ic-5\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect>\r\n                        <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon>\r\n                        <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                        <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Packers &<br>Relocation Movers<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"industry-card\">\r\n                <div class=\"ind-icon-box ic-6\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\r\n                        <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>General Home<br>Maintenance<\/h4>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03cffdb e-flex e-con-boxed e-con e-parent\" data-id=\"03cffdb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f993af5 elementor-widget elementor-widget-html\" data-id=\"f993af5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Home Service App Development<\/title>\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    .home-app-section {\r\n      font-family: 'Plus Jakarta Sans', sans-serif;\r\n      padding: 80px 20px;\r\n      background-color: #fcfaff; \r\n      color: #1e293b;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .home-app-container {\r\n      max-width: 1440px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1.3fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* LEFT COLUMN *\/\r\n    .home-app-tag {\r\n      color: #4f46e5; \/* Primary Indigo *\/\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 1.5px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .home-app-tag .tag-line {\r\n      width: 30px;\r\n      height: 2px;\r\n      background: #4f46e5;\r\n      display: inline-block;\r\n    }\r\n\r\n    .home-app-tag .tag-dot {\r\n      width: 4px;\r\n      height: 4px;\r\n      background-color: #4f46e5;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .home-app-title {\r\n      font-size: 46px;\r\n      font-weight: 800;\r\n      line-height: 1.15;\r\n      color: #0f172a;\r\n      margin: 0 0 20px 0;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .home-app-title span { \r\n      color: #4f46e5;\r\n    }\r\n\r\n    .home-app-description {\r\n      font-size: 16px;\r\n      color: #475569;\r\n      line-height: 1.6;\r\n      margin-bottom: 35px;\r\n      max-width: 90%;\r\n    }\r\n\r\n    .home-app-props-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 12px;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .home-app-prop-item {\r\n      background: #ffffff;\r\n      padding: 24px 12px;\r\n      border-radius: 12px;\r\n      text-align: center;\r\n      box-shadow: 0 4px 12px rgba(79, 70, 229, 0.04);\r\n      border: 1px solid #e2e8f0;\r\n      transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .home-app-prop-item:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 8px 20px rgba(79, 70, 229, 0.08);\r\n    }\r\n\r\n    .home-app-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 0 auto 16px auto;\r\n    }\r\n\r\n    .home-app-icon svg { width: 24px; height: 24px; }\r\n    \r\n    \/* Color variations for icons *\/\r\n    .home-icon-blue { background: #dbeafe; color: #2563eb; }\r\n    .home-icon-cyan { background: #ccfbf1; color: #0d9488; }\r\n    .home-icon-indigo { background: #e0e7ff; color: #4f46e5; }\r\n    .home-icon-purple { background: #fae8ff; color: #c026d3; }\r\n\r\n    .home-app-prop-item h4 { \r\n      font-size: 13px; \r\n      font-weight: 700; \r\n      margin: 0 0 6px 0; \r\n      color: #0f172a;\r\n    }\r\n\r\n    .home-app-prop-item p { \r\n      font-size: 11px; \r\n      color: #64748b; \r\n      margin: 0; \r\n      line-height: 1.4; \r\n    }\r\n\r\n    .home-architecture-pill {\r\n      background: #ffffff;\r\n      border: 1px solid #c7d2fe;\r\n      border-radius: 12px;\r\n      padding: 16px 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      position: relative;\r\n      cursor: pointer;\r\n      box-shadow: 0 10px 20px rgba(79, 70, 229, 0.05);\r\n      transition: border-color 0.3s;\r\n    }\r\n    \r\n    .home-architecture-pill:hover {\r\n        border-color: #4f46e5;\r\n    }\r\n\r\n    .home-architecture-pill .app-icon {\r\n      background: #4f46e5;\r\n      color: #fff;\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n    \r\n    .home-architecture-pill .app-icon svg {\r\n        width: 22px; height: 22px;\r\n    }\r\n\r\n    .home-architecture-pill .pill-text-content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n    }\r\n\r\n    .home-architecture-pill strong { \r\n      display: block; \r\n      font-size: 14px; \r\n      color: #3730a3; \r\n    }\r\n\r\n    .home-architecture-pill p { \r\n      margin: 0; \r\n      font-size: 12px; \r\n      color: #64748b; \r\n    }\r\n\r\n    .home-architecture-pill .pill-arrow {\r\n      margin-left: auto;\r\n      color: #3730a3;\r\n    }\r\n    \r\n    .home-architecture-pill .pill-arrow svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    \/* RIGHT COLUMN & CARDS *\/\r\n    .home-app-right {\r\n      position: relative;\r\n      background: #ffffff;\r\n      padding: 40px;\r\n      border-radius: 24px;\r\n      box-shadow: 0 20px 40px rgba(79, 70, 229, 0.06);\r\n      border: 1px solid #e0e7ff;\r\n    }\r\n\r\n    .home-cards-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 30px;\r\n    }\r\n\r\n    .home-card {\r\n      background: #ffffff;\r\n      border: 1px solid #f1f5f9;\r\n      border-radius: 16px;\r\n      padding: 24px;\r\n      box-shadow: 0 4px 10px rgba(0,0,0,0.02);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n    \r\n    .home-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 10px 20px rgba(79, 70, 229, 0.08);\r\n        border-color: #c7d2fe;\r\n    }\r\n\r\n    .home-card .card-header {\r\n      display: flex;\r\n      gap: 16px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .home-card .card-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n    \r\n    .home-card .card-icon svg { width: 20px; height: 20px; }\r\n    \r\n    .icon-blue { background: #dbeafe; color: #2563eb; }\r\n    .icon-cyan { background: #ccfbf1; color: #0d9488; }\r\n    .icon-indigo { background: #e0e7ff; color: #4f46e5; }\r\n    .icon-purple { background: #fae8ff; color: #c026d3; }\r\n\r\n    .home-card .card-header h3 {\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      color: #1e293b;\r\n      margin: 0 0 6px 0;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .home-card .card-header p {\r\n      font-size: 12px;\r\n      color: #64748b;\r\n      margin: 0;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .home-tags {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .home-tag-item {\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      color: #334155;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding-top: 8px;\r\n      border-top: 1px dashed #e2e8f0;\r\n    }\r\n\r\n    \/* CENTER APP BADGE *\/\r\n    .home-badge-wrapper {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 140px;\r\n      height: 140px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 10;\r\n    }\r\n\r\n    .home-badge-wrapper .orbit-circle {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      border: 1px dashed #a5b4fc;\r\n    }\r\n\r\n    .orbit-1 { width: 100%; height: 100%; animation: rotateOrbit 20s linear infinite; }\r\n    .orbit-2 { width: 130%; height: 130%; border-color: #818cf8; animation: rotateOrbitReverse 25s linear infinite; }\r\n\r\n    .home-badge-wrapper .orbit-dot {\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .dot-a { background-color: #4f46e5; top: -4px; left: 50%; transform: translateX(-50%); }\r\n    .dot-b { background-color: #0d9488; bottom: -4px; left: 50%; transform: translateX(-50%); }\r\n\r\n    .home-badge-wrapper .badge-content {\r\n      width: 74px;\r\n      height: 74px;\r\n      background: #ffffff;\r\n      border-radius: 50%;\r\n      box-shadow: 0 10px 25px rgba(79, 70, 229, 0.25);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 4px solid #eef2ff;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .home-badge-wrapper .badge-content svg {\r\n      width: 32px;\r\n      height: 32px;\r\n    }\r\n\r\n    \/* STATS BANNER *\/\r\n    .home-stats-banner {\r\n      max-width: 1100px;\r\n      margin: 50px auto 0 auto;\r\n      background: #ffffff;\r\n      border-radius: 100px;\r\n      padding: 16px 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      box-shadow: 0 15px 35px rgba(79, 70, 229, 0.06);\r\n      border: 1px solid #f1f5f9;\r\n    }\r\n\r\n    .home-stats-banner .banner-left {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n    }\r\n\r\n    .home-stats-banner .chart-icon {\r\n      background: #4f46e5; \/* Primary Indigo *\/\r\n      color: white;\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    \r\n    .home-stats-banner .chart-icon svg {\r\n      width: 22px;\r\n      height: 22px;\r\n    }\r\n\r\n    .home-stats-banner .banner-text {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .home-stats-banner .banner-text strong {\r\n      font-size: 13px;\r\n      color: #0f172a;\r\n    }\r\n    \r\n    .home-stats-banner .banner-text span {\r\n      font-size: 12px;\r\n      color: #64748b;\r\n    }\r\n\r\n    .home-stats-banner .banner-stats { \r\n      display: flex; \r\n      align-items: center; \r\n      gap: 30px; \r\n    }\r\n\r\n    .home-stats-banner .stat-item { \r\n      text-align: center; \r\n    }\r\n\r\n    .home-stats-banner .stat-item h4 { \r\n      font-size: 20px; \r\n      font-weight: 800; \r\n      color: #4f46e5; \r\n      margin: 0 0 2px 0; \r\n    }\r\n\r\n    .home-stats-banner .stat-item p { \r\n      font-size: 10px; \r\n      color: #64748b; \r\n      font-weight: 700;\r\n      margin: 0; \r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .home-stats-banner .stat-divider { \r\n      width: 1px; \r\n      height: 35px; \r\n      background-color: #e2e8f0; \r\n    }\r\n\r\n    \/* KEYFRAMES *\/\r\n    @keyframes rotateOrbit {\r\n      0% { transform: rotate(0deg); }\r\n      100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes rotateOrbitReverse {\r\n      0% { transform: rotate(360deg); }\r\n      100% { transform: rotate(0deg); }\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 1150px) {\r\n      .home-app-container { grid-template-columns: 1fr; gap: 40px; }\r\n      .home-badge-wrapper { display: none; }\r\n      .home-stats-banner { flex-direction: column; gap: 24px; border-radius: 24px; text-align: center; padding: 24px; }\r\n      .home-stats-banner .banner-left { flex-direction: column; text-align: center; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .home-app-props-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .home-app-title { font-size: 34px; }\r\n      .home-app-right { padding: 20px; }\r\n      .home-cards-grid { grid-template-columns: 1fr; }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .home-app-props-grid { grid-template-columns: 1fr; }\r\n      .home-stats-banner .banner-stats { flex-direction: column; gap: 15px; }\r\n      .home-stats-banner .stat-divider { width: 50px; height: 1px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"home-app-section\">\r\n    <div class=\"home-app-container\">\r\n      \r\n      <!-- LEFT COLUMN: Heading & Highlights -->\r\n      <div class=\"home-app-left\">\r\n        <div class=\"home-app-tag\">\r\n          HOME SERVICE APP DEVELOPMENT <span class=\"tag-line\"><\/span><span class=\"tag-dot\"><\/span>\r\n        <\/div>\r\n        \r\n        <h2 class=\"home-app-title\">\r\n          Build the Best<br>Home Service App<br><span>in Bangalore<\/span>\r\n        <\/h2>\r\n        \r\n        <p class=\"home-app-description\">\r\n          We leverage robust, scalable technologies to build ultra-responsive on-demand platforms that enable instant service bookings, real-time provider tracking, and seamless payments.\r\n        <\/p>\r\n\r\n        <!-- 4 Value Props -->\r\n        <div class=\"home-app-props-grid\">\r\n          <div class=\"home-app-prop-item\">\r\n            <div class=\"home-app-icon home-icon-blue\">\r\n              <!-- Calendar\/Booking Icon -->\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n            <\/div>\r\n            <h4>Instant Booking<\/h4>\r\n            <p>Smart scheduling<br>& dynamic slots<\/p>\r\n          <\/div>\r\n          <div class=\"home-app-prop-item\">\r\n            <div class=\"home-app-icon home-icon-cyan\">\r\n              <!-- Map Pin Icon -->\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n            <\/div>\r\n            <h4>Live Tracking<\/h4>\r\n            <p>Real-time GPS<br>provider routing<\/p>\r\n          <\/div>\r\n          <div class=\"home-app-prop-item\">\r\n            <div class=\"home-app-icon home-icon-indigo\">\r\n              <!-- Payment\/Card Icon -->\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line><\/svg>\r\n            <\/div>\r\n            <h4>Secure Payments<\/h4>\r\n            <p>Multi-gateway<br>wallet support<\/p>\r\n          <\/div>\r\n          <div class=\"home-app-prop-item\">\r\n            <div class=\"home-app-icon home-icon-purple\">\r\n              <!-- Verified Shield\/User Icon -->\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle><polyline points=\"17 11 19 13 23 9\"><\/polyline><\/svg>\r\n            <\/div>\r\n            <h4>Verified Pros<\/h4>\r\n            <p>KYC & robust<br>background checks<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature Pill -->\r\n        <div class=\"home-architecture-pill\">\r\n          <div class=\"app-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 0 2 2h4v-8h6v8h4a2 2 0 0 0 2-2V9z\"><\/path><\/svg>\r\n          <\/div>\r\n          <div class=\"pill-text-content\">\r\n            <strong>Custom On-Demand Apps. Built for scale.<\/strong>\r\n            <p>From local plumbing setups to multi-city cleaning services.<\/p>\r\n          <\/div>\r\n          <div class=\"pill-arrow\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT COLUMN: Grid Cards + Center Badge -->\r\n      <div class=\"home-app-right\">\r\n        <div class=\"home-cards-grid\">\r\n          \r\n          <!-- User App Card -->\r\n          <div class=\"home-card\">\r\n            <div class=\"card-header\">\r\n              <div class=\"card-icon icon-blue\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h3>CUSTOMER APP<\/h3>\r\n                <p>Browse services, book instantly, and track pros to your doorstep.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"home-tags\">\r\n              <div class=\"home-tag-item\"><span class=\"tag-ico\">\ud83d\udcf1<\/span> React Native \/ Swift<\/div>\r\n              <div class=\"home-tag-item\"><span class=\"tag-ico\">\u26a1<\/span> Real-Time Updates<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Provider App Card -->\r\n          <div class=\"home-card\">\r\n            <div class=\"card-header\">\r\n              <div class=\"card-icon icon-cyan\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h3>PROVIDER APP<\/h3>\r\n                <p>Job alerts, route navigation, and instant earnings management.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"home-tags\">\r\n              <div class=\"home-tag-item\"><span class=\"tag-ico\">\ud83d\uddfa\ufe0f<\/span> Google Maps API<\/div>\r\n              <div class=\"home-tag-item\"><span class=\"tag-ico\">\ud83d\udcb8<\/span> Instant Payouts<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Admin Card -->\r\n          <div class=\"home-card\">\r\n            <div class=\"card-header\">\r\n              <div class=\"card-icon icon-indigo\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"9\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"5\" rx=\"1\"\/><rect x=\"14\" y=\"12\" width=\"7\" height=\"9\" rx=\"1\"\/><rect x=\"3\" y=\"16\" width=\"7\" height=\"5\" rx=\"1\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h3>SUPER ADMIN<\/h3>\r\n                <p>Manage users, verify service providers, and track platform revenue.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"home-tags\">\r\n              <div class=\"home-tag-item\"><span class=\"tag-ico\">\u2699\ufe0f<\/span> Node.js \/ React.js<\/div>\r\n              <div class=\"home-tag-item\"><span class=\"tag-ico\">\ud83d\udcca<\/span> Advanced Dashboards<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Tech Core Card -->\r\n          <div class=\"home-card\">\r\n            <div class=\"card-header\">\r\n              <div class=\"card-icon icon-purple\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"><\/line><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"><\/line><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h3>CORE DISPATCH<\/h3>\r\n                <p>Intelligent routing, auto-assign logic, and high-load architecture.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"home-tags\">\r\n              <div class=\"home-tag-item\"><span class=\"tag-ico\">\ud83d\udce1<\/span> WebSockets \/ Redis<\/div>\r\n              <div class=\"home-tag-item\"><span class=\"tag-ico\">\u2601\ufe0f<\/span> AWS Auto-Scaling<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CENTER BADGE -->\r\n        <div class=\"home-badge-wrapper\">\r\n          <div class=\"orbit-circle orbit-1\">\r\n            <div class=\"orbit-dot dot-a\"><\/div>\r\n          <\/div>\r\n          <div class=\"orbit-circle orbit-2\">\r\n            <div class=\"orbit-dot dot-b\"><\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"badge-content\">\r\n            <!-- Home Pin SVG -->\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4f46e5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M3 9l9-7 9 7v11a2 2 0 0 0 2 2h4v-8h6v8h4a2 2 0 0 0 2-2V9z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM STATS BANNER -->\r\n    <div class=\"home-stats-banner\">\r\n      <div class=\"banner-left\">\r\n        <div class=\"chart-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"banner-text\">\r\n          <strong>Empowering local service businesses & on-demand startups.<\/strong>\r\n          <span>Scalable. Secure. Built for High Volume Bookings.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"banner-stats\">\r\n        <div class=\"stat-item\">\r\n          <h4>1M+<\/h4>\r\n          <p>SERVICES<br>BOOKED<\/p>\r\n        <\/div>\r\n        <div class=\"stat-divider\"><\/div>\r\n        <div class=\"stat-item\">\r\n          <h4>99.9%<\/h4>\r\n          <p>DISPATCH<br>UPTIME<\/p>\r\n        <\/div>\r\n        <div class=\"stat-divider\"><\/div>\r\n        <div class=\"stat-item\">\r\n          <h4>5X<\/h4>\r\n          <p>BUSINESS<br>GROWTH<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-badc201 e-flex e-con-boxed e-con e-parent\" data-id=\"badc201\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd0573a elementor-widget elementor-widget-html\" data-id=\"bd0573a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Home Service App Development FAQs<\/title>\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    body {\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .hs-faq-section {\r\n      font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n      background-color: #f8fafc;\r\n      padding: 60px 20px;\r\n    }\r\n\r\n    .hs-faq-container {\r\n      max-width: 1350px; \/* Slightly narrower for optimal reading length *\/\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .hs-faq-header {\r\n      text-align: center;\r\n      margin-bottom: 60px;\r\n    }\r\n\r\n    .hs-faq-subtitle {\r\n      color: #2563eb;\r\n      background: rgba(37, 99, 235, 0.1);\r\n      padding: 8px 16px;\r\n      border-radius: 100px;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      display: inline-block;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .hs-faq-title {\r\n      color: #0f172a;\r\n      font-size: 42px;\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      margin: 0;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .hs-faq-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px; \/* Spacing between cards *\/\r\n    }\r\n\r\n    \/* Modern Card-Based Accordion Item *\/\r\n    .hs-faq-item {\r\n      background: #ffffff;\r\n      border: 1px solid #e2e8f0;\r\n      border-radius: 16px;\r\n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);\r\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hs-faq-item:hover {\r\n      border-color: #cbd5e1;\r\n      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .hs-faq-question {\r\n      width: 100%;\r\n      background: none;\r\n      border: none;\r\n      padding: 24px 30px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      font-family: inherit;\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n      color: #1e293b;\r\n      text-align: left;\r\n      cursor: pointer;\r\n      transition: color 0.3s;\r\n    }\r\n\r\n    .hs-faq-question:hover {\r\n      color: #2563eb;\r\n    }\r\n\r\n    \/* Sleek SVG Chevron Icon *\/\r\n    .hs-faq-icon {\r\n      flex-shrink: 0;\r\n      margin-left: 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 32px;\r\n      height: 32px;\r\n      background: #f1f5f9;\r\n      border-radius: 50%;\r\n      color: #64748b;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .hs-faq-icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .hs-faq-answer {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .hs-faq-answer p {\r\n      margin: 0;\r\n      padding: 0 30px 28px 30px;\r\n      color: #475569;\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* ACTIVE STATE STYLES *\/\r\n    .hs-faq-item.active {\r\n      border-color: #3b82f6; \/* Highlight border *\/\r\n      box-shadow: 0 12px 25px -5px rgba(37, 99, 235, 0.15);\r\n    }\r\n\r\n    .hs-faq-item.active .hs-faq-question {\r\n      color: #2563eb; \r\n    }\r\n\r\n    .hs-faq-item.active .hs-faq-icon {\r\n      background: #2563eb;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .hs-faq-item.active .hs-faq-icon svg {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    \/* Responsive styling *\/\r\n    @media (max-width: 768px) {\r\n      .hs-faq-section {\r\n        padding: 60px 16px;\r\n      }\r\n      .hs-faq-title {\r\n        font-size: 32px;\r\n      }\r\n      .hs-faq-question {\r\n        font-size: 16px;\r\n        padding: 20px;\r\n      }\r\n      .hs-faq-answer p {\r\n        font-size: 15px;\r\n        padding: 0 20px 20px 20px;\r\n      }\r\n      .hs-faq-icon {\r\n        width: 28px;\r\n        height: 28px;\r\n      }\r\n      .hs-faq-icon svg {\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"hs-faq-section\">\r\n    <div class=\"hs-faq-container\">\r\n      \r\n      <div class=\"hs-faq-header\">\r\n        <span class=\"hs-faq-subtitle\">Questions & Answers<\/span>\r\n        <h2 class=\"hs-faq-title\">Home Service App Development FAQs<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"hs-faq-list\">\r\n        \r\n        <!-- FAQ Item 1 -->\r\n        <div class=\"hs-faq-item active\">\r\n          <button class=\"hs-faq-question\">\r\n            How long does it take to build a home service app in Bangalore?\r\n            <span class=\"hs-faq-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"hs-faq-answer\" style=\"max-height: 200px;\">\r\n            <p>The development timeline typically ranges from 12 to 16 weeks, depending on the complexity of features like real-time GPS tracking, multi-gateway payments, provider matching algorithms, and the centralized admin dashboard.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 2 -->\r\n        <div class=\"hs-faq-item\">\r\n          <button class=\"hs-faq-question\">\r\n            Can the app integrate with third-party tools and APIs?\r\n            <span class=\"hs-faq-icon\">\r\n               <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"hs-faq-answer\">\r\n            <p>Yes, we build apps that seamlessly integrate with external APIs like Google Maps for live provider routing, Stripe\/Razorpay for secure digital payments, and Twilio\/Firebase for SMS notifications and in-app chat.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 3 -->\r\n        <div class=\"hs-faq-item\">\r\n          <button class=\"hs-faq-question\">\r\n            Will there be separate apps for customers and service providers?\r\n            <span class=\"hs-faq-icon\">\r\n               <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"hs-faq-answer\">\r\n            <p>Absolutely. A complete on-demand platform requires a 3-part ecosystem: a <strong>Customer App<\/strong> for browsing and booking, a dedicated <strong>Service Provider App<\/strong> for managing job alerts and navigation, and a <strong>Super Admin Panel<\/strong> for you to oversee operations.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 4 -->\r\n        <div class=\"hs-faq-item\">\r\n          <button class=\"hs-faq-question\">\r\n            Do you provide post-launch support and server scaling?\r\n            <span class=\"hs-faq-icon\">\r\n               <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"hs-faq-answer\">\r\n            <p>Yes, we offer ongoing maintenance and support packages. This includes AWS\/Cloud server scaling to handle high booking volumes during peak hours, performance optimization, and regular iOS\/Android updates as your Bangalore-based business grows.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      const faqItems = document.querySelectorAll('.hs-faq-item');\r\n\r\n      faqItems.forEach(item => {\r\n        const question = item.querySelector('.hs-faq-question');\r\n        const answer = item.querySelector('.hs-faq-answer');\r\n\r\n        question.addEventListener('click', () => {\r\n          const isActive = item.classList.contains('active');\r\n\r\n          \/\/ Close all items smoothly\r\n          faqItems.forEach(otherItem => {\r\n            otherItem.classList.remove('active');\r\n            otherItem.querySelector('.hs-faq-answer').style.maxHeight = null;\r\n          });\r\n\r\n          \/\/ If the clicked item wasn't active, open it\r\n          if (!isActive) {\r\n            item.classList.add('active');\r\n            \/\/ Dynamically calculate height for smooth CSS transition\r\n            answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n          }\r\n        });\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2253265 e-flex e-con-boxed e-con e-parent\" data-id=\"2253265\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-141b6de elementor-widget elementor-widget-html\" data-id=\"141b6de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"wp-hs-banner-wrapper\">\r\n  <style>\r\n    \/* Scoped CSS to prevent conflicts with your active WordPress theme *\/\r\n    .wp-hs-banner-wrapper {\r\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      background-color: transparent; \r\n      padding: 0px 20px;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .hs-container {\r\n      background-color: white;\r\n      border-radius: 10px;\r\n      box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n      display: flex;\r\n      overflow: hidden;\r\n      max-width: 1400px;\r\n      width: 100%;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .image-section {\r\n      flex: 1; \r\n      position: relative;\r\n      clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%); \r\n    }\r\n\r\n    .wp-hs-banner-wrapper .image-section img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block; \r\n    }\r\n\r\n    .wp-hs-banner-wrapper .blue-accent-1 {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 30px;\r\n      height: 100%;\r\n      background-color: #2563eb; \/* Trust Blue *\/\r\n      clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n      transform: translateX(15px);\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .orange-accent-2 {\r\n      position: absolute;\r\n      bottom: 0;\r\n      right: 30px;\r\n      width: 20px;\r\n      height: 60%;\r\n      background-color: #f97316; \/* Energetic Orange *\/\r\n      clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .content-section {\r\n      flex: 2; \r\n      padding: 40px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      position: relative; \r\n    }\r\n\r\n    .wp-hs-banner-wrapper h2 {\r\n      color: #0f172a; \/* Deep Slate Blue *\/\r\n      margin-top: 0;\r\n      margin-bottom: 15px;\r\n      font-size: 28px;\r\n      font-weight: 700;\r\n      line-height: 1.3;\r\n      border: none;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper p {\r\n      color: #555;\r\n      line-height: 1.6;\r\n      margin-bottom: 25px;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .buttons {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 20px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .btn-primary {\r\n      background-color: #2563eb; \r\n      color: white;\r\n      padding: 12px 24px;\r\n      border: none;\r\n      border-radius: 5px;\r\n      cursor: pointer;\r\n      font-weight: 600;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-size: 15px;\r\n      text-decoration: none;\r\n      transition: background-color 0.3s ease;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .btn-primary:hover {\r\n      background-color: #1d4ed8; \r\n      color: white;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .btn-video {\r\n      background: none;\r\n      border: none;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      cursor: pointer;\r\n      color: #0f172a;\r\n      font-weight: bold;\r\n      padding: 0;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .play-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 50%;\r\n      border: 2px solid #2563eb;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      color: #2563eb;\r\n      transition: background-color 0.3s, color 0.3s;\r\n    }\r\n    \r\n    .wp-hs-banner-wrapper .btn-video:hover .play-icon {\r\n      background-color: #2563eb;\r\n      color: white;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .play-icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      fill: currentColor;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .video-text {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .video-text span:first-child {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .video-text span:last-child {\r\n      font-size: 12px;\r\n      font-weight: normal;\r\n      color: #777;\r\n    }\r\n\r\n    .wp-hs-banner-wrapper .handwritten-text {\r\n      position: absolute;\r\n      right: 40px;\r\n      top: 30px;\r\n      color: #f97316;\r\n      font-family: 'Brush Script MT', 'Comic Sans MS', cursive; \r\n      font-size: 26px;\r\n      transform: rotate(-5deg); \r\n      text-align: right;\r\n      line-height: 1.2;\r\n    }\r\n    \r\n    .wp-hs-banner-wrapper .handwritten-text svg {\r\n      width: 100px;\r\n      height: auto;\r\n      margin-top: 5px;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      fill: none;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .wp-hs-banner-wrapper .handwritten-text {\r\n        position: static; \r\n        text-align: left;\r\n        transform: none;\r\n        margin-top: 30px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .wp-hs-banner-wrapper {\r\n        padding: 20px 15px;\r\n      }\r\n      .wp-hs-banner-wrapper .hs-container {\r\n        flex-direction: column;\r\n      }\r\n      .wp-hs-banner-wrapper .image-section {\r\n        clip-path: none; \r\n        height: 250px; \r\n      }\r\n      .wp-hs-banner-wrapper .blue-accent-1, \r\n      .wp-hs-banner-wrapper .orange-accent-2 {\r\n        display: none; \r\n      }\r\n      .wp-hs-banner-wrapper .content-section {\r\n        padding: 30px 20px;\r\n      }\r\n      .wp-hs-banner-wrapper h2 {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"hs-container\">\r\n    <div class=\"image-section\">\r\n      <!-- Update this src to a home-services related image if needed -->\r\n      <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design-2.jpg\" alt=\"Home service professionals\">\r\n      <div class=\"blue-accent-1\"><\/div>\r\n      <div class=\"orange-accent-2\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"content-section\">\r\n      <h2>Let's Build Your Home Service App<\/h2>\r\n      <p>Have an idea for an on-demand service platform? Let's discuss your requirements and create a highly scalable app that seamlessly connects customers with trusted local professionals.<\/p>\r\n\r\n      <div class=\"buttons\">\r\n        <a href=\"#\" class=\"btn-primary\">\r\n          Get in Touch\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n            <path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <button class=\"btn-video\">\r\n          <div class=\"play-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                  <path d=\"M8 5v14l11-7z\"\/>\r\n              <\/svg>\r\n          <\/div>\r\n          <div class=\"video-text\">\r\n              <span>Watch Our Video<\/span>\r\n              <span>See how we work<\/span>\r\n          <\/div>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"handwritten-text\">\r\n        Smarter Homes<br>Better Services\r\n        <br>\r\n        <svg viewBox=\"0 0 100 20\">\r\n            <path d=\"M 0 15 Q 50 0 100 15\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>HOME SERVICES APP DEVELOPMENT IN BANGALORE Build a Powerful Home Services App That Grows Your Business Launch a feature-rich home services app designed to connect customers with trusted professionals for cleaning, plumbing, electrical, appliance repair, beauty, maintenance, and more\u2014all from one seamless platform. Get a Free Consultation Request a Quote Customer App Service Provider App [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6611","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Home Services App Development - Brightcode Software Services<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home Services App Development\" \/>\n<meta property=\"og:description\" content=\"HOME SERVICES APP DEVELOPMENT IN BANGALORE Build a Powerful Home Services App That Grows Your Business Launch a feature-rich home services app designed to connect customers with trusted professionals for cleaning, plumbing, electrical, appliance repair, beauty, maintenance, and more\u2014all from one seamless platform. Get a Free Consultation Request a Quote Customer App Service Provider App [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightcode Software Services\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightcodess\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-23T12:45:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design-15_11zon.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Brightcodebss\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/home-services-app-development-in-bangalore\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/home-services-app-development-in-bangalore\\\/\",\"name\":\"Home Services App Development - Brightcode Software Services\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/home-services-app-development-in-bangalore\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/home-services-app-development-in-bangalore\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Untitled-design-15_11zon.webp\",\"datePublished\":\"2026-09-23T08:00:55+00:00\",\"dateModified\":\"2026-09-23T12:45:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/home-services-app-development-in-bangalore\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/home-services-app-development-in-bangalore\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/home-services-app-development-in-bangalore\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Untitled-design-15_11zon.webp\",\"contentUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Untitled-design-15_11zon.webp\",\"width\":946,\"height\":1300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/home-services-app-development-in-bangalore\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home Services App Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"name\":\"Brightcode Software Services\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\",\"name\":\"Brightcode Software Services\",\"alternateName\":\"Brightcode\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"width\":500,\"height\":500,\"caption\":\"Brightcode Software Services\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/brightcodess\\\/\",\"https:\\\/\\\/x.com\\\/Brightcodebss\",\"https:\\\/\\\/www.instagram.com\\\/brightcodess\\\/\",\"https:\\\/\\\/linkedin.com\\\/company\\\/brightcodess\"],\"description\":\"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.\",\"telephone\":\"93868 06214\",\"legalName\":\"Brightcode Software Services Pvt. Ltd.\",\"foundingDate\":\"2019-02-07\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"51\",\"maxValue\":\"200\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Home Services App Development - Brightcode Software Services","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/","og_locale":"en_US","og_type":"article","og_title":"Home Services App Development","og_description":"HOME SERVICES APP DEVELOPMENT IN BANGALORE Build a Powerful Home Services App That Grows Your Business Launch a feature-rich home services app designed to connect customers with trusted professionals for cleaning, plumbing, electrical, appliance repair, beauty, maintenance, and more\u2014all from one seamless platform. Get a Free Consultation Request a Quote Customer App Service Provider App [&hellip;]","og_url":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/","og_site_name":"Brightcode Software Services","article_publisher":"https:\/\/www.facebook.com\/brightcodess\/","article_modified_time":"2026-09-23T12:45:28+00:00","og_image":[{"url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design-15_11zon.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Brightcodebss","twitter_misc":{"Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/","url":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/","name":"Home Services App Development - Brightcode Software Services","isPartOf":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/#primaryimage"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/#primaryimage"},"thumbnailUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design-15_11zon.webp","datePublished":"2026-09-23T08:00:55+00:00","dateModified":"2026-09-23T12:45:28+00:00","breadcrumb":{"@id":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/#primaryimage","url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design-15_11zon.webp","contentUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design-15_11zon.webp","width":946,"height":1300},{"@type":"BreadcrumbList","@id":"https:\/\/brightcodess.com\/bengaluru\/home-services-app-development-in-bangalore\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightcodess.com\/bengaluru\/"},{"@type":"ListItem","position":2,"name":"Home Services App Development"}]},{"@type":"WebSite","@id":"https:\/\/brightcodess.com\/bengaluru\/#website","url":"https:\/\/brightcodess.com\/bengaluru\/","name":"Brightcode Software Services","description":"","publisher":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightcodess.com\/bengaluru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brightcodess.com\/bengaluru\/#organization","name":"Brightcode Software Services","alternateName":"Brightcode","url":"https:\/\/brightcodess.com\/bengaluru\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/","url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","contentUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","width":500,"height":500,"caption":"Brightcode Software Services"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightcodess\/","https:\/\/x.com\/Brightcodebss","https:\/\/www.instagram.com\/brightcodess\/","https:\/\/linkedin.com\/company\/brightcodess"],"description":"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.","telephone":"93868 06214","legalName":"Brightcode Software Services Pvt. Ltd.","foundingDate":"2019-02-07","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"51","maxValue":"200"}}]}},"_links":{"self":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/comments?post=6611"}],"version-history":[{"count":0,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6611\/revisions"}],"wp:attachment":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/media?parent=6611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}