{"id":46,"date":"2026-03-25T06:35:47","date_gmt":"2026-03-25T06:35:47","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=46"},"modified":"2026-03-31T11:48:46","modified_gmt":"2026-03-31T11:48:46","slug":"app-development","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/app-development\/","title":{"rendered":"App Development"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<style>\r\n        :root {\r\n            --va-primary: #6366F1;\r\n            --va-primary-dark: #4F46E5;\r\n            --va-primary-light: #818CF8;\r\n            --va-secondary: #EC4899;\r\n            --va-accent: #10B981;\r\n            --va-dark: #0F172A;\r\n            --va-dark-lighter: #1E293B;\r\n            --va-gray: #64748B;\r\n            --va-light-gray: #F1F5F9;\r\n            --va-white: #FFFFFF;\r\n            --va-gradient-1: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-gradient-2: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-gradient-text: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            overflow-x: hidden;\r\n            background-color: var(--va-white);\r\n            color: var(--va-dark);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-gradient-hero);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 150px 0;\r\n        }\r\n\r\n        .va-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-hero-breadcrumb {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-bottom: 32px;\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .va-hero-breadcrumb a {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .va-hero-breadcrumb a:hover {\r\n            color: var(--va-white);\r\n        }\r\n\r\n        .va-hero-breadcrumb i {\r\n            color: var(--va-primary);\r\n        }\r\n\r\n        .va-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-white);\r\n            margin-bottom: 24px;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .va-hero-title .va-gradient-text {\r\n            background: var(--va-gradient-text);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .va-hero-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 40px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-hero-phones {\r\n            position: relative;\r\n            height: 600px;\r\n            margin-top: 60px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .va-phone {\r\n            position: absolute;\r\n            width: 280px;\r\n            height: 560px;\r\n            background: var(--va-dark-lighter);\r\n            border-radius: 40px;\r\n            padding: 10px;\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .va-phone-screen {\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);\r\n            border-radius: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-phone-left {\r\n            transform: translateX(-150px) rotate(-15deg);\r\n            z-index: 2;\r\n        }\r\n\r\n        .va-phone-center {\r\n            z-index: 3;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-phone-right {\r\n            transform: translateX(150px) rotate(15deg);\r\n            z-index: 2;\r\n        }\r\n\r\n        .va-hero-phones:hover .va-phone-left {\r\n            transform: translateX(-180px) rotate(-20deg);\r\n        }\r\n\r\n        .va-hero-phones:hover .va-phone-center {\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .va-hero-phones:hover .va-phone-right {\r\n            transform: translateX(180px) rotate(20deg);\r\n        }\r\n\r\n        .va-phone-screen img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-section {\r\n            padding: 120px 0;\r\n        }\r\n\r\n        .va-section-light {\r\n            background-color: var(--va-white);\r\n        }\r\n\r\n        .va-section-gray {\r\n            background-color: var(--va-light-gray);\r\n        }\r\n\r\n        .va-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-gray);\r\n            margin-bottom: 24px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Services Grid *\/\r\n        .va-services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-service-card {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 5px;\r\n            background: var(--va-gradient-2);\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .va-service-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .va-service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-gradient-2);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 24px;\r\n            font-size: 36px;\r\n            color: var(--va-white);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-service-card:hover .va-service-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        .va-service-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-service-description {\r\n            font-size: 15px;\r\n            color: var(--va-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-service-features {\r\n            text-align: left;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-service-feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 10px;\r\n            font-size: 14px;\r\n            color: var(--va-gray);\r\n        }\r\n\r\n        .va-service-feature i {\r\n            color: var(--va-accent);\r\n            font-size: 16px;\r\n        }\r\n\r\n        .va-service-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--va-primary);\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-service-link:hover {\r\n            gap: 12px;\r\n            color: var(--va-primary-dark);\r\n        }\r\n\r\n        \/* PERFECTED Process Grid *\/\r\n        .va-process-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n            position: relative;\r\n        }\r\n\r\n        .va-process-card {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n        }\r\n\r\n        .va-process-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-process-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 5px;\r\n            background: var(--va-gradient-2);\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .va-process-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .va-process-card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-process-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--va-gradient-2);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--va-white);\r\n            font-size: 24px;\r\n            font-weight: 800;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n            box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-process-card:hover .va-process-number {\r\n            transform: scale(1.1) rotate(10deg);\r\n            box-shadow: 0 12px 35px rgba(99, 102, 241, 0.4);\r\n        }\r\n\r\n        .va-process-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 24px;\r\n            color: var(--va-primary);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-process-card:hover .va-process-icon {\r\n            background: var(--va-gradient-2);\r\n            color: var(--va-white);\r\n            transform: rotate(360deg);\r\n        }\r\n\r\n        .va-process-card-body {\r\n            flex: 1;\r\n        }\r\n\r\n        .va-process-title {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-process-description {\r\n            font-size: 15px;\r\n            color: var(--va-gray);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .va-process-arrow {\r\n            display: none;\r\n            position: absolute;\r\n            bottom: -30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            font-size: 24px;\r\n            color: var(--va-primary);\r\n            opacity: 0.5;\r\n        }\r\n\r\n        \/* Technologies Section *\/\r\n        .va-tech-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-tech-item {\r\n            background: var(--va-white);\r\n            border-radius: 15px;\r\n            padding: 30px 20px;\r\n            text-align: center;\r\n            box-shadow: var(--va-shadow-md);\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .va-tech-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-shadow-lg);\r\n            border-color: var(--va-primary);\r\n        }\r\n\r\n        .va-tech-icon {\r\n            font-size: 48px;\r\n            color: var(--va-primary);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .va-tech-name {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: var(--va-dark);\r\n        }\r\n\r\n        \/* Why Choose Section *\/\r\n        .va-choose-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-choose-item {\r\n            display: flex;\r\n            gap: 20px;\r\n            padding: 30px;\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-choose-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-choose-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--va-gradient-2);\r\n            border-radius: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 28px;\r\n            color: var(--va-white);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .va-choose-content h3 {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .va-choose-content p {\r\n            font-size: 14px;\r\n            color: var(--va-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Pricing Section *\/\r\n        .va-pricing {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-pricing-card {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-card.featured {\r\n            transform: scale(1.05);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-pricing-card.featured::before {\r\n            content: 'RECOMMENDED';\r\n            position: absolute;\r\n            top: 20px;\r\n            right: -30px;\r\n            background: var(--va-secondary);\r\n            color: var(--va-white);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            padding: 5px 40px;\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .va-pricing-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-pricing-card.featured:hover {\r\n            transform: scale(1.05) translateY(-10px);\r\n        }\r\n\r\n        .va-pricing-header {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .va-pricing-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: var(--va-gradient-2);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 30px;\r\n            color: var(--va-white);\r\n        }\r\n\r\n        .va-pricing-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .va-pricing-price {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-primary);\r\n            margin-bottom: 5px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-pricing-period {\r\n            font-size: 16px;\r\n            color: var(--va-gray);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-pricing-features {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .va-pricing-feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 15px;\r\n            font-size: 15px;\r\n            color: var(--va-gray);\r\n        }\r\n\r\n        .va-pricing-feature i {\r\n            color: var(--va-accent);\r\n            font-size: 18px;\r\n        }\r\n\r\n        .va-pricing-btn {\r\n            width: 100%;\r\n            padding: 14px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-pricing-btn-primary {\r\n            background: var(--va-gradient-2);\r\n            color: var(--va-white)!important;\r\n        }\r\n\r\n        .va-pricing-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(99, 102, 241, 0.3);\r\n        }\r\n\r\n        .va-pricing-btn-secondary {\r\n            background: transparent;\r\n            color: var(--va-primary);\r\n            border: 2px solid var(--va-primary);\r\n        }\r\n\r\n        .va-pricing-btn-secondary:hover {\r\n            background: var(--va-primary);\r\n            color: var(--va-white)!important;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Testimonials *\/\r\n        .va-testimonials {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-testimonial {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            position: relative;\r\n        }\r\n\r\n        .va-testimonial::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            font-size: 60px;\r\n            color: var(--va-primary);\r\n            opacity: 0.1;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-testimonial-content {\r\n            font-size: 16px;\r\n            color: var(--va-gray);\r\n            line-height: 1.7;\r\n            margin-bottom: 20px;\r\n            font-style: italic;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n        }\r\n\r\n        .va-testimonial-image {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-testimonial-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .va-testimonial-info {\r\n            flex: 1;\r\n        }\r\n\r\n        .va-testimonial-name {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .va-testimonial-position {\r\n            font-size: 13px;\r\n            color: var(--va-primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .va-testimonial-rating {\r\n            display: flex;\r\n            gap: 4px;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .va-testimonial-rating i {\r\n            color: #FFC107;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-cta {\r\n            padding: 120px 0;\r\n            background: var(--va-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.05\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat bottom;\r\n            background-size: cover;\r\n        }\r\n\r\n        .va-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-cta-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 40px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-cta-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-cta-btn {\r\n            padding: 16px 32px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-cta-btn-primary {\r\n            background: var(--va-white);\r\n            color: var(--va-primary);\r\n        }\r\n\r\n        .va-cta-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .va-cta-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-cta-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-pricing-card.featured {\r\n                transform: scale(1);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-hero-phones {\r\n                height: 400px;\r\n            }\r\n            \r\n            .va-phone {\r\n                width: 200px;\r\n                height: 400px;\r\n            }\r\n            \r\n            .va-phone-left {\r\n                transform: translateX(-100px) rotate(-10deg);\r\n            }\r\n            \r\n            .va-phone-right {\r\n                transform: translateX(100px) rotate(10deg);\r\n            }\r\n            \r\n            .va-hero-phones:hover .va-phone-left {\r\n                transform: translateX(-120px) rotate(-15deg);\r\n            }\r\n            \r\n            .va-hero-phones:hover .va-phone-right {\r\n                transform: translateX(120px) rotate(15deg);\r\n            }\r\n            \r\n            .va-cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-cta-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .va-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-section {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .va-services-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .va-tech-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .va-choose-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .va-pricing {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .va-testimonials {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n            \/* Back to Top Button *\/\r\n            .anv-footer-back-to-top {\r\n                position: fixed;\r\n                bottom: 30px;\r\n                right: 30px;\r\n                width: 50px;\r\n                height: 50px;\r\n                background: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n                border: none;\r\n                border-radius: 50%;\r\n                color: #FFFFFF;\r\n                font-size: 24px;\r\n                cursor: pointer;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: all 0.3s ease;\r\n                z-index: 1000;\r\n                box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n            }\r\n\r\n            .anv-footer-back-to-top.show {\r\n                opacity: 1;\r\n                visibility: visible;\r\n            }\r\n\r\n            .anv-footer-back-to-top:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);\r\n            }\r\n\r\n            \/* Responsive Design *\/\r\n            @media (max-width: 768px) {\r\n                \r\n                .anv-footer-back-to-top {\r\n                    bottom: 20px;\r\n                    right: 20px;\r\n                    width: 45px;\r\n                    height: 45px;\r\n                    font-size: 20px;\r\n                }\r\n            }\r\n\r\n    <\/style>\r\n\r\n    <body class=\"antialiased\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\" data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\">\r\n\r\n<!-- Hero Section -->\r\n<section class=\"va-hero\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-12\">\r\n                <div class=\"va-hero-content text-center\">\r\n                    <div class=\"va-hero-breadcrumb\">\r\n                        <span><a href=\"\/\">Home<\/a><\/span>\r\n                        <i class=\"bx bx-chevron-right\"><\/i>\r\n                        <span>App Development<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-hero-title\">\r\n                        Custom Mobile <span class=\"va-gradient-text\">App Solutions<\/span>\r\n                    <\/h1>\r\n                    <p class=\"va-hero-subtitle\">\r\n                        Elevate your business with cutting-edge mobile applications. Our expert team crafts intuitive, high-performance apps that captivate users and accelerate your digital transformation.\r\n                    <\/p>                       \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Services Section -->\r\n<section class=\"va-section va-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Our Expertise<\/div>\r\n            <h2 class=\"va-section-title\">Mobile App Development Services<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                End-to-end mobile application development services designed to transform your vision into powerful, user-friendly digital experiences.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-services-grid\">\r\n            <!-- iOS Development -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-devices\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">iOS App Development<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Create stunning iOS applications with native Swift development, delivering seamless performance across all Apple devices with intuitive user experiences.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Swift & SwiftUI<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Apple Watch Apps<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>App Store Submission<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Android Development -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-mobile-alt\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Android App Development<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Build robust Android applications using Kotlin and modern development practices, optimized for performance across the diverse Android ecosystem.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Kotlin Development<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Material You Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Play Store Optimization<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Cross-Platform -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-layer\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Cross-Platform Solutions<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Maximize your reach with cost-effective cross-platform apps that deliver native performance and consistent experiences across iOS and Android.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>React Native<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Flutter Framework<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Code Reusability<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Progressive Web Apps -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-globe\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Progressive Web Apps<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Next-generation PWAs that combine web accessibility with va-like functionality, offering instant loading and offline capabilities.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Offline Functionality<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Web Push Notifications<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Installable Web Apps<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- App Design -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-palette\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">App UI\/UX Design<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Craft visually stunning and highly intuitive mobile interfaces that delight users and drive engagement through thoughtful design.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>User Persona Research<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Interactive Prototyping<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Design Systems<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- App Maintenance -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-cog\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">App Support & Maintenance<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Ensure your app remains secure, updated, and performing optimally with our comprehensive maintenance and support services.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Regular Updates<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Security Patches<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>24\/7 Technical Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Process Section -->\r\n<section class=\"va-section va-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Our Approach<\/div>\r\n            <h2 class=\"va-section-title\">App Development Lifecycle<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Our proven development process ensures transparent collaboration and delivery of exceptional mobile applications.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-process-grid\">\r\n            <!-- Step 1 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">01<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-search-alt\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Strategy & Discovery<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Deep dive into your business goals, user needs, and market landscape to define a comprehensive app strategy.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 2 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">02<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-pencil\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Design & Prototyping<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Transform concepts into visual designs and interactive prototypes that showcase the user journey and app functionality.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 3 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">03<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-code-alt\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Agile Development<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Build your app using agile methodologies with regular sprints, ensuring flexibility and continuous improvement.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 4 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">04<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-test-tube\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Quality Assurance<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Comprehensive testing including functional, performance, and security testing to ensure a flawless user experience.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 5 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">05<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Launch & Deployment<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Strategic app store launch with optimized listings, marketing support, and seamless deployment to production.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 6 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">06<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-support\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Growth & Optimization<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Continuous monitoring, analytics, and improvements to enhance app performance and user engagement over time.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Technologies Section -->\r\n<section class=\"va-section va-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Tech Stack<\/div>\r\n            <h2 class=\"va-section-title\">Technologies We Master<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Leveraging industry-leading technologies and frameworks to build scalable, secure, and innovative mobile applications.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-tech-grid\">\r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-react\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">React Native<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-flutter\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Flutter<\/div>\r\n            <\/div>            \r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-android\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Kotlin<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-firebase\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Firebase<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"600\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-aws\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">AWS<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"700\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-nodejs\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Node.js<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"800\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-docker\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Docker<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Why Choose Section -->\r\n<section class=\"va-section va-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Advantages<\/div>\r\n            <h2 class=\"va-section-title\">Why Choose View Anonymous<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                We combine technical excellence, innovative thinking, and business insights to deliver mobile solutions that drive success.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-choose-grid\">\r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-rocket\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Rapid Deployment<\/h3>\r\n                    <p>Streamlined development processes and experienced teams enable faster time-to-market without compromising on quality or functionality.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-lock\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Enterprise Security<\/h3>\r\n                    <p>Implement industry-leading security protocols and encryption to protect sensitive data and ensure compliance with global standards.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-expand\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Future-Ready Architecture<\/h3>\r\n                    <p>Scalable solutions designed to grow with your business, handling increased user demand and feature expansions seamlessly.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-palette\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Design Excellence<\/h3>\r\n                    <p>Create memorable user experiences with award-winning design that sets your app apart in the crowded marketplace.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-support\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Dedicated Support<\/h3>\r\n                    <p>Round-the-clock technical support and proactive maintenance to ensure your app runs smoothly and efficiently at all times.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-dollar-circle\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Optimized ROI<\/h3>\r\n                    <p>Strategic development approach that maximizes value for your investment, delivering measurable business outcomes and growth.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Pricing Section -->\r\n<section class=\"va-section va-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Investment<\/div>\r\n            <h2 class=\"va-section-title\">App Development Packages<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Transparent pricing models tailored to accommodate projects of all sizes and complexity levels.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-pricing\">\r\n            <!-- Starter Package -->\r\n            <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-pricing-header\">\r\n                    <div class=\"va-pricing-icon\">\r\n                        <i class=\"bx bx-mobile\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">MVP Launch<\/h3>\r\n                    <div class=\"va-pricing-price\">$7,999<\/div>\r\n                    <div class=\"va-pricing-period\">per platform<\/div>\r\n                <\/div>\r\n                <div class=\"va-pricing-features\">\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Essential UI Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Single Platform (iOS\/Android)<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Up to 8 Screens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Basic API Integration<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>30 Days Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-secondary\">\r\n                    Get Started\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Professional Package -->\r\n            <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-pricing-header\">\r\n                    <div class=\"va-pricing-icon\">\r\n                        <i class=\"bx bx-devices\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">Growth Solution<\/h3>\r\n                    <div class=\"va-pricing-price\">$19,999<\/div>\r\n                    <div class=\"va-pricing-period\">per platform<\/div>\r\n                <\/div>\r\n                <div class=\"va-pricing-features\">\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Premium UI\/UX Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Cross-Platform Development<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Up to 20 Screens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Advanced Features<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>90 Days Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-primary\">\r\n                    Get Started\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Enterprise Package -->\r\n            <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-pricing-header\">\r\n                    <div class=\"va-pricing-icon\">\r\n                        <i class=\"bx bx-building\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">Enterprise Platform<\/h3>\r\n                    <div class=\"va-pricing-price\">Custom<\/div>\r\n                    <div class=\"va-pricing-period\">request quote<\/div>\r\n                <\/div>\r\n                <div class=\"va-pricing-features\">\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Bespoke Design System<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Multi-Platform Ecosystem<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Unlimited Features<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Enterprise Integrations<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Priority Lifetime Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-secondary\">\r\n                    Contact Us\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Testimonials Section -->\r\n<section class=\"va-section va-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Success Stories<\/div>\r\n            <h2 class=\"va-section-title\">Client Experiences<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Discover how our mobile solutions have transformed businesses and delighted users across various industries.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-testimonials\">\r\n            <div class=\"va-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <p class=\"va-testimonial-content\">\r\n                    \"View Anonymous transformed our e-commerce vision into a stunning mobile app. Their innovative approach and technical expertise resulted in a 300% increase in mobile sales within the first quarter.\"\r\n                <\/p>\r\n                <div class=\"va-testimonial-author\">\r\n                    <div class=\"va-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Emily-Jones-1.png\" alt=\"Emily Jones\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Emily Jones<\/div>\r\n                        <div class=\"va-testimonial-position\">CEO, ShopSmart<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <p class=\"va-testimonial-content\">\r\n                    \"The cross-platform solution delivered by View Anonymous exceeded our expectations. Their team's professionalism and attention to detail made the entire development process smooth and successful.\"\r\n                <\/p>\r\n                <div class=\"va-testimonial-author\">\r\n                    <div class=\"va-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Caleb-Johnson.png\" alt=\"Caleb Johnson\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Caleb Johnson<\/div>\r\n                        <div class=\"va-testimonial-position\">CTO, HealthTrack<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <p class=\"va-testimonial-content\">\r\n                    \"Partnering with View Anonymous was the best decision for our startup. They delivered a feature-rich, beautifully designed app that our users love. Highly recommend their services!\"\r\n                <\/p>\r\n                <div class=\"va-testimonial-author\">\r\n                    <div class=\"va-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Jessica-Miller.png\" alt=\"Jessica Miller\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Jessica Miller<\/div>\r\n                        <div class=\"va-testimonial-position\">Founder, LearnHub<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section id=\"contact\" class=\"va-cta\">\r\n    <div class=\"container\">\r\n        <div class=\"va-cta-content\">\r\n            <h2 class=\"va-cta-title\" data-aos=\"fade-up\">Start Your App Journey Today<\/h2>\r\n            <p class=\"va-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Ready to create an exceptional mobile experience? Let's discuss your project and bring your vision to life.\r\n            <\/p>\r\n            <div class=\"va-cta-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <a href=\"\/contact\" class=\"va-cta-btn va-cta-btn-primary\">\r\n                    Schedule Consultation\r\n                    <i class=\"bx bx-phone\"><\/i>\r\n                <\/a>\r\n                <a href=\"mailto:support@viewanonymous.com\" class=\"va-cta-btn va-cta-btn-secondary\">\r\n                    Send Project Details\r\n                    <i class=\"bx bx-envelope\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section> \r\n\r\n    <!-- Back to Top Button -->\r\n    <button class=\"anv-footer-back-to-top show\" id=\"backToTop\" aria-label=\"Back to top\">\r\n        <i class=\"bx bx-up-arrow-alt\"><\/i>\r\n    <\/button>\r\n\r\n    <!-- Scripts -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n    <script>\r\n\r\n        \/\/ Smooth Scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Phone animation on scroll\r\n        const phoneSection = document.querySelector('.va-hero-phones');\r\n        const phones = document.querySelectorAll('.va-phone');\r\n        \r\n        const phoneObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    phones.forEach((phone, index) => {\r\n                        setTimeout(() => {\r\n                            phone.style.opacity = '1';\r\n                            phone.style.transform = phone.classList.contains('va-phone-left') \r\n                                ? 'translateX(-150px) rotate(-15deg)' \r\n                                : phone.classList.contains('va-phone-right')\r\n                                ? 'translateX(150px) rotate(15deg)'\r\n                                : 'scale(1.1)';\r\n                        }, index * 200);\r\n                    });\r\n                    phoneObserver.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.3 });\r\n\r\n        if (phoneSection) {\r\n            \/\/ Initial state\r\n            phones.forEach(phone => {\r\n                phone.style.opacity = '0';\r\n                phone.style.transform = 'translateY(50px)';\r\n                phone.style.transition = 'all 0.8s ease';\r\n            });\r\n            \r\n            phoneObserver.observe(phoneSection);\r\n        }\r\n\r\n        \/\/ Add interactive hover effect for process cards\r\n        const processCards = document.querySelectorAll('.va-process-card');\r\n        processCards.forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.querySelector('.va-process-icon').style.transform = 'rotate(360deg)';\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                this.querySelector('.va-process-icon').style.transform = 'rotate(0deg)';\r\n            });\r\n        });\r\n    <\/script>\r\n    \r\n              <!-- footer -->\r\n              <script>\r\n                \/\/ Initialize AOS\r\n                AOS.init({\r\n                    duration: 1000,\r\n                    once: true,\r\n                    offset: 100\r\n                });\r\n                \r\n                \/\/ Back to Top Button\r\n                const backToTopBtn = document.getElementById('backToTop');\r\n                \r\n                window.addEventListener('scroll', () => {\r\n                    if (window.pageYOffset > 300) {\r\n                        backToTopBtn.classList.add('show');\r\n                    } else {\r\n                        backToTopBtn.classList.remove('show');\r\n                    }\r\n                });\r\n                \r\n                backToTopBtn.addEventListener('click', () => {\r\n                    window.scrollTo({\r\n                        top: 0,\r\n                        behavior: 'smooth'\r\n                    });\r\n                });\r\n                <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<style>\r\n        :root {\r\n            --va-primary: #6366F1;\r\n            --va-primary-dark: #4F46E5;\r\n            --va-primary-light: #818CF8;\r\n            --va-secondary: #EC4899;\r\n            --va-accent: #10B981;\r\n            --va-dark: #0F172A;\r\n            --va-dark-lighter: #1E293B;\r\n            --va-gray: #64748B;\r\n            --va-light-gray: #F1F5F9;\r\n            --va-white: #FFFFFF;\r\n            --va-gradient-1: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-gradient-2: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-gradient-text: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            overflow-x: hidden;\r\n            background-color: var(--va-white);\r\n            color: var(--va-dark);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-gradient-hero);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 150px 0;\r\n        }\r\n\r\n        .va-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-hero-breadcrumb {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-bottom: 32px;\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .va-hero-breadcrumb a {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .va-hero-breadcrumb a:hover {\r\n            color: var(--va-white);\r\n        }\r\n\r\n        .va-hero-breadcrumb i {\r\n            color: var(--va-primary);\r\n        }\r\n\r\n        .va-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-white);\r\n            margin-bottom: 24px;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .va-hero-title .va-gradient-text {\r\n            background: var(--va-gradient-text);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .va-hero-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 40px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-hero-phones {\r\n            position: relative;\r\n            height: 600px;\r\n            margin-top: 60px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .va-phone {\r\n            position: absolute;\r\n            width: 280px;\r\n            height: 560px;\r\n            background: var(--va-dark-lighter);\r\n            border-radius: 40px;\r\n            padding: 10px;\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .va-phone-screen {\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);\r\n            border-radius: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-phone-left {\r\n            transform: translateX(-150px) rotate(-15deg);\r\n            z-index: 2;\r\n        }\r\n\r\n        .va-phone-center {\r\n            z-index: 3;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-phone-right {\r\n            transform: translateX(150px) rotate(15deg);\r\n            z-index: 2;\r\n        }\r\n\r\n        .va-hero-phones:hover .va-phone-left {\r\n            transform: translateX(-180px) rotate(-20deg);\r\n        }\r\n\r\n        .va-hero-phones:hover .va-phone-center {\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .va-hero-phones:hover .va-phone-right {\r\n            transform: translateX(180px) rotate(20deg);\r\n        }\r\n\r\n        .va-phone-screen img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-section {\r\n            padding: 120px 0;\r\n        }\r\n\r\n        .va-section-light {\r\n            background-color: var(--va-white);\r\n        }\r\n\r\n        .va-section-gray {\r\n            background-color: var(--va-light-gray);\r\n        }\r\n\r\n        .va-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-gray);\r\n            margin-bottom: 24px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Services Grid *\/\r\n        .va-services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-service-card {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 5px;\r\n            background: var(--va-gradient-2);\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .va-service-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .va-service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-gradient-2);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 24px;\r\n            font-size: 36px;\r\n            color: var(--va-white);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-service-card:hover .va-service-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        .va-service-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-service-description {\r\n            font-size: 15px;\r\n            color: var(--va-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-service-features {\r\n            text-align: left;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-service-feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 10px;\r\n            font-size: 14px;\r\n            color: var(--va-gray);\r\n        }\r\n\r\n        .va-service-feature i {\r\n            color: var(--va-accent);\r\n            font-size: 16px;\r\n        }\r\n\r\n        .va-service-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--va-primary);\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-service-link:hover {\r\n            gap: 12px;\r\n            color: var(--va-primary-dark);\r\n        }\r\n\r\n        \/* PERFECTED Process Grid *\/\r\n        .va-process-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n            position: relative;\r\n        }\r\n\r\n        .va-process-card {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n        }\r\n\r\n        .va-process-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-process-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 5px;\r\n            background: var(--va-gradient-2);\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .va-process-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .va-process-card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-process-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--va-gradient-2);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--va-white);\r\n            font-size: 24px;\r\n            font-weight: 800;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n            box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-process-card:hover .va-process-number {\r\n            transform: scale(1.1) rotate(10deg);\r\n            box-shadow: 0 12px 35px rgba(99, 102, 241, 0.4);\r\n        }\r\n\r\n        .va-process-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 24px;\r\n            color: var(--va-primary);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-process-card:hover .va-process-icon {\r\n            background: var(--va-gradient-2);\r\n            color: var(--va-white);\r\n            transform: rotate(360deg);\r\n        }\r\n\r\n        .va-process-card-body {\r\n            flex: 1;\r\n        }\r\n\r\n        .va-process-title {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-process-description {\r\n            font-size: 15px;\r\n            color: var(--va-gray);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .va-process-arrow {\r\n            display: none;\r\n            position: absolute;\r\n            bottom: -30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            font-size: 24px;\r\n            color: var(--va-primary);\r\n            opacity: 0.5;\r\n        }\r\n\r\n        \/* Technologies Section *\/\r\n        .va-tech-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-tech-item {\r\n            background: var(--va-white);\r\n            border-radius: 15px;\r\n            padding: 30px 20px;\r\n            text-align: center;\r\n            box-shadow: var(--va-shadow-md);\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .va-tech-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-shadow-lg);\r\n            border-color: var(--va-primary);\r\n        }\r\n\r\n        .va-tech-icon {\r\n            font-size: 48px;\r\n            color: var(--va-primary);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .va-tech-name {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: var(--va-dark);\r\n        }\r\n\r\n        \/* Why Choose Section *\/\r\n        .va-choose-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-choose-item {\r\n            display: flex;\r\n            gap: 20px;\r\n            padding: 30px;\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-choose-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-choose-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--va-gradient-2);\r\n            border-radius: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 28px;\r\n            color: var(--va-white);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .va-choose-content h3 {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .va-choose-content p {\r\n            font-size: 14px;\r\n            color: var(--va-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Pricing Section *\/\r\n        .va-pricing {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-pricing-card {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-card.featured {\r\n            transform: scale(1.05);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-pricing-card.featured::before {\r\n            content: 'RECOMMENDED';\r\n            position: absolute;\r\n            top: 20px;\r\n            right: -30px;\r\n            background: var(--va-secondary);\r\n            color: var(--va-white);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            padding: 5px 40px;\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .va-pricing-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-pricing-card.featured:hover {\r\n            transform: scale(1.05) translateY(-10px);\r\n        }\r\n\r\n        .va-pricing-header {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .va-pricing-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: var(--va-gradient-2);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 30px;\r\n            color: var(--va-white);\r\n        }\r\n\r\n        .va-pricing-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .va-pricing-price {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-primary);\r\n            margin-bottom: 5px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-pricing-period {\r\n            font-size: 16px;\r\n            color: var(--va-gray);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-pricing-features {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .va-pricing-feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 15px;\r\n            font-size: 15px;\r\n            color: var(--va-gray);\r\n        }\r\n\r\n        .va-pricing-feature i {\r\n            color: var(--va-accent);\r\n            font-size: 18px;\r\n        }\r\n\r\n        .va-pricing-btn {\r\n            width: 100%;\r\n            padding: 14px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-pricing-btn-primary {\r\n            background: var(--va-gradient-2);\r\n            color: var(--va-white)!important;\r\n        }\r\n\r\n        .va-pricing-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(99, 102, 241, 0.3);\r\n        }\r\n\r\n        .va-pricing-btn-secondary {\r\n            background: transparent;\r\n            color: var(--va-primary);\r\n            border: 2px solid var(--va-primary);\r\n        }\r\n\r\n        .va-pricing-btn-secondary:hover {\r\n            background: var(--va-primary);\r\n            color: var(--va-white)!important;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Testimonials *\/\r\n        .va-testimonials {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-testimonial {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            box-shadow: var(--va-shadow-lg);\r\n            position: relative;\r\n        }\r\n\r\n        .va-testimonial::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            font-size: 60px;\r\n            color: var(--va-primary);\r\n            opacity: 0.1;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-testimonial-content {\r\n            font-size: 16px;\r\n            color: var(--va-gray);\r\n            line-height: 1.7;\r\n            margin-bottom: 20px;\r\n            font-style: italic;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n        }\r\n\r\n        .va-testimonial-image {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-testimonial-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .va-testimonial-info {\r\n            flex: 1;\r\n        }\r\n\r\n        .va-testimonial-name {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: var(--va-dark);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .va-testimonial-position {\r\n            font-size: 13px;\r\n            color: var(--va-primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .va-testimonial-rating {\r\n            display: flex;\r\n            gap: 4px;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .va-testimonial-rating i {\r\n            color: #FFC107;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-cta {\r\n            padding: 120px 0;\r\n            background: var(--va-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.05\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat bottom;\r\n            background-size: cover;\r\n        }\r\n\r\n        .va-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-cta-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 40px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-cta-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-cta-btn {\r\n            padding: 16px 32px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-cta-btn-primary {\r\n            background: var(--va-white);\r\n            color: var(--va-primary);\r\n        }\r\n\r\n        .va-cta-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .va-cta-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-cta-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-pricing-card.featured {\r\n                transform: scale(1);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-hero-phones {\r\n                height: 400px;\r\n            }\r\n            \r\n            .va-phone {\r\n                width: 200px;\r\n                height: 400px;\r\n            }\r\n            \r\n            .va-phone-left {\r\n                transform: translateX(-100px) rotate(-10deg);\r\n            }\r\n            \r\n            .va-phone-right {\r\n                transform: translateX(100px) rotate(10deg);\r\n            }\r\n            \r\n            .va-hero-phones:hover .va-phone-left {\r\n                transform: translateX(-120px) rotate(-15deg);\r\n            }\r\n            \r\n            .va-hero-phones:hover .va-phone-right {\r\n                transform: translateX(120px) rotate(15deg);\r\n            }\r\n            \r\n            .va-cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-cta-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .va-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-section {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .va-services-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .va-tech-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .va-choose-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .va-pricing {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .va-testimonials {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n            \/* Back to Top Button *\/\r\n            .anv-footer-back-to-top {\r\n                position: fixed;\r\n                bottom: 30px;\r\n                right: 30px;\r\n                width: 50px;\r\n                height: 50px;\r\n                background: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n                border: none;\r\n                border-radius: 50%;\r\n                color: #FFFFFF;\r\n                font-size: 24px;\r\n                cursor: pointer;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: all 0.3s ease;\r\n                z-index: 1000;\r\n                box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n            }\r\n\r\n            .anv-footer-back-to-top.show {\r\n                opacity: 1;\r\n                visibility: visible;\r\n            }\r\n\r\n            .anv-footer-back-to-top:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);\r\n            }\r\n\r\n            \/* Responsive Design *\/\r\n            @media (max-width: 768px) {\r\n                \r\n                .anv-footer-back-to-top {\r\n                    bottom: 20px;\r\n                    right: 20px;\r\n                    width: 45px;\r\n                    height: 45px;\r\n                    font-size: 20px;\r\n                }\r\n            }\r\n\r\n    <\/style>\r\n\r\n    <body class=\"antialiased\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\" data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\">\r\n\r\n<!-- Hero Section -->\r\n<section class=\"va-hero\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-12\">\r\n                <div class=\"va-hero-content text-center\">\r\n                    <div class=\"va-hero-breadcrumb\">\r\n                        <span><a href=\"\/\">Home<\/a><\/span>\r\n                        <i class=\"bx bx-chevron-right\"><\/i>\r\n                        <span>App Development<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-hero-title\">\r\n                        Custom Mobile <span class=\"va-gradient-text\">App Solutions<\/span>\r\n                    <\/h1>\r\n                    <p class=\"va-hero-subtitle\">\r\n                        Elevate your business with cutting-edge mobile applications. Our expert team crafts intuitive, high-performance apps that captivate users and accelerate your digital transformation.\r\n                    <\/p>                       \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Services Section -->\r\n<section class=\"va-section va-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Our Expertise<\/div>\r\n            <h2 class=\"va-section-title\">Mobile App Development Services<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                End-to-end mobile application development services designed to transform your vision into powerful, user-friendly digital experiences.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-services-grid\">\r\n            <!-- iOS Development -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-devices\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">iOS App Development<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Create stunning iOS applications with native Swift development, delivering seamless performance across all Apple devices with intuitive user experiences.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Swift & SwiftUI<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Apple Watch Apps<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>App Store Submission<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Android Development -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-mobile-alt\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Android App Development<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Build robust Android applications using Kotlin and modern development practices, optimized for performance across the diverse Android ecosystem.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Kotlin Development<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Material You Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Play Store Optimization<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Cross-Platform -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-layer\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Cross-Platform Solutions<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Maximize your reach with cost-effective cross-platform apps that deliver native performance and consistent experiences across iOS and Android.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>React Native<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Flutter Framework<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Code Reusability<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Progressive Web Apps -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-globe\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Progressive Web Apps<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Next-generation PWAs that combine web accessibility with va-like functionality, offering instant loading and offline capabilities.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Offline Functionality<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Web Push Notifications<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Installable Web Apps<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- App Design -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-palette\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">App UI\/UX Design<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Craft visually stunning and highly intuitive mobile interfaces that delight users and drive engagement through thoughtful design.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>User Persona Research<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Interactive Prototyping<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Design Systems<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- App Maintenance -->\r\n            <div class=\"va-service-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-service-icon\">\r\n                    <i class=\"bx bx-cog\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">App Support & Maintenance<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Ensure your app remains secure, updated, and performing optimally with our comprehensive maintenance and support services.\r\n                <\/p>\r\n                <div class=\"va-service-features\">\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Regular Updates<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Security Patches<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>24\/7 Technical Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Learn More\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Process Section -->\r\n<section class=\"va-section va-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Our Approach<\/div>\r\n            <h2 class=\"va-section-title\">App Development Lifecycle<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Our proven development process ensures transparent collaboration and delivery of exceptional mobile applications.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-process-grid\">\r\n            <!-- Step 1 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">01<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-search-alt\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Strategy & Discovery<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Deep dive into your business goals, user needs, and market landscape to define a comprehensive app strategy.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 2 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">02<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-pencil\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Design & Prototyping<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Transform concepts into visual designs and interactive prototypes that showcase the user journey and app functionality.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 3 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">03<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-code-alt\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Agile Development<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Build your app using agile methodologies with regular sprints, ensuring flexibility and continuous improvement.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 4 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">04<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-test-tube\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Quality Assurance<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Comprehensive testing including functional, performance, and security testing to ensure a flawless user experience.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 5 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">05<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Launch & Deployment<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Strategic app store launch with optimized listings, marketing support, and seamless deployment to production.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Step 6 -->\r\n            <div class=\"va-process-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-process-card-header\">\r\n                    <div class=\"va-process-number\">06<\/div>\r\n                    <div class=\"va-process-icon\">\r\n                        <i class=\"bx bx-support\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Growth & Optimization<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Continuous monitoring, analytics, and improvements to enhance app performance and user engagement over time.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Technologies Section -->\r\n<section class=\"va-section va-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Tech Stack<\/div>\r\n            <h2 class=\"va-section-title\">Technologies We Master<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Leveraging industry-leading technologies and frameworks to build scalable, secure, and innovative mobile applications.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-tech-grid\">\r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-react\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">React Native<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-flutter\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Flutter<\/div>\r\n            <\/div>            \r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-android\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Kotlin<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-firebase\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Firebase<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"600\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-aws\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">AWS<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"700\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-nodejs\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Node.js<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-tech-item\" data-aos=\"zoom-in\" data-aos-delay=\"800\">\r\n                <div class=\"va-tech-icon\">\r\n                    <i class=\"bx bxl-docker\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-tech-name\">Docker<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Why Choose Section -->\r\n<section class=\"va-section va-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Advantages<\/div>\r\n            <h2 class=\"va-section-title\">Why Choose View Anonymous<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                We combine technical excellence, innovative thinking, and business insights to deliver mobile solutions that drive success.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-choose-grid\">\r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-rocket\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Rapid Deployment<\/h3>\r\n                    <p>Streamlined development processes and experienced teams enable faster time-to-market without compromising on quality or functionality.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-lock\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Enterprise Security<\/h3>\r\n                    <p>Implement industry-leading security protocols and encryption to protect sensitive data and ensure compliance with global standards.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-expand\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Future-Ready Architecture<\/h3>\r\n                    <p>Scalable solutions designed to grow with your business, handling increased user demand and feature expansions seamlessly.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-palette\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Design Excellence<\/h3>\r\n                    <p>Create memorable user experiences with award-winning design that sets your app apart in the crowded marketplace.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-support\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Dedicated Support<\/h3>\r\n                    <p>Round-the-clock technical support and proactive maintenance to ensure your app runs smoothly and efficiently at all times.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-choose-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-choose-icon\">\r\n                    <i class=\"bx bx-dollar-circle\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Optimized ROI<\/h3>\r\n                    <p>Strategic development approach that maximizes value for your investment, delivering measurable business outcomes and growth.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Pricing Section -->\r\n<section class=\"va-section va-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Investment<\/div>\r\n            <h2 class=\"va-section-title\">App Development Packages<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Transparent pricing models tailored to accommodate projects of all sizes and complexity levels.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-pricing\">\r\n            <!-- Starter Package -->\r\n            <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-pricing-header\">\r\n                    <div class=\"va-pricing-icon\">\r\n                        <i class=\"bx bx-mobile\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">MVP Launch<\/h3>\r\n                    <div class=\"va-pricing-price\">$7,999<\/div>\r\n                    <div class=\"va-pricing-period\">per platform<\/div>\r\n                <\/div>\r\n                <div class=\"va-pricing-features\">\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Essential UI Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Single Platform (iOS\/Android)<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Up to 8 Screens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Basic API Integration<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>30 Days Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-secondary\">\r\n                    Get Started\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Professional Package -->\r\n            <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-pricing-header\">\r\n                    <div class=\"va-pricing-icon\">\r\n                        <i class=\"bx bx-devices\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">Growth Solution<\/h3>\r\n                    <div class=\"va-pricing-price\">$19,999<\/div>\r\n                    <div class=\"va-pricing-period\">per platform<\/div>\r\n                <\/div>\r\n                <div class=\"va-pricing-features\">\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Premium UI\/UX Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Cross-Platform Development<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Up to 20 Screens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Advanced Features<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>90 Days Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-primary\">\r\n                    Get Started\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Enterprise Package -->\r\n            <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-pricing-header\">\r\n                    <div class=\"va-pricing-icon\">\r\n                        <i class=\"bx bx-building\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">Enterprise Platform<\/h3>\r\n                    <div class=\"va-pricing-price\">Custom<\/div>\r\n                    <div class=\"va-pricing-period\">request quote<\/div>\r\n                <\/div>\r\n                <div class=\"va-pricing-features\">\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Bespoke Design System<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Multi-Platform Ecosystem<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Unlimited Features<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Enterprise Integrations<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Priority Lifetime Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-secondary\">\r\n                    Contact Us\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Testimonials Section -->\r\n<section class=\"va-section va-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-section-badge d-inline-block\">Success Stories<\/div>\r\n            <h2 class=\"va-section-title\">Client Experiences<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Discover how our mobile solutions have transformed businesses and delighted users across various industries.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-testimonials\">\r\n            <div class=\"va-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <p class=\"va-testimonial-content\">\r\n                    \"View Anonymous transformed our e-commerce vision into a stunning mobile app. Their innovative approach and technical expertise resulted in a 300% increase in mobile sales within the first quarter.\"\r\n                <\/p>\r\n                <div class=\"va-testimonial-author\">\r\n                    <div class=\"va-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Emily-Jones-1.png\" alt=\"Emily Jones\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Emily Jones<\/div>\r\n                        <div class=\"va-testimonial-position\">CEO, ShopSmart<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <p class=\"va-testimonial-content\">\r\n                    \"The cross-platform solution delivered by View Anonymous exceeded our expectations. Their team's professionalism and attention to detail made the entire development process smooth and successful.\"\r\n                <\/p>\r\n                <div class=\"va-testimonial-author\">\r\n                    <div class=\"va-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Caleb-Johnson.png\" alt=\"Caleb Johnson\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Caleb Johnson<\/div>\r\n                        <div class=\"va-testimonial-position\">CTO, HealthTrack<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <p class=\"va-testimonial-content\">\r\n                    \"Partnering with View Anonymous was the best decision for our startup. They delivered a feature-rich, beautifully designed app that our users love. Highly recommend their services!\"\r\n                <\/p>\r\n                <div class=\"va-testimonial-author\">\r\n                    <div class=\"va-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Jessica-Miller.png\" alt=\"Jessica Miller\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Jessica Miller<\/div>\r\n                        <div class=\"va-testimonial-position\">Founder, LearnHub<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section id=\"contact\" class=\"va-cta\">\r\n    <div class=\"container\">\r\n        <div class=\"va-cta-content\">\r\n            <h2 class=\"va-cta-title\" data-aos=\"fade-up\">Start Your App Journey Today<\/h2>\r\n            <p class=\"va-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Ready to create an exceptional mobile experience? Let's discuss your project and bring your vision to life.\r\n            <\/p>\r\n            <div class=\"va-cta-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <a href=\"\/contact\" class=\"va-cta-btn va-cta-btn-primary\">\r\n                    Schedule Consultation\r\n                    <i class=\"bx bx-phone\"><\/i>\r\n                <\/a>\r\n                <a href=\"mailto:support@viewanonymous.com\" class=\"va-cta-btn va-cta-btn-secondary\">\r\n                    Send Project Details\r\n                    <i class=\"bx bx-envelope\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section> \r\n\r\n    <!-- Back to Top Button -->\r\n    <button class=\"anv-footer-back-to-top show\" id=\"backToTop\" aria-label=\"Back to top\">\r\n        <i class=\"bx bx-up-arrow-alt\"><\/i>\r\n    <\/button>\r\n\r\n    <!-- Scripts -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n    <script>\r\n\r\n        \/\/ Smooth Scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Phone animation on scroll\r\n        const phoneSection = document.querySelector('.va-hero-phones');\r\n        const phones = document.querySelectorAll('.va-phone');\r\n        \r\n        const phoneObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    phones.forEach((phone, index) => {\r\n                        setTimeout(() => {\r\n                            phone.style.opacity = '1';\r\n                            phone.style.transform = phone.classList.contains('va-phone-left') \r\n                                ? 'translateX(-150px) rotate(-15deg)' \r\n                                : phone.classList.contains('va-phone-right')\r\n                                ? 'translateX(150px) rotate(15deg)'\r\n                                : 'scale(1.1)';\r\n                        }, index * 200);\r\n                    });\r\n                    phoneObserver.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.3 });\r\n\r\n        if (phoneSection) {\r\n            \/\/ Initial state\r\n            phones.forEach(phone => {\r\n                phone.style.opacity = '0';\r\n                phone.style.transform = 'translateY(50px)';\r\n                phone.style.transition = 'all 0.8s ease';\r\n            });\r\n            \r\n            phoneObserver.observe(phoneSection);\r\n        }\r\n\r\n        \/\/ Add interactive hover effect for process cards\r\n        const processCards = document.querySelectorAll('.va-process-card');\r\n        processCards.forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.querySelector('.va-process-icon').style.transform = 'rotate(360deg)';\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                this.querySelector('.va-process-icon').style.transform = 'rotate(0deg)';\r\n            });\r\n        });\r\n    <\/script>\r\n    \r\n              <!-- footer -->\r\n              <script>\r\n                \/\/ Initialize AOS\r\n                AOS.init({\r\n                    duration: 1000,\r\n                    once: true,\r\n                    offset: 100\r\n                });\r\n                \r\n                \/\/ Back to Top Button\r\n                const backToTopBtn = document.getElementById('backToTop');\r\n                \r\n                window.addEventListener('scroll', () => {\r\n                    if (window.pageYOffset > 300) {\r\n                        backToTopBtn.classList.add('show');\r\n                    } else {\r\n                        backToTopBtn.classList.remove('show');\r\n                    }\r\n                });\r\n                \r\n                backToTopBtn.addEventListener('click', () => {\r\n                    window.scrollTo({\r\n                        top: 0,\r\n                        behavior: 'smooth'\r\n                    });\r\n                });\r\n                <\/script>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":5,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":902,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/46\/revisions\/902"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}