{"id":6511,"date":"2026-09-16T12:41:12","date_gmt":"2026-09-16T12:41:12","guid":{"rendered":"https:\/\/brightcodess.com\/bengaluru\/?page_id=6511"},"modified":"2026-09-17T11:02:38","modified_gmt":"2026-09-17T11:02:38","slug":"fitness-tracking-app","status":"publish","type":"page","link":"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/","title":{"rendered":"Fitness Tracking App"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6511\" class=\"elementor elementor-6511\">\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<!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    <style>\r\n        \/* Wrapper to isolate styles from WordPress theme *\/\r\n        .fitness-hero-wrapper {\r\n            background-color: #f2f7fc !important; \/* Exact pale blue background *\/\r\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n            padding: 5rem 2rem;\r\n            width: 100%;\r\n        }\r\n\r\n        .fitness-hero-wrapper * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .fitness-hero-wrapper .hero-section {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: stretch; \/* Stretch to balance heights between columns *\/\r\n            justify-content: space-between;\r\n            gap: 4rem;\r\n        }\r\n\r\n        .fitness-hero-wrapper .hero-content {\r\n            flex: 1;\r\n            max-width: 600px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fitness-hero-wrapper .tagline {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            background-color: #e4f0fc !important;\r\n            color: #0062d1 !important;\r\n            padding: 0.5rem 1.2rem;\r\n            border-radius: 30px;\r\n            font-size: 0.75rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 1.5rem;\r\n            width: fit-content;\r\n        }\r\n\r\n        .fitness-hero-wrapper .tagline svg {\r\n            width: 14px;\r\n            height: 14px;\r\n            margin-right: 8px;\r\n            color: #0062d1 !important;\r\n            stroke: currentColor;\r\n        }\r\n\r\n        .fitness-hero-wrapper .hero-title {\r\n            font-size: 3.5rem !important;\r\n            line-height: 1.1 !important;\r\n            color: #0b1a30 !important; \/* Dark Navy *\/\r\n            margin-bottom: 1.5rem;\r\n            font-weight: 800 !important;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .fitness-hero-wrapper .hero-title span {\r\n            color: #0062d1 !important; \/* Bright Blue *\/\r\n        }\r\n\r\n        .fitness-hero-wrapper .hero-description {\r\n            font-size: 1.05rem !important;\r\n            line-height: 1.6 !important;\r\n            margin-bottom: 2.5rem;\r\n            color: #4b5563 !important; \/* Slate Gray *\/\r\n        }\r\n\r\n        .fitness-hero-wrapper .cta-group {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1.5rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .fitness-hero-wrapper .btn-primary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            background-color: #0062d1 !important;\r\n            color: #ffffff !important;\r\n            padding: 1rem 2rem;\r\n            border-radius: 30px;\r\n            text-decoration: none !important;\r\n            font-weight: 600 !important;\r\n            font-size: 1rem;\r\n            transition: background-color 0.3s ease;\r\n            border: none;\r\n        }\r\n\r\n        .fitness-hero-wrapper .btn-primary:hover {\r\n            background-color: #004da6 !important;\r\n        }\r\n\r\n        .fitness-hero-wrapper .btn-primary svg {\r\n            margin-left: 8px;\r\n            width: 18px;\r\n            height: 18px;\r\n            stroke: currentColor;\r\n        }\r\n\r\n        .fitness-hero-wrapper .watch-video {\r\n            display: flex;\r\n            align-items: center;\r\n            text-decoration: none !important;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .fitness-hero-wrapper .play-icon {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 48px;\r\n            height: 48px;\r\n            background-color: #ffffff !important;\r\n            border: 2px solid #e4f0fc !important;\r\n            border-radius: 50%;\r\n            margin-right: 12px;\r\n            color: #0062d1 !important;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .fitness-hero-wrapper .watch-video:hover .play-icon {\r\n            border-color: #0062d1 !important;\r\n        }\r\n        \r\n        .fitness-hero-wrapper .video-text {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .fitness-hero-wrapper .video-text span:first-child {\r\n            color: #0b1a30 !important;\r\n            font-weight: 700 !important;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .fitness-hero-wrapper .video-text span:last-child {\r\n            font-size: 0.85rem;\r\n            color: #64748b !important;\r\n            font-weight: 400 !important;\r\n        }\r\n\r\n        .fitness-hero-wrapper .features {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1.5rem;\r\n            border-top: 1px solid #e2e8f0;\r\n            padding-top: 2rem;\r\n        }\r\n\r\n        .fitness-hero-wrapper .feature-item {\r\n            text-align: center;\r\n        }\r\n\r\n        .fitness-hero-wrapper .feature-icon {\r\n            color: #0062d1 !important;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .fitness-hero-wrapper .feature-icon svg {\r\n            stroke: currentColor;\r\n        }\r\n\r\n        .fitness-hero-wrapper .feature-title {\r\n            font-weight: 700 !important;\r\n            color: #0b1a30 !important;\r\n            font-size: 0.9rem !important;\r\n            margin-bottom: 0.25rem;\r\n            text-transform: capitalize;\r\n        }\r\n\r\n        .fitness-hero-wrapper .feature-desc {\r\n            font-size: 0.75rem !important;\r\n            color: #64748b !important;\r\n            line-height: 1.4 !important;\r\n        }\r\n\r\n        .fitness-hero-wrapper .hero-images {\r\n            flex: 1.2; \/* Giving the image container slightly more width to scale larger *\/\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: flex-end; \/* Aligns image properly to the right *\/\r\n            align-items: center;\r\n        }\r\n\r\n        .fitness-hero-wrapper .hero-img {\r\n            width: 100%;\r\n            max-width: 850px; \/* Increased max-width *\/\r\n            min-height: 600px; \/* Guarantees a larger base height *\/\r\n            height: auto;\r\n            border-radius: 20px;\r\n            object-fit: contain; \/* Keeps ratio intact while increasing size *\/\r\n            transform: scale(1.05); \/* Slight scale boost for overall size *\/\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .fitness-hero-wrapper .hero-section {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                align-items: center;\r\n            }\r\n            .fitness-hero-wrapper .tagline {\r\n                margin: 0 auto 1.5rem auto;\r\n            }\r\n            .fitness-hero-wrapper .cta-group {\r\n                justify-content: center;\r\n            }\r\n            .fitness-hero-wrapper .features {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 2rem;\r\n            }\r\n            .fitness-hero-wrapper .watch-video {\r\n                justify-content: center;\r\n            }\r\n            .fitness-hero-wrapper .video-text {\r\n                align-items: flex-start;\r\n            }\r\n            .fitness-hero-wrapper .hero-images {\r\n                justify-content: center;\r\n            }\r\n            .fitness-hero-wrapper .hero-img {\r\n                min-height: auto;\r\n                transform: scale(1); \/* Removes scaling on smaller screens *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .fitness-hero-wrapper .hero-title {\r\n                font-size: 2.5rem !important;\r\n            }\r\n            .fitness-hero-wrapper .cta-group {\r\n                flex-direction: column;\r\n            }\r\n            .fitness-hero-wrapper .features {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"fitness-hero-wrapper\">\r\n    <section class=\"hero-section\">\r\n        <div class=\"hero-content\">\r\n            <div class=\"tagline\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" 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                FITNESS TRACKING APP DEVELOPMENT COMPANY IN BANGALORE\r\n            <\/div>\r\n            \r\n            <h1 class=\"hero-title\">\r\n                Fitness Tracking<br>\r\n                App Development<br>\r\n                <span>in Bangalore<\/span>\r\n            <\/h1>\r\n            \r\n            <p class=\"hero-description\">\r\n                Build powerful, feature-rich fitness tracking apps with Brightcode. We develop custom fitness apps for startups, gyms, fitness coaches and health-focused businesses to help users track workouts, monitor health metrics, stay motivated and achieve their fitness goals.\r\n            <\/p>\r\n            \r\n            <div class=\"cta-group\">\r\n                <a href=\"#\" class=\"btn-primary\">\r\n                    Get a Free Quote\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/a>\r\n                \r\n                <a href=\"#\" class=\"watch-video\">\r\n                    <div class=\"play-icon\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n                    <\/div>\r\n                    <div class=\"video-text\">\r\n                        <span>Watch Our Process<\/span>\r\n                        <span>See how we work<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"features\">\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" 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                    <h3 class=\"feature-title\">Custom Solutions<\/h3>\r\n                    <p class=\"feature-desc\">Tailored to your goals<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Experienced Team<\/h3>\r\n                    <p class=\"feature-desc\">Skilled & dedicated developers<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Secure & Reliable<\/h3>\r\n                    <p class=\"feature-desc\">Built for data security<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Ongoing Support<\/h3>\r\n                    <p class=\"feature-desc\">From idea to launch<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"hero-images\">\r\n            <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/banner-fitness.webp\" alt=\"Fitness Tracking App Development Mockup\" class=\"hero-img\">\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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    <style>\r\n        \/* Isolate styles using a specific wrapper class *\/\r\n        .fitness-solutions-wrapper {\r\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n            background-color: #ffffff;\r\n            padding: 4rem 2rem;\r\n            width: 100%;\r\n        }\r\n\r\n        .fitness-solutions-wrapper * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .container {\r\n            max-width: 1350px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            gap: 2rem;\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        .fitness-solutions-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        .fitness-solutions-wrapper .section-title {\r\n            font-size: 1.85rem;\r\n            color: #0b1a30;\r\n            font-weight: 800;\r\n            margin-bottom: 0.5rem;\r\n            letter-spacing: -0.3px;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .section-subtitle {\r\n            font-size: 0.95rem;\r\n            color: #64748b;\r\n            margin-bottom: 2rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1.25rem;\r\n            flex: 1; \/* Allows grid to take remaining space if needed *\/\r\n        }\r\n\r\n        .fitness-solutions-wrapper .card-item {\r\n            background-color: #ffffff;\r\n            border: 1px solid #f1f5f9;\r\n            border-radius: 12px;\r\n            padding: 2rem 1rem;\r\n            text-align: center;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .card-item:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .fitness-solutions-wrapper .icon-circle {\r\n            width: 56px;\r\n            height: 56px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1.25rem auto;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .icon-circle svg {\r\n            width: 24px;\r\n            height: 24px;\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        .fitness-solutions-wrapper .bg-blue { background-color: #3b82f6; }\r\n        .fitness-solutions-wrapper .bg-purple { background-color: #a855f7; }\r\n        .fitness-solutions-wrapper .bg-teal { background-color: #06b6d4; }\r\n        .fitness-solutions-wrapper .bg-indigo { background-color: #4f46e5; }\r\n\r\n        .fitness-solutions-wrapper .card-item h3 {\r\n            font-size: 1rem;\r\n            color: #0f172a;\r\n            font-weight: 700;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .card-item p {\r\n            font-size: 0.8rem;\r\n            color: #64748b;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Right Side: Why Choose Panel *\/\r\n        .fitness-solutions-wrapper .right-panel {\r\n            flex: 1;\r\n            background-color: #f8fbff; \/* Very faint blue matching reference *\/\r\n            border-radius: 16px;\r\n            padding: 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .panel-title {\r\n            font-size: 1.35rem;\r\n            color: #0b1a30;\r\n            font-weight: 800;\r\n            margin-bottom: 1.25rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .feature-list {\r\n            list-style: none;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .feature-list li {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 0.75rem; \/* Reduced to compact the height *\/\r\n            font-size: 0.85rem;\r\n            color: #475569;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .fitness-solutions-wrapper .check-icon {\r\n            width: 18px;\r\n            height: 18px;\r\n            margin-right: 10px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Signature and Swoosh *\/\r\n        .fitness-solutions-wrapper .signature-area {\r\n            margin-top: auto; \/* Pushes signature to the exact bottom *\/\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        }\r\n\r\n        .fitness-solutions-wrapper .signature-text {\r\n            font-family: 'Caveat', 'Dancing Script', 'Comic Sans MS', cursive;\r\n            color: #0062d1;\r\n            font-size: 1.5rem;\r\n            font-weight: bold;\r\n            line-height: 1.1;\r\n            transform: rotate(-8deg);\r\n        }\r\n\r\n        .fitness-solutions-wrapper .swoosh {\r\n            width: 70px;\r\n            height: 15px;\r\n            stroke: #0062d1;\r\n            stroke-width: 2.5;\r\n            fill: none;\r\n            stroke-linecap: round;\r\n            transform: rotate(-8deg);\r\n            margin-top: 2px;\r\n        }\r\n\r\n        \/* Faint Runner Watermark *\/\r\n        .fitness-solutions-wrapper .runner-bg {\r\n            position: absolute;\r\n            right: -10px;\r\n            bottom: -10px;\r\n            height: 85%;\r\n            width: auto;\r\n            opacity: 0.04;\r\n            color: #0062d1;\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            .fitness-solutions-wrapper .container {\r\n                flex-direction: column;\r\n            }\r\n            .fitness-solutions-wrapper .right-panel {\r\n                width: 100%;\r\n                max-width: 600px;\r\n                margin: 0 auto;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .fitness-solutions-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            .fitness-solutions-wrapper .cards-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .fitness-solutions-wrapper .section-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            .fitness-solutions-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=\"fitness-solutions-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 Fitness App Development Solutions<\/h2>\r\n            <p class=\"section-subtitle\">We build end-to-end fitness tracking apps that are engaging, scalable and tailored to your business needs.<\/p>\r\n            \r\n            <div class=\"cards-grid\">\r\n                \r\n                <!-- Card 1: User App -->\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=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect>\r\n                            <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>User App<\/h3>\r\n                    <p>Track workouts, monitor health, set goals and stay motivated.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 2: Trainer \/ Coach App -->\r\n                <div class=\"card-item\">\r\n                    <div class=\"icon-circle bg-purple\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\r\n                            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Trainer \/ Coach App<\/h3>\r\n                    <p>Manage clients, create workout plans and track progress.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 3: Admin Panel -->\r\n                <div class=\"card-item\">\r\n                    <div class=\"icon-circle bg-teal\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n                            <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\r\n                            <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\r\n                            <rect x=\"6\" y=\"7\" width=\"4\" height=\"3\"><\/rect>\r\n                            <rect x=\"12\" y=\"7\" width=\"6\" height=\"3\"><\/rect>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Admin Panel<\/h3>\r\n                    <p>Complete control over users, content, analytics and more.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 4: Wearable Integration -->\r\n                <div class=\"card-item\">\r\n                    <div class=\"icon-circle bg-indigo\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"6\" y=\"5\" width=\"12\" height=\"14\" rx=\"3\"><\/rect>\r\n                            <line x1=\"10\" y1=\"2\" x2=\"14\" y2=\"2\"><\/line>\r\n                            <line x1=\"10\" y1=\"22\" x2=\"14\" y2=\"22\"><\/line>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Wearable Integration<\/h3>\r\n                    <p>Sync with smartwatches and fitness devices for real-time data.<\/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 runner icon -->\r\n            <svg class=\"runner-bg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                <path d=\"M13.4 4.5c.8-1 2.3-1.2 3.3-.4s1.2 2.3.4 3.3c-.8 1-2.3 1.2-3.3.4s-1.2-2.3-.4-3.3zM8.3 21l3.5-7.4 1.7 1.4L11 21H8.3zm8.2-12.7l-2.4-3.8c-.5-.8-1.5-1.1-2.3-.6l-6.2 3.6v4.6h2.7v-3l3.2-1.9 2.1 6.5-5 5H11l3.5-6.8 1.4 3.2 5.2-4.1-1.6-2.1-3.6 2.5-2.2-6.6 2.5 1.5 1.3-2z\"\/>\r\n            <\/svg>\r\n\r\n            <h2 class=\"panel-title\">Why Choose Brightcode?<\/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=\"#0062d1\"\/>\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                    Custom Fitness App Development\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=\"#0062d1\"\/>\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                    User-Friendly & Engaging Design\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=\"#0062d1\"\/>\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                    Wearable & Device 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=\"#0062d1\"\/>\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 & Secure 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=\"#0062d1\"\/>\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                    End-to-End Development Support\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=\"#0062d1\"\/>\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                    Experienced Development Team\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=\"#0062d1\"\/>\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                    On-Time Delivery\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=\"#0062d1\"\/>\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                    Cost-Effective Solutions\r\n                <\/li>\r\n            <\/ul>\r\n\r\n            <div class=\"signature-area\">\r\n                <div class=\"signature-text\">Your Fitness<br>Partner<\/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=\"ft-app-features-wrapper\">\r\n    <style>\r\n        .ft-app-features-wrapper {\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n            max-width: 1400px;\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        .ft-header {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .ft-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        .ft-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        .ft-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        .ft-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;\r\n        }\r\n\r\n        .ft-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .ft-card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .ft-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        .ft-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        .ft-icon-user {\r\n            background-color: #3b82f6; \/* Blue *\/\r\n        }\r\n\r\n        .ft-icon-trainer {\r\n            background-color: #8b5cf6; \/* Purple *\/\r\n        }\r\n\r\n        .ft-icon-admin {\r\n            background-color: #6366f1; \/* Indigo *\/\r\n        }\r\n\r\n        .ft-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        .ft-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .ft-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        .ft-list li:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .ft-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            .ft-header h2 {\r\n                font-size: 24px;\r\n            }\r\n            .ft-grid {\r\n                gap: 20px;\r\n            }\r\n            .ft-card {\r\n                padding: 25px 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"ft-header\">\r\n        <h2>Key Features of a Fitness Tracking App<\/h2>\r\n        <p>We develop feature-rich fitness apps with everything you need to deliver a great user experience.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ft-grid\">\r\n        <!-- User Features Card -->\r\n        <div class=\"ft-card\">\r\n            <div class=\"ft-card-header\">\r\n                <div class=\"ft-icon ft-icon-user\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"ft-card-title\">User Features<\/h3>\r\n            <\/div>\r\n            <ul class=\"ft-list\">\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>User registration & profile<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Workout tracking<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Step counter & activity tracking<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Heart rate & health metrics<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Calorie tracking<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Nutrition & diet plans<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Goal setting & progress tracking<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Workout videos & tutorials<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Reminders & notifications<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Social sharing & community<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Trainer \/ Coach Features Card -->\r\n        <div class=\"ft-card\">\r\n            <div class=\"ft-card-header\">\r\n                <div class=\"ft-icon ft-icon-trainer\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><circle cx=\"18\" cy=\"18\" r=\"4\" fill=\"#ffffff\" \/><path d=\"M16.5 18l1 1 2-2\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.5\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"ft-card-title\">Trainer \/ Coach Features<\/h3>\r\n            <\/div>\r\n            <ul class=\"ft-list\">\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Client management<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Create custom workout plans<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Diet & nutrition plans<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Track client progress<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>In-app messaging<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Schedule sessions<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Assign challenges<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Performance analytics<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Manage subscriptions<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Feedback & reports<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Admin Panel Features Card -->\r\n        <div class=\"ft-card\">\r\n            <div class=\"ft-card-header\">\r\n                <div class=\"ft-icon ft-icon-admin\">\r\n                    <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"ft-card-title\">Admin Panel Features<\/h3>\r\n            <\/div>\r\n            <ul class=\"ft-list\">\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>User & trainer management<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Content management<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Workout & diet plan library<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Subscription & payment management<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Analytics & reports<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Push notification management<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Manage challenges & programs<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>App configuration<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Security & access control<\/li>\r\n                <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Multi-language & multi-currency support<\/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<div class=\"fitness-dev-wrapper\">\r\n    <style>\r\n        .fitness-dev-wrapper {\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            gap: 20px;\r\n            color: #1a202c;\r\n        }\r\n\r\n        \/* Common Section Styles *\/\r\n        .dev-section, .industries-section {\r\n            background-color: #f7f9fd;\r\n            border-radius: 12px;\r\n            padding: 30px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .dev-section {\r\n            flex: 1.7; \/* Takes up more space *\/\r\n        }\r\n\r\n        .industries-section {\r\n            flex: 1.1;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            margin: 0 0 8px 0;\r\n            color: #0f172a;\r\n        }\r\n\r\n        .section-header p {\r\n            font-size: 14px;\r\n            color: #64748b;\r\n            margin: 0 0 40px 0;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Timeline Styles *\/\r\n        .timeline-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            position: relative;\r\n        }\r\n\r\n        \/* The connecting line *\/\r\n        .timeline-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 28px; \/* Center of the 56px icon *\/\r\n            left: 10%;\r\n            right: 10%;\r\n            height: 1px;\r\n            background-color: #cbd5e1;\r\n            z-index: 1;\r\n        }\r\n\r\n        .timeline-step {\r\n            flex: 1;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .step-icon {\r\n            width: 56px;\r\n            height: 56px;\r\n            margin: 0 auto 15px auto;\r\n            background-color: #ffffff;\r\n            border: 2px solid #2563eb;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #2563eb;\r\n        }\r\n\r\n        .step-icon svg {\r\n            width: 24px;\r\n            height: 24px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        .timeline-step h4 {\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: #0f172a;\r\n            margin: 0 0 6px 0;\r\n        }\r\n\r\n        .timeline-step p {\r\n            font-size: 12px;\r\n            color: #64748b;\r\n            margin: 0;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* Industries Grid Styles *\/\r\n        .industries-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        .industry-card {\r\n            background-color: #ffffff;\r\n            border-radius: 8px;\r\n            padding: 20px 10px;\r\n            text-align: center;\r\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);\r\n            transition: transform 0.2s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .industry-card:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .industry-card svg {\r\n            width: 28px;\r\n            height: 28px;\r\n            color: #2563eb;\r\n            margin-bottom: 12px;\r\n            fill: none;\r\n            stroke: currentColor;\r\n            stroke-width: 1.5;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n        }\r\n\r\n        .industry-card span {\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            color: #334155;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .fitness-dev-wrapper {\r\n                flex-direction: column;\r\n            }\r\n            .timeline-container::before {\r\n                left: 8%;\r\n                right: 8%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .timeline-container {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            \/* Change line to vertical for mobile *\/\r\n            .timeline-container::before {\r\n                top: 0;\r\n                bottom: 0;\r\n                left: 50%;\r\n                width: 1px;\r\n                height: 100%;\r\n                transform: translateX(-50%);\r\n            }\r\n            .industries-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Left Section: Development Process -->\r\n    <div class=\"dev-section\">\r\n        <div class=\"section-header\">\r\n            <h2>Our Development Process<\/h2>\r\n            <p>A structured approach to build high-quality fitness apps.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"timeline-container\">\r\n            <!-- Step 1 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z\"\/><\/svg>\r\n                <\/div>\r\n                <h4>1. Discover<\/h4>\r\n                <p>Understand your goals and target audience.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Step 2 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"\/><\/svg>\r\n                <\/div>\r\n                <h4>2. Design<\/h4>\r\n                <p>Create wireframes and UI\/UX designs.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Step 3 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z\"\/><\/svg>\r\n                <\/div>\r\n                <h4>3. Develop<\/h4>\r\n                <p>Build your app with best practices.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Step 4 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n                <\/div>\r\n                <h4>4. Test<\/h4>\r\n                <p>Ensure quality, performance and security.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Step 5 -->\r\n            <div class=\"timeline-step\">\r\n                <div class=\"step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M13.13 22.19L11.5 18.36C13.07 17.78 14.54 17 15.9 16.09L13.13 22.19ZM5.64 12.5L1.81 10.87L7.91 8.1C7 9.46 6.22 10.93 5.64 12.5ZM21.61 2.39C21.61 2.39 16.66 .269 11 5.93C8.81 8.12 7.5 10.53 6.65 12.64C6.37 13.39 6.56 14.21 7.11 14.77L9.24 16.89C9.79 17.45 10.61 17.63 11.36 17.35C13.47 16.5 15.88 15.19 18.07 13C23.73 7.34 21.61 2.39 21.61 2.39Z\"\/><\/svg>\r\n                <\/div>\r\n                <h4>5. Launch<\/h4>\r\n                <p>Deploy and support your app.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Section: Industries We Serve -->\r\n    <div class=\"industries-section\">\r\n        <div class=\"section-header\">\r\n            <h2>Industries We Serve<\/h2>\r\n            <p>We develop fitness apps for a wide range of businesses and professionals.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"industries-grid\">\r\n            <div class=\"industry-card\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M6.5 6.5v11m11-11v11m-8-5.5h6m-10-4h2v8h-2m12-8h2v8h-2\"\/><\/svg>\r\n                <span>Gyms &<br>Fitness Centers<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"industry-card\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                <span>Personal<br>Trainers<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"industry-card\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 3L14.5 8.5L20 11L14.5 13.5L12 19L9.5 13.5L4 11L9.5 8.5L12 3Z\"\/><circle cx=\"18\" cy=\"18\" r=\"1.5\"\/><circle cx=\"6\" cy=\"6\" r=\"1.5\"\/><\/svg>\r\n                <span>Fitness<br>Startups<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"industry-card\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 22C12 22 20 18 20 12C20 6 12 2 12 2C12 2 4 6 4 12C4 18 12 22 12 22Z\"\/><path d=\"M12 22V12M12 12L16 8M12 16L8 12\"\/><\/svg>\r\n                <span>Health & Wellness<br>Brands<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"industry-card\">\r\n                <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"7\" width=\"16\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/><path d=\"M12 12v4M10 14h4\"\/><\/svg>\r\n                <span>Corporate Wellness<br>Programs<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"industry-card\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M6 9H4.5A2.5 2.5 0 0 1 2 6.5v0A2.5 2.5 0 0 1 4.5 4H6m12 5h1.5a2.5 2.5 0 0 0 2.5-2.5v0a2.5 2.5 0 0 0-2.5-2.5H18M8 4h8v8a4 4 0 0 1-8 0V4zm4 12v5m-3 0h6\"\/><\/svg>\r\n                <span>Sports & Coaching<br>Institutes<\/span>\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<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<section class=\"fit-tech-section\">\r\n  <div class=\"fit-container\">\r\n    \r\n    <!-- LEFT COLUMN: Heading & Highlights -->\r\n    <div class=\"fit-left\">\r\n      <div class=\"fit-tag\">\r\n        FITNESS APP DEVELOPMENT <span class=\"tag-line\"><\/span><span class=\"tag-dot\"><\/span>\r\n      <\/div>\r\n      \r\n      <h2 class=\"fit-title\">\r\n        Build the Best<br>Fitness Tracking App<br><span>in Bangalore<\/span>\r\n      <\/h2>\r\n      \r\n      <p class=\"fit-description\">\r\n        We leverage robust, scalable technologies to build ultra-responsive fitness tracking applications that enable wearable sync, real-time health metrics, and seamless workout management.\r\n      <\/p>\r\n\r\n      <!-- 4 Value Props -->\r\n      <div class=\"fit-props-grid\">\r\n        <div class=\"fit-prop-item\">\r\n          <div class=\"fit-icon fit-icon-blue\">\r\n            <!-- Activity \/ Pulse Icon -->\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Live Activity<\/h4>\r\n          <p>Steps & heart<br>rate tracking<\/p>\r\n        <\/div>\r\n        <div class=\"fit-prop-item\">\r\n          <div class=\"fit-icon fit-icon-cyan\">\r\n            <!-- Smartwatch\/Wearable Icon -->\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"4\"\/><line x1=\"6\" y1=\"7\" x2=\"18\" y2=\"7\"\/><line x1=\"6\" y1=\"17\" x2=\"18\" y2=\"17\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Wearable Sync<\/h4>\r\n          <p>Apple Watch &<br>Garmin ready<\/p>\r\n        <\/div>\r\n        <div class=\"fit-prop-item\">\r\n          <div class=\"fit-icon fit-icon-indigo\">\r\n            <!-- Nutrition\/Apple Icon -->\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\/><path d=\"M12 4a2 2 0 0 0-2-2\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Diet & Macros<\/h4>\r\n          <p>Smart nutrition<br>planning<\/p>\r\n        <\/div>\r\n        <div class=\"fit-prop-item\">\r\n          <div class=\"fit-icon fit-icon-purple\">\r\n            <!-- Chart\/Analytics 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 3v18h18\"\/><path d=\"M18 9l-5 5-4-4-5 5\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Goal Analytics<\/h4>\r\n          <p>Visual progress<br>reports<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature Pill -->\r\n      <div class=\"fit-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=\"M8.5 14.5A2.5 2.5 0 0011 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 11-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 002.5 2.5z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"pill-text-content\">\r\n          <strong>Custom Apps. Built for peak performance.<\/strong>\r\n          <p>From personalized workout routines to global leaderboards.<\/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=\"fit-right\">\r\n      <div class=\"fit-cards-grid\">\r\n        \r\n        <!-- User App Card -->\r\n        <div class=\"fit-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=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h3>FITNESS USER APP<\/h3>\r\n              <p>Workout logging, video tutorials, and social sharing for user engagement.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fit-tags\">\r\n            <div class=\"fit-tag-item\"><span class=\"tag-ico\">\ud83d\udcf1<\/span> Flutter \/ Swift \/ Kotlin<\/div>\r\n            <div class=\"fit-tag-item\"><span class=\"tag-ico\">\ud83c\udf4e<\/span> HealthKit & Google Fit<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Trainer App Card -->\r\n        <div class=\"fit-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\"><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>TRAINER \/ COACH PANEL<\/h3>\r\n              <p>Client management, plan creation, and in-app chat & video sessions.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fit-tags\">\r\n            <div class=\"fit-tag-item\"><span class=\"tag-ico\">\ud83d\udcac<\/span> Stream Chat API<\/div>\r\n            <div class=\"fit-tag-item\"><span class=\"tag-ico\">\ud83d\udcc5<\/span> Smart Scheduling<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Admin Card -->\r\n        <div class=\"fit-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 subscriptions, workout libraries, users, and detailed analytics.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fit-tags\">\r\n            <div class=\"fit-tag-item\"><span class=\"tag-ico\">\u2699\ufe0f<\/span> Node.js \/ React.js<\/div>\r\n            <div class=\"fit-tag-item\"><span class=\"tag-ico\">\ud83d\udcb3<\/span> Stripe Subscriptions<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Devices Card -->\r\n        <div class=\"fit-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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h3>IOT & DEVICES<\/h3>\r\n              <p>Seamless Bluetooth pairing with smart scales, trackers, and gym equipment.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fit-tags\">\r\n            <div class=\"fit-tag-item\"><span class=\"tag-ico\">\ud83d\udce1<\/span> BLE Integrations<\/div>\r\n            <div class=\"fit-tag-item\"><span class=\"tag-ico\">\u2601\ufe0f<\/span> AWS IoT Core<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CENTER BADGE -->\r\n      <div class=\"fit-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          <!-- Dumbbell SVG -->\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M6 4v16M18 4v16M4 8h4v8H4zM16 8h4v8h-4zM2 10h2v4H2zM20 10h2v4h-2zM10 12h4\"\/>\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=\"fit-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\"><path d=\"M8 21h8M12 17v4M7 4h10M5 4h14M5 4c0 3-1.5 8-5 8V4h5zM19 4c0 3 1.5 8 5 8V4h-5zM12 17C7 17 5 11 5 8h14c0 3-2 9-7 9z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"banner-text\">\r\n        <strong>Empowering top gyms, personal trainers & health startups.<\/strong>\r\n        <span>Scalable. Secure. Built for High Daily Active Users.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"banner-stats\">\r\n      <div class=\"stat-item\">\r\n        <h4>15M+<\/h4>\r\n        <p>WORKOUTS<br>LOGGED<\/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>SYNC<br>ACCURACY<\/p>\r\n      <\/div>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <div class=\"stat-item\">\r\n        <h4>3X<\/h4>\r\n        <p>USER<br>RETENTION<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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  .fit-tech-section {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    padding: 80px 20px;\r\n    background-color: #f4f8ff; \/* Fresh, very light blue tint *\/\r\n    color: #1e293b;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .fit-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  .fit-tag {\r\n    color: #2563eb; \/* Primary Blue *\/\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  .fit-tag .tag-line {\r\n    width: 30px;\r\n    height: 2px;\r\n    background: #2563eb;\r\n    display: inline-block;\r\n  }\r\n\r\n  .fit-tag .tag-dot {\r\n    width: 4px;\r\n    height: 4px;\r\n    background-color: #2563eb;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .fit-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  .fit-title span { \r\n    color: #2563eb;\r\n  }\r\n\r\n  .fit-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  .fit-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  .fit-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(37, 99, 235, 0.04);\r\n    border: 1px solid #e2e8f0;\r\n    transition: transform 0.3s ease;\r\n  }\r\n  \r\n  .fit-prop-item:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.08);\r\n  }\r\n\r\n  .fit-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  .fit-icon svg { width: 24px; height: 24px; }\r\n  \r\n  \/* Blue variations for icons *\/\r\n  .fit-icon-blue { background: #dbeafe; color: #2563eb; }\r\n  .fit-icon-cyan { background: #cffafe; color: #0891b2; }\r\n  .fit-icon-indigo { background: #e0e7ff; color: #4f46e5; }\r\n  .fit-icon-purple { background: #fae8ff; color: #c026d3; }\r\n\r\n  .fit-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  .fit-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  .fit-architecture-pill {\r\n    background: #ffffff;\r\n    border: 1px solid #bfdbfe;\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(37, 99, 235, 0.05);\r\n    transition: border-color 0.3s;\r\n  }\r\n  \r\n  .fit-architecture-pill:hover {\r\n      border-color: #2563eb;\r\n  }\r\n\r\n  .fit-architecture-pill .app-icon {\r\n    background: #2563eb;\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  .fit-architecture-pill .app-icon svg {\r\n      width: 22px; height: 22px;\r\n  }\r\n\r\n  .fit-architecture-pill .pill-text-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  .fit-architecture-pill strong { \r\n    display: block; \r\n    font-size: 14px; \r\n    color: #1d4ed8; \r\n  }\r\n\r\n  .fit-architecture-pill p { \r\n    margin: 0; \r\n    font-size: 12px; \r\n    color: #64748b; \r\n  }\r\n\r\n  .fit-architecture-pill .pill-arrow {\r\n    margin-left: auto;\r\n    color: #1d4ed8;\r\n  }\r\n  \r\n  .fit-architecture-pill .pill-arrow svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  \/* RIGHT COLUMN & CARDS *\/\r\n  .fit-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(37, 99, 235, 0.06);\r\n    border: 1px solid #e0e7ff;\r\n  }\r\n\r\n  .fit-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  .fit-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  .fit-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 10px 20px rgba(37, 99, 235, 0.08);\r\n      border-color: #bfdbfe;\r\n  }\r\n\r\n  .fit-card .card-header {\r\n    display: flex;\r\n    gap: 16px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .fit-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  .fit-card .card-icon svg { width: 20px; height: 20px; }\r\n  \r\n  .icon-blue { background: #dbeafe; color: #2563eb; }\r\n  .icon-cyan { background: #cffafe; color: #0891b2; }\r\n  .icon-indigo { background: #e0e7ff; color: #4f46e5; }\r\n  .icon-purple { background: #fae8ff; color: #c026d3; }\r\n\r\n  .fit-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  .fit-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  .fit-tags {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .fit-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  .fit-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  .fit-badge-wrapper .orbit-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 1px dashed #93c5fd;\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: #60a5fa; animation: rotateOrbitReverse 25s linear infinite; }\r\n\r\n  .fit-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: #2563eb; top: -4px; left: 50%; transform: translateX(-50%); }\r\n  .dot-b { background-color: #c026d3; bottom: -4px; left: 50%; transform: translateX(-50%); }\r\n\r\n  .fit-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(37, 99, 235, 0.25);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 4px solid #eff6ff;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .fit-badge-wrapper .badge-content svg {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n  \/* STATS BANNER *\/\r\n  .fit-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(37, 99, 235, 0.06);\r\n    border: 1px solid #f1f5f9;\r\n  }\r\n\r\n  .fit-stats-banner .banner-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .fit-stats-banner .chart-icon {\r\n    background: #f59e0b; \/* Vibrant Yellow\/Orange for trophy *\/\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  .fit-stats-banner .chart-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n\r\n  .fit-stats-banner .banner-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .fit-stats-banner .banner-text strong {\r\n    font-size: 13px;\r\n    color: #0f172a;\r\n  }\r\n  \r\n  .fit-stats-banner .banner-text span {\r\n    font-size: 12px;\r\n    color: #64748b;\r\n  }\r\n\r\n  .fit-stats-banner .banner-stats { \r\n    display: flex; \r\n    align-items: center; \r\n    gap: 30px; \r\n  }\r\n\r\n  .fit-stats-banner .stat-item { \r\n    text-align: center; \r\n  }\r\n\r\n  .fit-stats-banner .stat-item h4 { \r\n    font-size: 20px; \r\n    font-weight: 800; \r\n    color: #2563eb; \r\n    margin: 0 0 2px 0; \r\n  }\r\n\r\n  .fit-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  .fit-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    .fit-container { grid-template-columns: 1fr; gap: 40px; }\r\n    .fit-badge-wrapper { display: none; }\r\n    .fit-stats-banner { flex-direction: column; gap: 24px; border-radius: 24px; text-align: center; padding: 24px; }\r\n    .fit-stats-banner .banner-left { flex-direction: column; text-align: center; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .fit-props-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .fit-title { font-size: 34px; }\r\n    .fit-right { padding: 20px; }\r\n    .fit-cards-grid { grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  @media (max-width: 480px) {\r\n    .fit-props-grid { grid-template-columns: 1fr; }\r\n    .fit-stats-banner .banner-stats { flex-direction: column; gap: 15px; }\r\n    .fit-stats-banner .stat-divider { width: 50px; height: 1px; }\r\n  }\r\n<\/style>\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<section class=\"fit-faq-section\">\r\n  <div class=\"fit-faq-container\">\r\n    \r\n    <div class=\"fit-faq-header\">\r\n      <span class=\"fit-faq-subtitle\">FAQS<\/span>\r\n      <h2 class=\"fit-faq-title\">Common questions about fitness app development in Bangalore<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"fit-faq-list\">\r\n      \r\n      <!-- FAQ Item 1 -->\r\n      <div class=\"fit-faq-item active\">\r\n        <button class=\"fit-faq-question\">\r\n          How long does it take to build a fitness tracking app?\r\n          <span class=\"fit-faq-icon\"><\/span>\r\n        <\/button>\r\n        <div class=\"fit-faq-answer\" style=\"max-height: 200px;\">\r\n          <p>The development timeline typically ranges from 10 to 16 weeks, depending on the complexity of features like wearable device integrations (Apple HealthKit, Google Fit), live activity tracking, custom workout algorithms, and video streaming.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ Item 2 -->\r\n      <div class=\"fit-faq-item\">\r\n        <button class=\"fit-faq-question\">\r\n          Can the app sync with smartwatches and IoT devices?\r\n          <span class=\"fit-faq-icon\"><\/span>\r\n        <\/button>\r\n        <div class=\"fit-faq-answer\">\r\n          <p>Yes, we build apps that seamlessly integrate with popular wearables like Apple Watch, Garmin, and Fitbit, as well as smart scales and BLE-enabled gym equipment using advanced IoT protocols.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ Item 3 -->\r\n      <div class=\"fit-faq-item\">\r\n        <button class=\"fit-faq-question\">\r\n          Will trainers and admins have a dashboard to manage users?\r\n          <span class=\"fit-faq-icon\"><\/span>\r\n        <\/button>\r\n        <div class=\"fit-faq-answer\">\r\n          <p>Absolutely. We build a comprehensive Admin and Coach panel that allows trainers to create custom workout plans, monitor client progress in real-time, track app engagement, and manage subscription revenue.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ Item 4 -->\r\n      <div class=\"fit-faq-item\">\r\n        <button class=\"fit-faq-question\">\r\n          Will you support us after the app is live?\r\n          <span class=\"fit-faq-icon\"><\/span>\r\n        <\/button>\r\n        <div class=\"fit-faq-answer\">\r\n          <p>Yes, we offer ongoing maintenance and support packages. This includes server scaling to handle high user traffic during peak workout hours, performance optimization, OS updates for iOS and Android, and new feature enhancements.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\r\n\r\n  .fit-faq-section {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    background-color: #f8fafc; \/* Light gray background *\/\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .fit-faq-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fit-faq-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .fit-faq-subtitle {\r\n    color: #2563eb; \/* Fitness Blue *\/\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    display: block;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .fit-faq-title {\r\n    color: #0f172a;\r\n    font-size: 38px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    margin: 0;\r\n  }\r\n\r\n  .fit-faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .fit-faq-item {\r\n    border-bottom: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .fit-faq-question {\r\n    width: 100%;\r\n    background: none;\r\n    border: none;\r\n    padding: 24px 0;\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: 600;\r\n    color: #0f172a;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    transition: color 0.3s;\r\n  }\r\n\r\n  .fit-faq-question:hover {\r\n    color: #2563eb; \/* Fitness Blue *\/\r\n  }\r\n\r\n  \/* Plus\/Minus Icon using CSS *\/\r\n  .fit-faq-icon {\r\n    position: relative;\r\n    width: 20px;\r\n    height: 20px;\r\n    flex-shrink: 0;\r\n    margin-left: 20px;\r\n  }\r\n\r\n  .fit-faq-icon::before,\r\n  .fit-faq-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    background-color: #0f172a;\r\n    transition: transform 0.3s ease, background-color 0.3s ease;\r\n  }\r\n\r\n  \/* Horizontal line *\/\r\n  .fit-faq-icon::before {\r\n    top: 9px;\r\n    left: 0;\r\n    width: 20px;\r\n    height: 2px;\r\n  }\r\n\r\n  \/* Vertical line *\/\r\n  .fit-faq-icon::after {\r\n    top: 0;\r\n    left: 9px;\r\n    width: 2px;\r\n    height: 20px;\r\n  }\r\n\r\n  .fit-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s ease;\r\n  }\r\n\r\n  .fit-faq-answer p {\r\n    margin: 0;\r\n    padding-bottom: 24px;\r\n    color: #64748b;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    padding-right: 40px; \/* Leave space so text doesn't hit icon *\/\r\n  }\r\n\r\n  \/* Active State Styles *\/\r\n  .fit-faq-item.active .fit-faq-question {\r\n    color: #2563eb; \/* Fitness Blue *\/\r\n  }\r\n\r\n  .fit-faq-item.active .fit-faq-icon::before,\r\n  .fit-faq-item.active .fit-faq-icon::after {\r\n    background-color: #2563eb; \/* Fitness Blue *\/\r\n  }\r\n\r\n  \/* Rotate vertical line to make it a minus *\/\r\n  .fit-faq-item.active .fit-faq-icon::after {\r\n    transform: rotate(90deg);\r\n  }\r\n\r\n  \/* Responsive styling *\/\r\n  @media (max-width: 768px) {\r\n    .fit-faq-title {\r\n      font-size: 28px;\r\n    }\r\n    .fit-faq-question {\r\n      font-size: 16px;\r\n    }\r\n    .fit-faq-answer p {\r\n      font-size: 15px;\r\n      padding-right: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const faqItems = document.querySelectorAll('.fit-faq-item');\r\n\r\n    faqItems.forEach(item => {\r\n      const question = item.querySelector('.fit-faq-question');\r\n      const answer = item.querySelector('.fit-faq-answer');\r\n\r\n      question.addEventListener('click', () => {\r\n        const isActive = item.classList.contains('active');\r\n\r\n        \/\/ Close all items\r\n        faqItems.forEach(otherItem => {\r\n          otherItem.classList.remove('active');\r\n          otherItem.querySelector('.fit-faq-answer').style.maxHeight = null;\r\n        });\r\n\r\n        \/\/ If it wasn't active, open it\r\n        if (!isActive) {\r\n          item.classList.add('active');\r\n          answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\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\">\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-fitness-banner-wrapper\">\r\n  <style>\r\n    \/* Scoped CSS to prevent conflicts with your active WordPress theme *\/\r\n    .wp-fitness-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: #; \/* Moved from body *\/\r\n      padding: 40px 20px;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wp-fitness-banner-wrapper * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* Renamed from .container to .fitness-container to avoid theme conflicts *\/\r\n    .wp-fitness-banner-wrapper .fitness-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-fitness-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-fitness-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-fitness-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: #6495ED; \r\n      clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n      transform: translateX(15px);\r\n    }\r\n\r\n    .wp-fitness-banner-wrapper .blue-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: #87CEEB; \r\n      clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n    }\r\n\r\n    .wp-fitness-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-fitness-banner-wrapper h2 {\r\n      color: #1a237e; \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-fitness-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-fitness-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-fitness-banner-wrapper .btn-primary {\r\n      background-color: #1e88e5; \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-fitness-banner-wrapper .btn-primary:hover {\r\n      background-color: #1565c0; \r\n      color: white;\r\n    }\r\n\r\n    .wp-fitness-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: #1a237e;\r\n      font-weight: bold;\r\n      padding: 0;\r\n    }\r\n\r\n    .wp-fitness-banner-wrapper .play-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 50%;\r\n      border: 2px solid #1e88e5;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      color: #1e88e5;\r\n      transition: background-color 0.3s, color 0.3s;\r\n    }\r\n    \r\n    .wp-fitness-banner-wrapper .btn-video:hover .play-icon {\r\n      background-color: #1e88e5;\r\n      color: white;\r\n    }\r\n\r\n    .wp-fitness-banner-wrapper .play-icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      fill: currentColor;\r\n    }\r\n\r\n    .wp-fitness-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-fitness-banner-wrapper .video-text span:first-child {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .wp-fitness-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-fitness-banner-wrapper .handwritten-text {\r\n      position: absolute;\r\n      right: 40px;\r\n      top: 30px;\r\n      color: #1e88e5;\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-fitness-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    \/* Responsive Design *\/\r\n    @media (max-width: 900px) {\r\n      .wp-fitness-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-fitness-banner-wrapper {\r\n        padding: 20px 15px;\r\n      }\r\n      .wp-fitness-banner-wrapper .fitness-container {\r\n        flex-direction: column;\r\n      }\r\n      .wp-fitness-banner-wrapper .image-section {\r\n        clip-path: none; \r\n        height: 250px; \r\n      }\r\n      .wp-fitness-banner-wrapper .blue-accent-1, \r\n      .wp-fitness-banner-wrapper .blue-accent-2 {\r\n        display: none; \r\n      }\r\n      .wp-fitness-banner-wrapper .content-section {\r\n        padding: 30px 20px;\r\n      }\r\n      .wp-fitness-banner-wrapper h2 {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"fitness-container\">\r\n    <div class=\"image-section\">\r\n      <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-17-2026-04_22_02-PM-1.webp\" alt=\"Man with fitness tracker in gym\">\r\n      <div class=\"blue-accent-1\"><\/div>\r\n      <div class=\"blue-accent-2\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"content-section\">\r\n      <h2>Let's Build Your Fitness App<\/h2>\r\n      <p>Have an idea for a fitness tracking app? Let's discuss your requirements and create a solution that helps people live healthier, fitter and happier lives.<\/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        Better Health<br>Brighter Future\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>FITNESS TRACKING APP DEVELOPMENT COMPANY IN BANGALORE Fitness Tracking App Development in Bangalore Build powerful, feature-rich fitness tracking apps with Brightcode. We develop custom fitness apps for startups, gyms, fitness coaches and health-focused businesses to help users track workouts, monitor health metrics, stay motivated and achieve their fitness goals. Get a Free Quote Watch Our [&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-6511","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>Fitness Tracking App - 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\/fitness-tracking-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fitness Tracking App\" \/>\n<meta property=\"og:description\" content=\"FITNESS TRACKING APP DEVELOPMENT COMPANY IN BANGALORE Fitness Tracking App Development in Bangalore Build powerful, feature-rich fitness tracking apps with Brightcode. We develop custom fitness apps for startups, gyms, fitness coaches and health-focused businesses to help users track workouts, monitor health metrics, stay motivated and achieve their fitness goals. Get a Free Quote Watch Our [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/\" \/>\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-17T11:02:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/banner-fitness.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=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fitness-tracking-app\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fitness-tracking-app\\\/\",\"name\":\"Fitness Tracking App - Brightcode Software Services\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fitness-tracking-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fitness-tracking-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/banner-fitness.webp\",\"datePublished\":\"2026-09-16T12:41:12+00:00\",\"dateModified\":\"2026-09-17T11:02:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fitness-tracking-app\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fitness-tracking-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fitness-tracking-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/banner-fitness.webp\",\"contentUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/banner-fitness.webp\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fitness-tracking-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fitness Tracking App\"}]},{\"@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":"Fitness Tracking App - 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\/fitness-tracking-app\/","og_locale":"en_US","og_type":"article","og_title":"Fitness Tracking App","og_description":"FITNESS TRACKING APP DEVELOPMENT COMPANY IN BANGALORE Fitness Tracking App Development in Bangalore Build powerful, feature-rich fitness tracking apps with Brightcode. We develop custom fitness apps for startups, gyms, fitness coaches and health-focused businesses to help users track workouts, monitor health metrics, stay motivated and achieve their fitness goals. Get a Free Quote Watch Our [&hellip;]","og_url":"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/","og_site_name":"Brightcode Software Services","article_publisher":"https:\/\/www.facebook.com\/brightcodess\/","article_modified_time":"2026-09-17T11:02:38+00:00","og_image":[{"url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/banner-fitness.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Brightcodebss","twitter_misc":{"Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/","url":"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/","name":"Fitness Tracking App - Brightcode Software Services","isPartOf":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/#primaryimage"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/#primaryimage"},"thumbnailUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/banner-fitness.webp","datePublished":"2026-09-16T12:41:12+00:00","dateModified":"2026-09-17T11:02:38+00:00","breadcrumb":{"@id":"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/#primaryimage","url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/banner-fitness.webp","contentUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/banner-fitness.webp","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/brightcodess.com\/bengaluru\/fitness-tracking-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightcodess.com\/bengaluru\/"},{"@type":"ListItem","position":2,"name":"Fitness Tracking App"}]},{"@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\/6511","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=6511"}],"version-history":[{"count":0,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6511\/revisions"}],"wp:attachment":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/media?parent=6511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}