{"id":49,"date":"2026-03-25T06:37:02","date_gmt":"2026-03-25T06:37:02","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=49"},"modified":"2026-03-31T12:00:48","modified_gmt":"2026-03-31T12:00:48","slug":"ui-ux-design","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/ui-ux-design\/","title":{"rendered":"Ui Ux design"},"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: #8B5CF6;\r\n            --va-primary-dark: #7C3AED;\r\n            --va-primary-light: #A78BFA;\r\n            --va-secondary: #F59E0B;\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: 80vh;\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        }\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(139, 92, 246, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(245, 158, 11, 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            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-hero-showcase {\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            gap: 30px;\r\n        }\r\n\r\n        .va-showcase-item {\r\n            position: relative;\r\n            width: 300px;\r\n            height: 500px;\r\n            background: var(--va-dark-lighter);\r\n            border-radius: 20px;\r\n            overflow: hidden;\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-showcase-item:hover {\r\n            transform: translateY(-20px) scale(1.05);\r\n            box-shadow: 0 35px 60px rgba(139, 92, 246, 0.3);\r\n        }\r\n\r\n        .va-showcase-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .va-showcase-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\r\n            padding: 30px 20px 20px;\r\n            transform: translateY(100%);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .va-showcase-item:hover .va-showcase-overlay {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .va-showcase-title {\r\n            color: var(--va-white);\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .va-showcase-category {\r\n            color: var(--va-primary-light);\r\n            font-size: 14px;\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(139, 92, 246, 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        \/* Design Process *\/\r\n        .va-process-grid {\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            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(139, 92, 246, 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(139, 92, 246, 0.4);\r\n        }\r\n\r\n        .va-process-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(139, 92, 246, 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        \/* Portfolio Section *\/\r\n        .va-portfolio-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-portfolio-item {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.4s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-portfolio-item:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-portfolio-image {\r\n            position: relative;\r\n            height: 250px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-portfolio-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .va-portfolio-item:hover .va-portfolio-image img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-portfolio-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));\r\n            display: flex;\r\n            align-items: flex-end;\r\n            padding: 20px;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .va-portfolio-item:hover .va-portfolio-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .va-portfolio-category {\r\n            color: var(--va-primary-light);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .va-portfolio-title {\r\n            color: var(--va-white);\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .va-portfolio-content {\r\n            padding: 30px;\r\n        }\r\n\r\n        .va-portfolio-description {\r\n            font-size: 15px;\r\n            color: var(--va-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-portfolio-tags {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n        }\r\n\r\n        .va-portfolio-tag {\r\n            background: rgba(139, 92, 246, 0.1);\r\n            color: var(--va-primary);\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            font-size: 12px;\r\n            font-weight: 600;\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(300px, 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: 'POPULAR';\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(139, 92, 246, 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-showcase {\r\n                height: 400px;\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-showcase-item {\r\n                width: 250px;\r\n                height: 180px;\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-portfolio-grid {\r\n                grid-template-columns: 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                .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    <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 min-vh-100\">\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>UI\/UX Design<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-hero-title\">\r\n                        Transform Ideas Into <span class=\"va-gradient-text\">Digital Experiences<\/span>\r\n                    <\/h1>\r\n                    <p class=\"va-hero-subtitle\">\r\n                        We craft intuitive, visually stunning interfaces that captivate users and drive business growth. From concept to deployment, we're your strategic design partner.\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\">Comprehensive Design Solutions<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                End-to-end design services that transform your vision into user-centric digital products.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-services-grid\">\r\n            <!-- User Research -->\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-search-alt-2\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">User Research & Strategy<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Uncover deep user insights through comprehensive research methodologies that inform data-driven design decisions.\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>Competitive Analysis<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>User Personas<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Experience Mapping<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Explore Strategy\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Wireframing -->\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-shape-polygon\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Information Architecture<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Structure your digital product with logical navigation and intuitive user flows that guide users seamlessly.\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>Content Strategy<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Navigation Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Flow 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            <!-- UI Design -->\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-palette\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Visual Design & Branding<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Create stunning visual identities that resonate with your audience and strengthen your brand presence.\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>Brand Guidelines<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Color Psychology<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Typography Systems<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    View Portfolio\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Prototyping -->\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-layer\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Interactive Prototyping<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Bring your designs to life with high-fidelity, interactive prototypes that demonstrate 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>Motion Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Micro-interactions<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Gesture Flows<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    See Examples\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Usability Testing -->\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-test-tube\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Usability Testing<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Validate design decisions through rigorous testing with real users to ensure optimal 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>A\/B Testing<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Eye Tracking<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Conversion Analysis<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Get Insights\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Design Systems -->\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-book-bookmark\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Design Systems<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Build scalable, maintainable design systems that ensure consistency across all your digital products.\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>Component Libraries<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Design Tokens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Developer Handoff<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Build System\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<!-- Design 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 Methodology<\/div>\r\n            <h2 class=\"va-section-title\">Strategic Design Process<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                A proven methodology that combines creativity with strategic thinking to deliver exceptional results.\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-brain\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Discover & Analyze<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Deep dive into your business objectives, user needs, and market landscape to establish a solid foundation.\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-target-lock\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Define & Strategize<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Transform insights into actionable strategies with clear goals, user personas, and success metrics.\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-pencil\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Design & Create<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Bring concepts to life through wireframes, mockups, and high-fidelity designs that inspire and engage.\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\">Test & Validate<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Rigorous testing with real users to gather feedback and refine designs for optimal performance.\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-code-block\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Implement & Launch<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Collaborate closely with development teams to ensure pixel-perfect implementation and successful launch.\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-sync\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Optimize & Evolve<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Continuously monitor performance and iterate based on user feedback and analytics to drive growth.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Portfolio 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\">Success Stories<\/div>\r\n            <h2 class=\"va-section-title\">Recent Transformations<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Discover how we've helped businesses achieve their goals through exceptional design.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-portfolio-grid\">\r\n            <!-- Project 1 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Next-Gen-Banking-Platform.jpg\" alt=\"FinTech App\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">FinTech<\/div>\r\n                        <div class=\"va-portfolio-title\">Next-Gen Banking Platform<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Revolutionized digital banking experience with AI-powered insights and seamless transaction flows.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Mobile First<\/span>\r\n                        <span class=\"va-portfolio-tag\">AI Integration<\/span>\r\n                        <span class=\"va-portfolio-tag\">Security UX<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 2 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Enterprise-ERP-Solution-img8.jpg\" alt=\"E-commerce Platform\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">E-Commerce<\/div>\r\n                        <div class=\"va-portfolio-title\">Smart Retail Dashboard<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Intelligent analytics dashboard that increased conversion rates by 45% through data-driven insights.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Data Visualization<\/span>\r\n                        <span class=\"va-portfolio-tag\">Real-time Analytics<\/span>\r\n                        <span class=\"va-portfolio-tag\">Conversion UX<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 3 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Healthcare-Management-Platform-img9.jpg\" alt=\"Healthcare App\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">HealthTech<\/div>\r\n                        <div class=\"va-portfolio-title\">Connected Health Ecosystem<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Comprehensive telehealth platform connecting patients, providers, and pharmacies seamlessly.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">HIPAA Compliant<\/span>\r\n                        <span class=\"va-portfolio-tag\">Multi-platform<\/span>\r\n                        <span class=\"va-portfolio-tag\">Accessibility<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 4 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/SaaS-Platform-SaaS-Enterprise-Collaboration-Hub.png\" alt=\"SaaS Platform\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">SaaS<\/div>\r\n                        <div class=\"va-portfolio-title\">Enterprise Collaboration Hub<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Streamlined project management platform that improved team productivity by 60%.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Enterprise UX<\/span>\r\n                        <span class=\"va-portfolio-tag\">Collaboration<\/span>\r\n                        <span class=\"va-portfolio-tag\">Scalability<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 5 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/EduLearn-img6.jpg\" alt=\"Education Platform\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">EdTech<\/div>\r\n                        <div class=\"va-portfolio-title\">Adaptive Learning Platform<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Personalized learning experience with AI-driven content adaptation and progress tracking.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Gamification<\/span>\r\n                        <span class=\"va-portfolio-tag\">Personalization<\/span>\r\n                        <span class=\"va-portfolio-tag\">Analytics<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 6 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Travel-Tech-Luxury-Travel-Concierge.jpg\" alt=\"Travel App\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">TravelTech<\/div>\r\n                        <div class=\"va-portfolio-title\">Luxury Travel Concierge<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Premium travel experience platform with personalized itineraries and exclusive partnerships.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Luxury UX<\/span>\r\n                        <span class=\"va-portfolio-tag\">Personalization<\/span>\r\n                        <span class=\"va-portfolio-tag\">Mobile App<\/span>\r\n                    <\/div>\r\n                <\/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\">Our Advantage<\/div>\r\n            <h2 class=\"va-section-title\">Why Businesses Choose Us<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                We combine strategic thinking, creative excellence, and technical expertise to deliver transformative results.\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-user-voice\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Human-Centered Design<\/h3>\r\n                    <p>Every decision is guided by deep user empathy, creating experiences that truly connect with your audience.<\/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-data\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Analytics-Driven Approach<\/h3>\r\n                    <p>We leverage data and user behavior insights to make informed design decisions that drive measurable results.<\/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-palette\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Industry Innovation<\/h3>\r\n                    <p>Our team stays ahead of design trends and technologies to deliver cutting-edge solutions.<\/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-time-five\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Agile Delivery<\/h3>\r\n                    <p>Flexible, iterative process ensures rapid delivery without compromising on quality or innovation.<\/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-sync\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Continuous Optimization<\/h3>\r\n                    <p>We don't just launch and leave \u2013 we continuously optimize based on real user feedback and performance data.<\/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-star\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Proven Excellence<\/h3>\r\n                    <p>With 500+ successful projects, our track record speaks for itself in delivering exceptional user experiences.<\/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\">Design Partnership Packages<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Flexible engagement models tailored to your project scope, timeline, and budget requirements.\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-rocket\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">Launch Package<\/h3>\r\n                    <div class=\"va-pricing-price\">$4,999<\/div>\r\n                    <div class=\"va-pricing-period\">perfect for startups<\/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>Up to 10 Screens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Mobile & Web Responsive<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>3 Design Revisions<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>2-Week Delivery<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Design Assets Package<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-secondary\">\r\n                    Start Your Journey\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-crown\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">Growth Package<\/h3>\r\n                    <div class=\"va-pricing-price\">$9,999<\/div>\r\n                    <div class=\"va-pricing-period\">most popular choice<\/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>Up to 25 Screens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Complete UI\/UX Suite<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Interactive Prototype<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Unlimited Revisions<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>3-Week Delivery<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-primary\">\r\n                    Accelerate Growth\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 Package<\/h3>\r\n                    <div class=\"va-pricing-price\">Custom<\/div>\r\n                    <div class=\"va-pricing-period\">tailored solutions<\/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>Unlimited Scope<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Full 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>User Research & Testing<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Dedicated Design Team<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Ongoing Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-secondary\">\r\n                    Schedule Consultation\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\">Client Success Stories<\/div>\r\n            <h2 class=\"va-section-title\">Transformative Results From Our Partners<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Discover how industry leaders are achieving breakthrough growth through our strategic design partnerships.\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                    \"We were struggling with 3.2-star app store ratings and declining user retention. View Anonymous didn't just redesign our app \u2013 they completely reimagined our user journey. Within 3 months, our ratings soared to 4.8 stars, daily active users increased by 65%, and customer support tickets dropped by 40%. Their deep understanding of fintech user psychology and attention to every micro-interaction has set a new industry standard for us.\"\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\/Anthony-Parker.png\" alt=\"Anthony Parker\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Anthony Parker<\/div>\r\n                        <div class=\"va-testimonial-position\">VP of Product, FinTech Innovations<\/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                    \"Our enterprise suite was becoming a maintenance nightmare with inconsistent designs across 12 products. The design system delivered by View Anonymous was a game-changer \u2013 it reduced our development time by 40%, eliminated 90% of design inconsistencies, and accelerated our feature deployment cycle by 3x. The ROI was evident within the first quarter, saving us over $2M annually. They're not just designers; they're strategic architects of digital efficiency.\"\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\/David-Brown.png\" alt=\"David Brown\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">David Brown<\/div>\r\n                        <div class=\"va-testimonial-position\">CTO, Enterprise Solutions Inc.<\/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                    \"As a startup competing against industry giants, we needed more than just a pretty website \u2013 we needed a conversion machine. View Anonymous delivered beyond our wildest expectations. Our conversion rate skyrocketed by 120%, average order value increased by 35%, and we achieved $3.2M in additional revenue within 6 months. Their data-driven approach and relentless focus on business outcomes transformed our entire growth trajectory. This wasn't just a redesign; it was a business revolution.\"\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-Williams.png\" alt=\"Emma Williams\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Emma Williams<\/div>\r\n                        <div class=\"va-testimonial-position\">Founder & CEO, GrowthTech<\/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\">Ready to Elevate Your Digital Experience?<\/h2>\r\n            <p class=\"va-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Join 200+ businesses that have transformed their digital presence. Let's create something extraordinary together.\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                   Contact Us\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 Brief\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\" 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        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 1000,\r\n            once: true,\r\n            offset: 100\r\n        });\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        \/\/ 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\r\n        \/\/ Portfolio item click animation\r\n        const portfolioItems = document.querySelectorAll('.va-portfolio-item');\r\n        portfolioItems.forEach(item => {\r\n            item.addEventListener('click', function() {\r\n                this.style.transform = 'scale(0.98)';\r\n                setTimeout(() => {\r\n                    this.style.transform = '';\r\n                }, 200);\r\n            });\r\n        });\r\n    <\/script>\r\n      \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: #8B5CF6;\r\n            --va-primary-dark: #7C3AED;\r\n            --va-primary-light: #A78BFA;\r\n            --va-secondary: #F59E0B;\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: 80vh;\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        }\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(139, 92, 246, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(245, 158, 11, 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            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-hero-showcase {\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            gap: 30px;\r\n        }\r\n\r\n        .va-showcase-item {\r\n            position: relative;\r\n            width: 300px;\r\n            height: 500px;\r\n            background: var(--va-dark-lighter);\r\n            border-radius: 20px;\r\n            overflow: hidden;\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-showcase-item:hover {\r\n            transform: translateY(-20px) scale(1.05);\r\n            box-shadow: 0 35px 60px rgba(139, 92, 246, 0.3);\r\n        }\r\n\r\n        .va-showcase-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .va-showcase-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\r\n            padding: 30px 20px 20px;\r\n            transform: translateY(100%);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .va-showcase-item:hover .va-showcase-overlay {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .va-showcase-title {\r\n            color: var(--va-white);\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .va-showcase-category {\r\n            color: var(--va-primary-light);\r\n            font-size: 14px;\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(139, 92, 246, 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        \/* Design Process *\/\r\n        .va-process-grid {\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            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(139, 92, 246, 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(139, 92, 246, 0.4);\r\n        }\r\n\r\n        .va-process-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(139, 92, 246, 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        \/* Portfolio Section *\/\r\n        .va-portfolio-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-portfolio-item {\r\n            background: var(--va-white);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-shadow-lg);\r\n            transition: all 0.4s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-portfolio-item:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-shadow-xl);\r\n        }\r\n\r\n        .va-portfolio-image {\r\n            position: relative;\r\n            height: 250px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-portfolio-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .va-portfolio-item:hover .va-portfolio-image img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-portfolio-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));\r\n            display: flex;\r\n            align-items: flex-end;\r\n            padding: 20px;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .va-portfolio-item:hover .va-portfolio-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .va-portfolio-category {\r\n            color: var(--va-primary-light);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .va-portfolio-title {\r\n            color: var(--va-white);\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .va-portfolio-content {\r\n            padding: 30px;\r\n        }\r\n\r\n        .va-portfolio-description {\r\n            font-size: 15px;\r\n            color: var(--va-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-portfolio-tags {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n        }\r\n\r\n        .va-portfolio-tag {\r\n            background: rgba(139, 92, 246, 0.1);\r\n            color: var(--va-primary);\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            font-size: 12px;\r\n            font-weight: 600;\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(300px, 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: 'POPULAR';\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(139, 92, 246, 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-showcase {\r\n                height: 400px;\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-showcase-item {\r\n                width: 250px;\r\n                height: 180px;\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-portfolio-grid {\r\n                grid-template-columns: 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                .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    <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 min-vh-100\">\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>UI\/UX Design<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-hero-title\">\r\n                        Transform Ideas Into <span class=\"va-gradient-text\">Digital Experiences<\/span>\r\n                    <\/h1>\r\n                    <p class=\"va-hero-subtitle\">\r\n                        We craft intuitive, visually stunning interfaces that captivate users and drive business growth. From concept to deployment, we're your strategic design partner.\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\">Comprehensive Design Solutions<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                End-to-end design services that transform your vision into user-centric digital products.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-services-grid\">\r\n            <!-- User Research -->\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-search-alt-2\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">User Research & Strategy<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Uncover deep user insights through comprehensive research methodologies that inform data-driven design decisions.\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>Competitive Analysis<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>User Personas<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Experience Mapping<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Explore Strategy\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Wireframing -->\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-shape-polygon\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Information Architecture<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Structure your digital product with logical navigation and intuitive user flows that guide users seamlessly.\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>Content Strategy<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Navigation Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Flow 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            <!-- UI Design -->\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-palette\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Visual Design & Branding<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Create stunning visual identities that resonate with your audience and strengthen your brand presence.\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>Brand Guidelines<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Color Psychology<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Typography Systems<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    View Portfolio\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Prototyping -->\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-layer\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Interactive Prototyping<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Bring your designs to life with high-fidelity, interactive prototypes that demonstrate 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>Motion Design<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Micro-interactions<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Gesture Flows<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    See Examples\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Usability Testing -->\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-test-tube\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Usability Testing<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Validate design decisions through rigorous testing with real users to ensure optimal 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>A\/B Testing<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Eye Tracking<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Conversion Analysis<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Get Insights\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Design Systems -->\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-book-bookmark\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-service-title\">Design Systems<\/h3>\r\n                <p class=\"va-service-description\">\r\n                    Build scalable, maintainable design systems that ensure consistency across all your digital products.\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>Component Libraries<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Design Tokens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-service-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Developer Handoff<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-service-link\">\r\n                    Build System\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<!-- Design 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 Methodology<\/div>\r\n            <h2 class=\"va-section-title\">Strategic Design Process<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                A proven methodology that combines creativity with strategic thinking to deliver exceptional results.\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-brain\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Discover & Analyze<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Deep dive into your business objectives, user needs, and market landscape to establish a solid foundation.\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-target-lock\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Define & Strategize<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Transform insights into actionable strategies with clear goals, user personas, and success metrics.\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-pencil\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Design & Create<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Bring concepts to life through wireframes, mockups, and high-fidelity designs that inspire and engage.\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\">Test & Validate<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Rigorous testing with real users to gather feedback and refine designs for optimal performance.\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-code-block\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Implement & Launch<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Collaborate closely with development teams to ensure pixel-perfect implementation and successful launch.\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-sync\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-process-card-body\">\r\n                    <h3 class=\"va-process-title\">Optimize & Evolve<\/h3>\r\n                    <p class=\"va-process-description\">\r\n                        Continuously monitor performance and iterate based on user feedback and analytics to drive growth.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Portfolio 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\">Success Stories<\/div>\r\n            <h2 class=\"va-section-title\">Recent Transformations<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Discover how we've helped businesses achieve their goals through exceptional design.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-portfolio-grid\">\r\n            <!-- Project 1 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Next-Gen-Banking-Platform.jpg\" alt=\"FinTech App\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">FinTech<\/div>\r\n                        <div class=\"va-portfolio-title\">Next-Gen Banking Platform<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Revolutionized digital banking experience with AI-powered insights and seamless transaction flows.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Mobile First<\/span>\r\n                        <span class=\"va-portfolio-tag\">AI Integration<\/span>\r\n                        <span class=\"va-portfolio-tag\">Security UX<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 2 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Enterprise-ERP-Solution-img8.jpg\" alt=\"E-commerce Platform\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">E-Commerce<\/div>\r\n                        <div class=\"va-portfolio-title\">Smart Retail Dashboard<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Intelligent analytics dashboard that increased conversion rates by 45% through data-driven insights.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Data Visualization<\/span>\r\n                        <span class=\"va-portfolio-tag\">Real-time Analytics<\/span>\r\n                        <span class=\"va-portfolio-tag\">Conversion UX<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 3 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Healthcare-Management-Platform-img9.jpg\" alt=\"Healthcare App\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">HealthTech<\/div>\r\n                        <div class=\"va-portfolio-title\">Connected Health Ecosystem<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Comprehensive telehealth platform connecting patients, providers, and pharmacies seamlessly.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">HIPAA Compliant<\/span>\r\n                        <span class=\"va-portfolio-tag\">Multi-platform<\/span>\r\n                        <span class=\"va-portfolio-tag\">Accessibility<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 4 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/SaaS-Platform-SaaS-Enterprise-Collaboration-Hub.png\" alt=\"SaaS Platform\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">SaaS<\/div>\r\n                        <div class=\"va-portfolio-title\">Enterprise Collaboration Hub<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Streamlined project management platform that improved team productivity by 60%.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Enterprise UX<\/span>\r\n                        <span class=\"va-portfolio-tag\">Collaboration<\/span>\r\n                        <span class=\"va-portfolio-tag\">Scalability<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 5 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/EduLearn-img6.jpg\" alt=\"Education Platform\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">EdTech<\/div>\r\n                        <div class=\"va-portfolio-title\">Adaptive Learning Platform<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Personalized learning experience with AI-driven content adaptation and progress tracking.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Gamification<\/span>\r\n                        <span class=\"va-portfolio-tag\">Personalization<\/span>\r\n                        <span class=\"va-portfolio-tag\">Analytics<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 6 -->\r\n            <div class=\"va-portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Travel-Tech-Luxury-Travel-Concierge.jpg\" alt=\"Travel App\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-category\">TravelTech<\/div>\r\n                        <div class=\"va-portfolio-title\">Luxury Travel Concierge<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <p class=\"va-portfolio-description\">\r\n                        Premium travel experience platform with personalized itineraries and exclusive partnerships.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tags\">\r\n                        <span class=\"va-portfolio-tag\">Luxury UX<\/span>\r\n                        <span class=\"va-portfolio-tag\">Personalization<\/span>\r\n                        <span class=\"va-portfolio-tag\">Mobile App<\/span>\r\n                    <\/div>\r\n                <\/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\">Our Advantage<\/div>\r\n            <h2 class=\"va-section-title\">Why Businesses Choose Us<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                We combine strategic thinking, creative excellence, and technical expertise to deliver transformative results.\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-user-voice\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Human-Centered Design<\/h3>\r\n                    <p>Every decision is guided by deep user empathy, creating experiences that truly connect with your audience.<\/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-data\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Analytics-Driven Approach<\/h3>\r\n                    <p>We leverage data and user behavior insights to make informed design decisions that drive measurable results.<\/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-palette\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Industry Innovation<\/h3>\r\n                    <p>Our team stays ahead of design trends and technologies to deliver cutting-edge solutions.<\/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-time-five\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Agile Delivery<\/h3>\r\n                    <p>Flexible, iterative process ensures rapid delivery without compromising on quality or innovation.<\/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-sync\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Continuous Optimization<\/h3>\r\n                    <p>We don't just launch and leave \u2013 we continuously optimize based on real user feedback and performance data.<\/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-star\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-choose-content\">\r\n                    <h3>Proven Excellence<\/h3>\r\n                    <p>With 500+ successful projects, our track record speaks for itself in delivering exceptional user experiences.<\/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\">Design Partnership Packages<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Flexible engagement models tailored to your project scope, timeline, and budget requirements.\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-rocket\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">Launch Package<\/h3>\r\n                    <div class=\"va-pricing-price\">$4,999<\/div>\r\n                    <div class=\"va-pricing-period\">perfect for startups<\/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>Up to 10 Screens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Mobile & Web Responsive<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>3 Design Revisions<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>2-Week Delivery<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Design Assets Package<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-secondary\">\r\n                    Start Your Journey\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-crown\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-pricing-title\">Growth Package<\/h3>\r\n                    <div class=\"va-pricing-price\">$9,999<\/div>\r\n                    <div class=\"va-pricing-period\">most popular choice<\/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>Up to 25 Screens<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Complete UI\/UX Suite<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Interactive Prototype<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Unlimited Revisions<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>3-Week Delivery<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-primary\">\r\n                    Accelerate Growth\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 Package<\/h3>\r\n                    <div class=\"va-pricing-price\">Custom<\/div>\r\n                    <div class=\"va-pricing-period\">tailored solutions<\/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>Unlimited Scope<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Full 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>User Research & Testing<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Dedicated Design Team<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-feature\">\r\n                        <i class=\"bx bx-check-circle\"><\/i>\r\n                        <span>Ongoing Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"#contact\" class=\"va-pricing-btn va-pricing-btn-secondary\">\r\n                    Schedule Consultation\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\">Client Success Stories<\/div>\r\n            <h2 class=\"va-section-title\">Transformative Results From Our Partners<\/h2>\r\n            <p class=\"va-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Discover how industry leaders are achieving breakthrough growth through our strategic design partnerships.\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                    \"We were struggling with 3.2-star app store ratings and declining user retention. View Anonymous didn't just redesign our app \u2013 they completely reimagined our user journey. Within 3 months, our ratings soared to 4.8 stars, daily active users increased by 65%, and customer support tickets dropped by 40%. Their deep understanding of fintech user psychology and attention to every micro-interaction has set a new industry standard for us.\"\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\/Anthony-Parker.png\" alt=\"Anthony Parker\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Anthony Parker<\/div>\r\n                        <div class=\"va-testimonial-position\">VP of Product, FinTech Innovations<\/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                    \"Our enterprise suite was becoming a maintenance nightmare with inconsistent designs across 12 products. The design system delivered by View Anonymous was a game-changer \u2013 it reduced our development time by 40%, eliminated 90% of design inconsistencies, and accelerated our feature deployment cycle by 3x. The ROI was evident within the first quarter, saving us over $2M annually. They're not just designers; they're strategic architects of digital efficiency.\"\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\/David-Brown.png\" alt=\"David Brown\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">David Brown<\/div>\r\n                        <div class=\"va-testimonial-position\">CTO, Enterprise Solutions Inc.<\/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                    \"As a startup competing against industry giants, we needed more than just a pretty website \u2013 we needed a conversion machine. View Anonymous delivered beyond our wildest expectations. Our conversion rate skyrocketed by 120%, average order value increased by 35%, and we achieved $3.2M in additional revenue within 6 months. Their data-driven approach and relentless focus on business outcomes transformed our entire growth trajectory. This wasn't just a redesign; it was a business revolution.\"\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-Williams.png\" alt=\"Emma Williams\">\r\n                    <\/div>\r\n                    <div class=\"va-testimonial-info\">\r\n                        <div class=\"va-testimonial-name\">Emma Williams<\/div>\r\n                        <div class=\"va-testimonial-position\">Founder & CEO, GrowthTech<\/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\">Ready to Elevate Your Digital Experience?<\/h2>\r\n            <p class=\"va-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Join 200+ businesses that have transformed their digital presence. Let's create something extraordinary together.\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                   Contact Us\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 Brief\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\" 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        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 1000,\r\n            once: true,\r\n            offset: 100\r\n        });\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        \/\/ 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\r\n        \/\/ Portfolio item click animation\r\n        const portfolioItems = document.querySelectorAll('.va-portfolio-item');\r\n        portfolioItems.forEach(item => {\r\n            item.addEventListener('click', function() {\r\n                this.style.transform = 'scale(0.98)';\r\n                setTimeout(() => {\r\n                    this.style.transform = '';\r\n                }, 200);\r\n            });\r\n        });\r\n    <\/script>\r\n      \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-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/49","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=49"}],"version-history":[{"count":3,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/49\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}