{"id":39,"date":"2026-03-25T06:32:36","date_gmt":"2026-03-25T06:32:36","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=39"},"modified":"2026-03-31T12:01:32","modified_gmt":"2026-03-31T12:01:32","slug":"web-development","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/web-development\/","title":{"rendered":"Web development"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]  <style>\r\n       :root {\r\n            --va-web-primary: #6366F1;\r\n            --va-web-primary-dark: #4F46E5;\r\n            --va-web-primary-light: #818CF8;\r\n            --va-web-secondary: #EC4899;\r\n            --va-web-accent: #10B981;\r\n            --va-web-dark: #0F172A;\r\n            --va-web-dark-lighter: #1E293B;\r\n            --va-web-gray: #64748B;\r\n            --va-web-light-gray: #F1F5F9;\r\n            --va-web-white: #FFFFFF;\r\n            --va-web-gradient-1: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-web-gradient-2: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-web-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-web-gradient-text: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-web-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-web-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-web-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-web-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-web-white);\r\n            color: var(--va-web-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-web-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-web-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-web-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-web-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-web-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-web-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-web-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-web-hero-breadcrumb a:hover {\r\n            color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-hero-breadcrumb i {\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-web-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-web-hero-title .va-web-gradient-text {\r\n            background: var(--va-web-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-web-hero-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 40px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-web-hero-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-web-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-web-btn-primary {\r\n            background: var(--va-web-white);\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-web-shadow-lg);\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-web-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-web-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n            color: var(--va-web-white)!important;\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-web-section {\r\n            padding: 120px 0;\r\n        }\r\n\r\n        .va-web-section-light {\r\n            background-color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-section-gray {\r\n            background-color: var(--va-web-light-gray);\r\n        }\r\n\r\n        .va-web-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-web-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-web-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-web-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-web-gray);\r\n            margin-bottom: 24px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Services Section *\/\r\n        .va-web-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-web-service-card {\r\n            background: var(--va-web-white);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            box-shadow: var(--va-web-shadow-lg);\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(99, 102, 241, 0.1);\r\n            height: 100%;\r\n        }\r\n\r\n        .va-web-service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-web-shadow-xl);\r\n            border-color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-web-gradient-2);\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-web-service-icon i {\r\n            font-size: 36px;\r\n            color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-service-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-web-service-description {\r\n            font-size: 16px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-web-service-features {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n\r\n        .va-web-service-features li {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            margin-bottom: 8px;\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n        }\r\n\r\n        .va-web-service-features i {\r\n            color: var(--va-web-accent);\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* Process Section *\/\r\n        .va-web-process {\r\n            position: relative;\r\n            padding: 60px 0;\r\n        }\r\n\r\n        .va-web-process-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-web-process-step {\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .va-web-process-step::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 40px;\r\n            right: -20px;\r\n            width: 40px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, var(--va-web-primary) 0%, transparent 100%);\r\n        }\r\n\r\n        .va-web-process-step:last-child::after {\r\n            display: none;\r\n        }\r\n\r\n        .va-web-process-number {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-web-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: 32px;\r\n            font-weight: 800;\r\n            color: var(--va-web-white);\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-web-process-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-web-process-description {\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Technologies Section *\/\r\n        .va-web-tech-categories {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .va-web-tech-category {\r\n            padding: 10px 20px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 30px;\r\n            color: var(--va-web-primary);\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .va-web-tech-category.active,\r\n        .va-web-tech-category:hover {\r\n            background: var(--va-web-gradient-2);\r\n            color: var(--va-web-white);\r\n            border-color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-tech-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .va-web-tech-item {\r\n            background: var(--va-web-white);\r\n            border-radius: 12px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            box-shadow: var(--va-web-shadow-md);\r\n            transition: all 0.3s ease;\r\n            height: 100px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .va-web-tech-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-web-shadow-lg);\r\n        }\r\n\r\n        .va-web-tech-item img {\r\n            max-width: 80px;\r\n            max-height: 60px;\r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* Portfolio Section *\/\r\n        .va-web-portfolio-filters {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 12px;\r\n            justify-content: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .va-web-portfolio-filter {\r\n            padding: 8px 20px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 30px;\r\n            color: var(--va-web-primary);\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n        }\r\n\r\n        .va-web-portfolio-filter.active,\r\n        .va-web-portfolio-filter:hover {\r\n            background: var(--va-web-gradient-2);\r\n            color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .va-web-portfolio-item {\r\n            background: var(--va-web-white);\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-web-shadow-lg);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-portfolio-item:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-web-shadow-xl);\r\n        }\r\n\r\n        .va-web-portfolio-image {\r\n            height: 250px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .va-web-portfolio-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .va-web-portfolio-item:hover .va-web-portfolio-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .va-web-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: rgba(0, 0, 0, 0.7);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .va-web-portfolio-item:hover .va-web-portfolio-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .va-web-portfolio-links {\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n\r\n        .va-web-portfolio-link {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--va-web-white);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--va-web-primary);\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-portfolio-link:hover {\r\n            background: var(--va-web-primary);\r\n            color: var(--va-web-white);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-web-portfolio-content {\r\n            padding: 24px;\r\n        }\r\n\r\n        .va-web-portfolio-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .va-web-portfolio-category {\r\n            font-size: 14px;\r\n            color: var(--va-web-primary);\r\n            font-weight: 600;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-web-portfolio-description {\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Why Choose Section *\/\r\n        .va-web-why-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-web-why-card {\r\n            background: var(--va-web-white);\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            text-align: center;\r\n            box-shadow: var(--va-web-shadow-md);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-why-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-web-shadow-xl);\r\n        }\r\n\r\n        .va-web-why-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: var(--va-web-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        }\r\n\r\n        .va-web-why-icon i {\r\n            font-size: 32px;\r\n            color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-why-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-web-why-description {\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Testimonials Section *\/\r\n        .va-web-testimonials-slider {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        .va-web-testimonial {\r\n            background: var(--va-web-white);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            box-shadow: var(--va-web-shadow-lg);\r\n            text-align: center;\r\n        }\r\n\r\n        .va-web-testimonial-content {\r\n            font-size: 18px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.7;\r\n            margin-bottom: 30px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .va-web-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 16px;\r\n        }\r\n\r\n        .va-web-testimonial-image {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-web-testimonial-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .va-web-testimonial-info {\r\n            text-align: left;\r\n        }\r\n\r\n        .va-web-testimonial-name {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .va-web-testimonial-position {\r\n            font-size: 14px;\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .va-web-faq {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .va-web-faq-item {\r\n            background: var(--va-web-white);\r\n            border-radius: 12px;\r\n            margin-bottom: 16px;\r\n            box-shadow: var(--va-web-shadow-md);\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-faq-item.active {\r\n            box-shadow: var(--va-web-shadow-lg);\r\n        }\r\n\r\n        .va-web-faq-question {\r\n            padding: 20px 24px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: var(--va-web-dark);\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-faq-question:hover {\r\n            background: rgba(99, 102, 241, 0.05);\r\n        }\r\n\r\n        .va-web-faq-question i {\r\n            transition: transform 0.3s ease;\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-faq-item.active .va-web-faq-question i {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .va-web-faq-answer {\r\n            padding: 0 24px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-faq-item.active .va-web-faq-answer {\r\n            padding: 0 24px 20px;\r\n            max-height: 500px;\r\n        }\r\n\r\n        .va-web-faq-answer p {\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-web-cta {\r\n            padding: 120px 0;\r\n            background: var(--va-web-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-web-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-web-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-web-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-web-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-web-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        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-web-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-web-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-web-process-step::after {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-web-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-web-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-web-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-web-hero-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-web-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-web-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-web-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-web-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-web-section {\r\n                padding: 80px 0;\r\n            }\r\n        }\r\n\r\n            \/* Back to Top Button *\/\r\n            .anv-footer-back-to-top {\r\n                position: fixed;\r\n                bottom: 30px;\r\n                right: 30px;\r\n                width: 50px;\r\n                height: 50px;\r\n                background: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n                border: none;\r\n                border-radius: 50%;\r\n                color: #FFFFFF;\r\n                font-size: 24px;\r\n                cursor: pointer;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: all 0.3s ease;\r\n                z-index: 1000;\r\n                box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n            }\r\n\r\n            .anv-footer-back-to-top.show {\r\n                opacity: 1;\r\n                visibility: visible;\r\n            }\r\n\r\n            .anv-footer-back-to-top:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);\r\n            }\r\n\r\n            \/* Responsive Design *\/\r\n            @media (max-width: 768px) {\r\n                \r\n                .anv-footer-back-to-top {\r\n                    bottom: 20px;\r\n                    right: 20px;\r\n                    width: 45px;\r\n                    height: 45px;\r\n                    font-size: 20px;\r\n                }\r\n            }\r\n\r\n    <\/style>\r\n\r\n    <body class=\"antialiased\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\" data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\">\r\n\r\n<!-- Hero Section -->\r\n<section class=\"va-web-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-web-hero-content text-center\">\r\n                    <div class=\"va-web-hero-breadcrumb\">\r\n                        <span><a href=\"\/\">Home<\/a><\/span>\r\n                        <i class=\"bx bx-chevron-right\"><\/i>\r\n                        <span>Web Development<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-web-hero-title\">\r\n                        Building Powerful <span class=\"va-web-gradient-text\">Web Solutions<\/span> That Drive Growth\r\n                    <\/h1>\r\n                    <p class=\"va-web-hero-subtitle\">\r\n                        We craft custom, high-performance websites and web applications tailored to your business goals, ensuring exceptional user experiences and measurable results.\r\n                    <\/p>\r\n                    <div class=\"va-web-hero-buttons\">\r\n                        <a href=\"#contact\" class=\"va-web-btn va-web-btn-primary\">\r\n                            Start Your Project\r\n                            <i class=\"bx bx-code-alt\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#portfolio\" class=\"va-web-btn va-web-btn-secondary\">\r\n                            View Our Work\r\n                            <i class=\"bx bx-briefcase\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\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-web-section va-web-section-light\" id=\"services\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Our Services<\/div>\r\n            <h2 class=\"va-web-section-title\">Comprehensive Web Development<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                From initial concept to deployment and beyond, we offer a full spectrum of web development services to bring your vision to life.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-services-grid\">\r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-desktop\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">Custom Website Development<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Unique, responsive, and fast-loading websites built from scratch to perfectly represent your brand and engage your audience.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Responsive Design<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> SEO Optimized<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Performance Focused<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Brand Aligned<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-shopping-bag\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">E-Commerce Solutions<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Robust and scalable online stores with seamless checkout experiences, inventory management, and powerful marketing tools.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Secure Payments<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Product Catalogs<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> User Accounts<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Analytics Dashboard<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-layer\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">Web Application Development<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Complex, feature-rich web applications that solve intricate business problems and streamline your operations.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Progressive Web Apps<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> API Integration<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Real-Time Updates<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Cloud-Based<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-cog\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">CMS Development<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    User-friendly Content Management Systems that empower your team to easily update and manage your website content.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> WordPress<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Headless CMS<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Custom Admin Panels<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Content Modeling<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-wrench\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">Maintenance & Support<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Ongoing support to keep your website secure, updated, and performing at its peak long after launch.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Security Monitoring<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Regular Backups<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Performance Tuning<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Tech Support<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-rocket\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">Website Optimization<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Enhance your site's speed, user experience, and conversion rates with our expert optimization services.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Page Speed Insights<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Conversion Rate Optimization<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> A\/B Testing<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Core Web Vitals<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Process Section -->\r\n<section class=\"va-web-section va-web-section-gray\" id=\"process\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Our Process<\/div>\r\n            <h2 class=\"va-web-section-title\">How We Build Your Website<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Our transparent and collaborative development process ensures your project is delivered on time, on budget, and beyond expectations.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-process-grid\">\r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-process-number\">1<\/div>\r\n                <h3 class=\"va-web-process-title\">Discovery & Planning<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    We start by understanding your goals, audience, and requirements to create a detailed project roadmap.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-process-number\">2<\/div>\r\n                <h3 class=\"va-web-process-title\">UI\/UX Design<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    Our designers craft intuitive and visually stunning interfaces that provide an exceptional user experience.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-process-number\">3<\/div>\r\n                <h3 class=\"va-web-process-title\">Development<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    Using clean, efficient code, we bring the designs to life, building a robust and scalable website.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-process-number\">4<\/div>\r\n                <h3 class=\"va-web-process-title\">Testing & QA<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    Rigorous testing across all devices and browsers ensures a flawless, bug-free user experience.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-process-number\">5<\/div>\r\n                <h3 class=\"va-web-process-title\">Deployment<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    We handle the seamless launch of your website, configuring servers and domains for a smooth go-live.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-web-process-number\">6<\/div>\r\n                <h3 class=\"va-web-process-title\">Support & Growth<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    Our partnership continues with ongoing support, updates, and strategies for future growth.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Technologies Section -->\r\n<section class=\"va-web-section va-web-section-light\" id=\"technologies\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Our Tech Stack<\/div>\r\n            <h2 class=\"va-web-section-title\">Technologies We Master<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                We leverage modern and proven technologies to build secure, scalable, and high-performing web solutions.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-tech-categories\">\r\n            <button class=\"va-web-tech-category active\" data-category=\"all\">All Technologies<\/button>\r\n            <button class=\"va-web-tech-category\" data-category=\"frontend\">Frontend<\/button>\r\n            <button class=\"va-web-tech-category\" data-category=\"backend\">Backend<\/button>\r\n            <button class=\"va-web-tech-category\" data-category=\"database\">Database<\/button>\r\n            <button class=\"va-web-tech-category\" data-category=\"cms\">CMS<\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-tech-grid\">\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/html5\/html5-original.svg\" alt=\"HTML5\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/css3\/css3-original.svg\" alt=\"CSS3\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/javascript\/javascript-original.svg\" alt=\"JavaScript\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"250\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/react\/react-original.svg\" alt=\"React\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/vuejs\/vuejs-original.svg\" alt=\"Vue.js\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"350\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/angularjs\/angularjs-original.svg\" alt=\"Angular\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"backend\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/nodejs\/nodejs-original.svg\" alt=\"Node.js\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"backend\" data-aos=\"zoom-in\" data-aos-delay=\"450\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/python\/python-original.svg\" alt=\"Python\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"backend\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/php\/php-original.svg\" alt=\"PHP\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"backend\" data-aos=\"zoom-in\" data-aos-delay=\"550\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/dotnetcore\/dotnetcore-original.svg\" alt=\".NET Core\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"database\" data-aos=\"zoom-in\" data-aos-delay=\"600\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/mysql\/mysql-original.svg\" alt=\"MySQL\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"database\" data-aos=\"zoom-in\" data-aos-delay=\"650\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/postgresql\/postgresql-original.svg\" alt=\"PostgreSQL\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"database\" data-aos=\"zoom-in\" data-aos-delay=\"700\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/mongodb\/mongodb-original.svg\" alt=\"MongoDB\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"cms\" data-aos=\"zoom-in\" data-aos-delay=\"750\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/wordpress\/wordpress-original.svg\" alt=\"WordPress\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"cms\" data-aos=\"zoom-in\" data-aos-delay=\"800\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/shopify\/shopify-original.svg\" alt=\"Shopify\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"cms\" data-aos=\"zoom-in\" data-aos-delay=\"850\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/magento\/magento-original.svg\" alt=\"Magento\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Portfolio Section -->\r\n<section class=\"va-web-section va-web-section-gray\" id=\"portfolio\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Our Work<\/div>\r\n            <h2 class=\"va-web-section-title\">Featured Web Projects<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Explore our portfolio of custom websites and applications that have helped businesses succeed online.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-portfolio-filters\">\r\n            <button class=\"va-web-portfolio-filter active\" data-filter=\"all\">All Projects<\/button>\r\n            <button class=\"va-web-portfolio-filter\" data-filter=\"website\">Websites<\/button>\r\n            <button class=\"va-web-portfolio-filter\" data-filter=\"webapp\">Web Apps<\/button>\r\n            <button class=\"va-web-portfolio-filter\" data-filter=\"ecommerce\">E-commerce<\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-portfolio-grid\">\r\n            <div class=\"va-web-portfolio-item\" data-category=\"website\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/SaaS-Platform-SaaS-Enterprise-Collaboration-Hub.png\" alt=\"Corporate Website\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">FinCorp Corporate Website<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">Corporate Website<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A sleek, professional website for a financial services firm, featuring secure client portals and interactive data visualizations.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"ecommerce\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Seller-Responsive-Multipurpose-WordPress-Theme.jpg\" alt=\"E-commerce Platform\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">StyleBoutique Online Store<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">E-commerce<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A fully-featured fashion e-commerce platform with virtual try-on, personalized recommendations, and a seamless mobile experience.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"webapp\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Travel-Tech-Luxury-Travel-Concierge.jpg\" alt=\"Web Application\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">TaskFlow Project Manager<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">Web Application<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A comprehensive project management tool with real-time collaboration, Kanban boards, and advanced reporting features.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"website\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/FitLife-Pro-img3.jpg\" alt=\"Educational Platform\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">EduLearn LMS<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">Educational Platform<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        An intuitive Learning Management System with video courses, quizzes, and progress tracking for online education.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"webapp\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Enterprise-ERP-Solution-img8.jpg\" alt=\"SaaS Dashboard\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">HealthTrack Pro<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">Web Application<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A HIPAA-compliant web app for patients to track health metrics, book appointments, and communicate with doctors.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"ecommerce\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Healthcare-Management-Platform-img9.jpg\" alt=\"Marketplace\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">FoodieGo Delivery Platform<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">E-commerce<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A multi-vendor food delivery marketplace with real-time order tracking, rider dispatch, and integrated payment gateways.\r\n                    <\/p>\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-web-section va-web-section-light\" id=\"why-choose\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Why Choose Us<\/div>\r\n            <h2 class=\"va-web-section-title\">Your Partner in Digital Excellence<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                We combine technical expertise with strategic thinking to deliver web solutions that provide real business value.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-why-grid\">\r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-code-block\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Expert Developers<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    Our team consists of seasoned developers who are experts in modern web technologies and best practices.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-customize\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Tailored Solutions<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    We don't use one-size-fits-all templates. Every website we build is custom-designed to meet your specific needs.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-timer\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">On-Time Delivery<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    We pride ourselves on our agile project management, ensuring your project is delivered on schedule without compromising quality.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-shield-check\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Security First<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    We build websites with robust security measures to protect your data and your users from online threats.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-support\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Dedicated Support<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    Our relationship doesn't end at launch. We provide reliable ongoing support and maintenance to keep your site running smoothly.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-line-chart\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Results-Driven<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    We focus on building websites that not only look great but also achieve your business goals, from leads to sales.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Testimonials Section -->\r\n<section class=\"va-web-section va-web-section-gray\" id=\"testimonials\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Client Testimonials<\/div>\r\n            <h2 class=\"va-web-section-title\">What Our Clients Say<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Don't just take our word for it. Hear from the businesses we've helped thrive online.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-testimonials-slider\">\r\n            <div class=\"va-web-testimonial\" data-aos=\"fade-up\">\r\n                <p class=\"va-web-testimonial-content\">\r\n                    \"The team delivered an exceptional e-commerce site that has doubled our online sales. Their attention to detail, technical skill, and professional approach made the entire process smooth and successful. We couldn't be happier!\"\r\n                <\/p>\r\n                <div class=\"va-web-testimonial-author\">\r\n                    <div class=\"va-web-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Daniel-Thompson.png\" alt=\"Daniel Thompson\">\r\n                    <\/div>\r\n                    <div class=\"va-web-testimonial-info\">\r\n                        <div class=\"va-web-testimonial-name\">David Chen<\/div>\r\n                        <div class=\"va-web-testimonial-position\">CEO, RetailGrowth Inc.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"va-web-section va-web-section-light\" id=\"faq\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">FAQs<\/div>\r\n            <h2 class=\"va-web-section-title\">Frequently Asked Questions<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Got questions? We have answers. Find out more about our web development services and process.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-faq\">\r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-faq-question\">\r\n                    How long does it take to build a website?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>The timeline varies depending on the project's complexity. A simple brochure website might take 4-6 weeks, while a complex web application could take 4-6 months. We'll provide a detailed timeline during the planning phase.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-faq-question\">\r\n                    How much does a website cost?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>The cost depends on your specific requirements, such as features, design complexity, and integrations. We offer custom quotes based on a thorough analysis of your needs. Contact us for a free, no-obligation consultation.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-faq-question\">\r\n                    Will my website be mobile-friendly?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>Absolutely. All websites we develop are fully responsive, meaning they will look and function perfectly on all devices, from desktops to tablets and mobile phones.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-faq-question\">\r\n                    Can you help with SEO and digital marketing?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>Yes! We build all our websites with SEO best practices in mind. We also offer comprehensive digital marketing services, including SEO, PPC, and content marketing, to help you drive traffic and grow your business.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-faq-question\">\r\n                    What happens after the website is launched?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>We provide thorough training on how to manage your site. We also offer ongoing maintenance and support packages to ensure your website remains secure, updated, and performs optimally.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"va-web-cta\" id=\"contact\">\r\n    <div class=\"container\">\r\n        <div class=\"va-web-cta-content\">\r\n            <h2 class=\"va-web-cta-title\" data-aos=\"fade-up\">Ready to Build Your Dream Website?<\/h2>\r\n            <p class=\"va-web-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Let's discuss your project and create a web solution that drives your business forward. Get a free consultation today!\r\n            <\/p>\r\n            <div class=\"va-web-hero-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <a href=\"\/contact\" class=\"va-web-btn va-web-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-web-btn va-web-btn-secondary\">\r\n                    Send Email\r\n                    <i class=\"bx bx-envelope\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n        \r\n    <!-- Back to Top Button -->\r\n    <button class=\"anv-footer-back-to-top show\" id=\"backToTop\" aria-label=\"Back to top\">\r\n        <i class=\"bx bx-up-arrow-alt\"><\/i>\r\n    <\/button>\r\n\r\n        <!-- Scripts -->\r\n        <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n        <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n        <script>\r\n\r\n    \r\n            \/\/ Technology Filter\r\n            const techCategories = document.querySelectorAll('.va-web-tech-category');\r\n            const techItems = document.querySelectorAll('.va-web-tech-item');\r\n    \r\n            techCategories.forEach(category => {\r\n                category.addEventListener('click', () => {\r\n                    \/\/ Remove active class from all categories\r\n                    techCategories.forEach(cat => cat.classList.remove('active'));\r\n                    \/\/ Add active class to clicked category\r\n                    category.classList.add('active');\r\n                    \r\n                    const filterValue = category.getAttribute('data-category');\r\n                    \r\n                    techItems.forEach(item => {\r\n                        if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\r\n                            item.style.display = 'flex';\r\n                        } else {\r\n                            item.style.display = 'none';\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n    \r\n            \/\/ Portfolio Filter\r\n            const portfolioFilters = document.querySelectorAll('.va-web-portfolio-filter');\r\n            const portfolioItems = document.querySelectorAll('.va-web-portfolio-item');\r\n    \r\n            portfolioFilters.forEach(filter => {\r\n                filter.addEventListener('click', () => {\r\n                    \/\/ Remove active class from all filters\r\n                    portfolioFilters.forEach(f => f.classList.remove('active'));\r\n                    \/\/ Add active class to clicked filter\r\n                    filter.classList.add('active');\r\n                    \r\n                    const filterValue = filter.getAttribute('data-filter');\r\n                    \r\n                    portfolioItems.forEach(item => {\r\n                        if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\r\n                            item.style.display = 'block';\r\n                        } else {\r\n                            item.style.display = 'none';\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n    \r\n            \/\/ FAQ Accordion\r\n            const faqItems = document.querySelectorAll('.va-web-faq-item');\r\n    \r\n            faqItems.forEach(item => {\r\n                const question = item.querySelector('.va-web-faq-question');\r\n                \r\n                question.addEventListener('click', () => {\r\n                    \/\/ Close other FAQ items\r\n                    faqItems.forEach(otherItem => {\r\n                        if (otherItem !== item) {\r\n                            otherItem.classList.remove('active');\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Toggle current FAQ item\r\n                    item.classList.toggle('active');\r\n                });\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        <\/script>\r\n      \r\n        <script>\r\n\r\n            \/\/ Counter Animation\r\n            const counters = document.querySelectorAll('[data-count]');\r\n            const speed = 200;\r\n\r\n            const countUp = () => {\r\n                counters.forEach(counter => {\r\n                    const updateCount = () => {\r\n                        const target = +counter.getAttribute('data-count');\r\n                        const count = +counter.innerText;\r\n                        const inc = target \/ speed;\r\n\r\n                        if (count < target) {\r\n                            counter.innerText = Math.ceil(count + inc);\r\n                            setTimeout(updateCount, 1);\r\n                        } else {\r\n                            counter.innerText = target + '+';\r\n                        }\r\n                    };\r\n                    updateCount();\r\n                });\r\n            };\r\n\r\n            \/\/ Trigger counter animation when in viewport\r\n            const observerOptions = {\r\n                threshold: 0.5\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        countUp();\r\n                        observer.disconnect();\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            const statsSection = document.querySelector('.va-home-stats');\r\n            if (statsSection) {\r\n                observer.observe(statsSection);\r\n            }\r\n\r\n            \/\/ Smooth Scrolling\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            \/\/ Form Submission\r\n            function handleSubmit(event) {\r\n                event.preventDefault();\r\n                const email = event.target.querySelector('input[type=\"email\"]').value;\r\n                \r\n                \/\/ Create success message\r\n                const successMsg = document.createElement('div');\r\n                successMsg.className = 'alert alert-success mt-3';\r\n                successMsg.style.background = 'rgba(16, 185, 129, 0.1)';\r\n                successMsg.style.color = '#10B981';\r\n                successMsg.style.border = '1px solid rgba(16, 185, 129, 0.2)';\r\n                successMsg.textContent = `Thank you! We'll contact you at ${email} soon.`;\r\n                successMsg.style.animation = 'fadeInUp 0.5s ease';\r\n                \r\n                \/\/ Insert message after form\r\n                event.target.appendChild(successMsg);\r\n                \r\n                \/\/ Reset form\r\n                event.target.reset();\r\n                \r\n                \/\/ Remove message after 5 seconds\r\n                setTimeout(() => {\r\n                    successMsg.remove();\r\n                }, 5000);\r\n            }\r\n\r\n            \/\/ FAQ Accordion\r\n            document.querySelectorAll('.va-home-faq-question').forEach(question => {\r\n                question.addEventListener('click', () => {\r\n                    const faqItem = question.parentElement;\r\n                    const isActive = faqItem.classList.contains('active');\r\n                    \r\n                    \/\/ Close all FAQ items\r\n                    document.querySelectorAll('.va-home-faq-item').forEach(item => {\r\n                        item.classList.remove('active');\r\n                    });\r\n                    \r\n                    \/\/ Toggle current item if it wasn't active\r\n                    if (!isActive) {\r\n                        faqItem.classList.add('active');\r\n                    }\r\n                });\r\n            });\r\n        <\/script>\r\n        <!-- footer -->\r\n        <script>\r\n            \/\/ Initialize AOS\r\n            AOS.init({\r\n                duration: 1000,\r\n                once: true,\r\n                offset: 100\r\n            });\r\n            \r\n            \/\/ Back to Top Button\r\n            const backToTopBtn = document.getElementById('backToTop');\r\n            \r\n            window.addEventListener('scroll', () => {\r\n                if (window.pageYOffset > 300) {\r\n                    backToTopBtn.classList.add('show');\r\n                } else {\r\n                    backToTopBtn.classList.remove('show');\r\n                }\r\n            });\r\n            \r\n            backToTopBtn.addEventListener('click', () => {\r\n                window.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n            <\/script>\r\n\r\n\r\n[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"  <style>\r\n       :root {\r\n            --va-web-primary: #6366F1;\r\n            --va-web-primary-dark: #4F46E5;\r\n            --va-web-primary-light: #818CF8;\r\n            --va-web-secondary: #EC4899;\r\n            --va-web-accent: #10B981;\r\n            --va-web-dark: #0F172A;\r\n            --va-web-dark-lighter: #1E293B;\r\n            --va-web-gray: #64748B;\r\n            --va-web-light-gray: #F1F5F9;\r\n            --va-web-white: #FFFFFF;\r\n            --va-web-gradient-1: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-web-gradient-2: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-web-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-web-gradient-text: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-web-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-web-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-web-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-web-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-web-white);\r\n            color: var(--va-web-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-web-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-web-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-web-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-web-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-web-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-web-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-web-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-web-hero-breadcrumb a:hover {\r\n            color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-hero-breadcrumb i {\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-web-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-web-hero-title .va-web-gradient-text {\r\n            background: var(--va-web-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-web-hero-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 40px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-web-hero-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-web-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-web-btn-primary {\r\n            background: var(--va-web-white);\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-web-shadow-lg);\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-web-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-web-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n            color: var(--va-web-white)!important;\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-web-section {\r\n            padding: 120px 0;\r\n        }\r\n\r\n        .va-web-section-light {\r\n            background-color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-section-gray {\r\n            background-color: var(--va-web-light-gray);\r\n        }\r\n\r\n        .va-web-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-web-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-web-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-web-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-web-gray);\r\n            margin-bottom: 24px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Services Section *\/\r\n        .va-web-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-web-service-card {\r\n            background: var(--va-web-white);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            box-shadow: var(--va-web-shadow-lg);\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(99, 102, 241, 0.1);\r\n            height: 100%;\r\n        }\r\n\r\n        .va-web-service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-web-shadow-xl);\r\n            border-color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-web-gradient-2);\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-web-service-icon i {\r\n            font-size: 36px;\r\n            color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-service-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-web-service-description {\r\n            font-size: 16px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-web-service-features {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n\r\n        .va-web-service-features li {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            margin-bottom: 8px;\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n        }\r\n\r\n        .va-web-service-features i {\r\n            color: var(--va-web-accent);\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* Process Section *\/\r\n        .va-web-process {\r\n            position: relative;\r\n            padding: 60px 0;\r\n        }\r\n\r\n        .va-web-process-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-web-process-step {\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .va-web-process-step::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 40px;\r\n            right: -20px;\r\n            width: 40px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, var(--va-web-primary) 0%, transparent 100%);\r\n        }\r\n\r\n        .va-web-process-step:last-child::after {\r\n            display: none;\r\n        }\r\n\r\n        .va-web-process-number {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-web-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: 32px;\r\n            font-weight: 800;\r\n            color: var(--va-web-white);\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-web-process-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-web-process-description {\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Technologies Section *\/\r\n        .va-web-tech-categories {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .va-web-tech-category {\r\n            padding: 10px 20px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 30px;\r\n            color: var(--va-web-primary);\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .va-web-tech-category.active,\r\n        .va-web-tech-category:hover {\r\n            background: var(--va-web-gradient-2);\r\n            color: var(--va-web-white);\r\n            border-color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-tech-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .va-web-tech-item {\r\n            background: var(--va-web-white);\r\n            border-radius: 12px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            box-shadow: var(--va-web-shadow-md);\r\n            transition: all 0.3s ease;\r\n            height: 100px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .va-web-tech-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-web-shadow-lg);\r\n        }\r\n\r\n        .va-web-tech-item img {\r\n            max-width: 80px;\r\n            max-height: 60px;\r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* Portfolio Section *\/\r\n        .va-web-portfolio-filters {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 12px;\r\n            justify-content: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .va-web-portfolio-filter {\r\n            padding: 8px 20px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 30px;\r\n            color: var(--va-web-primary);\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n        }\r\n\r\n        .va-web-portfolio-filter.active,\r\n        .va-web-portfolio-filter:hover {\r\n            background: var(--va-web-gradient-2);\r\n            color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .va-web-portfolio-item {\r\n            background: var(--va-web-white);\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-web-shadow-lg);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-portfolio-item:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-web-shadow-xl);\r\n        }\r\n\r\n        .va-web-portfolio-image {\r\n            height: 250px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .va-web-portfolio-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .va-web-portfolio-item:hover .va-web-portfolio-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .va-web-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: rgba(0, 0, 0, 0.7);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .va-web-portfolio-item:hover .va-web-portfolio-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .va-web-portfolio-links {\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n\r\n        .va-web-portfolio-link {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--va-web-white);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--va-web-primary);\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-portfolio-link:hover {\r\n            background: var(--va-web-primary);\r\n            color: var(--va-web-white);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-web-portfolio-content {\r\n            padding: 24px;\r\n        }\r\n\r\n        .va-web-portfolio-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .va-web-portfolio-category {\r\n            font-size: 14px;\r\n            color: var(--va-web-primary);\r\n            font-weight: 600;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-web-portfolio-description {\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Why Choose Section *\/\r\n        .va-web-why-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-web-why-card {\r\n            background: var(--va-web-white);\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            text-align: center;\r\n            box-shadow: var(--va-web-shadow-md);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-why-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-web-shadow-xl);\r\n        }\r\n\r\n        .va-web-why-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: var(--va-web-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        }\r\n\r\n        .va-web-why-icon i {\r\n            font-size: 32px;\r\n            color: var(--va-web-white);\r\n        }\r\n\r\n        .va-web-why-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-web-why-description {\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Testimonials Section *\/\r\n        .va-web-testimonials-slider {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        .va-web-testimonial {\r\n            background: var(--va-web-white);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            box-shadow: var(--va-web-shadow-lg);\r\n            text-align: center;\r\n        }\r\n\r\n        .va-web-testimonial-content {\r\n            font-size: 18px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.7;\r\n            margin-bottom: 30px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .va-web-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 16px;\r\n        }\r\n\r\n        .va-web-testimonial-image {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-web-testimonial-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .va-web-testimonial-info {\r\n            text-align: left;\r\n        }\r\n\r\n        .va-web-testimonial-name {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: var(--va-web-dark);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .va-web-testimonial-position {\r\n            font-size: 14px;\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .va-web-faq {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .va-web-faq-item {\r\n            background: var(--va-web-white);\r\n            border-radius: 12px;\r\n            margin-bottom: 16px;\r\n            box-shadow: var(--va-web-shadow-md);\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-faq-item.active {\r\n            box-shadow: var(--va-web-shadow-lg);\r\n        }\r\n\r\n        .va-web-faq-question {\r\n            padding: 20px 24px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: var(--va-web-dark);\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-faq-question:hover {\r\n            background: rgba(99, 102, 241, 0.05);\r\n        }\r\n\r\n        .va-web-faq-question i {\r\n            transition: transform 0.3s ease;\r\n            color: var(--va-web-primary);\r\n        }\r\n\r\n        .va-web-faq-item.active .va-web-faq-question i {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .va-web-faq-answer {\r\n            padding: 0 24px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-web-faq-item.active .va-web-faq-answer {\r\n            padding: 0 24px 20px;\r\n            max-height: 500px;\r\n        }\r\n\r\n        .va-web-faq-answer p {\r\n            font-size: 14px;\r\n            color: var(--va-web-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-web-cta {\r\n            padding: 120px 0;\r\n            background: var(--va-web-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-web-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-web-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-web-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-web-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-web-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        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-web-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-web-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-web-process-step::after {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-web-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-web-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-web-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-web-hero-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-web-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-web-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-web-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-web-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-web-section {\r\n                padding: 80px 0;\r\n            }\r\n        }\r\n\r\n            \/* Back to Top Button *\/\r\n            .anv-footer-back-to-top {\r\n                position: fixed;\r\n                bottom: 30px;\r\n                right: 30px;\r\n                width: 50px;\r\n                height: 50px;\r\n                background: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n                border: none;\r\n                border-radius: 50%;\r\n                color: #FFFFFF;\r\n                font-size: 24px;\r\n                cursor: pointer;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: all 0.3s ease;\r\n                z-index: 1000;\r\n                box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n            }\r\n\r\n            .anv-footer-back-to-top.show {\r\n                opacity: 1;\r\n                visibility: visible;\r\n            }\r\n\r\n            .anv-footer-back-to-top:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);\r\n            }\r\n\r\n            \/* Responsive Design *\/\r\n            @media (max-width: 768px) {\r\n                \r\n                .anv-footer-back-to-top {\r\n                    bottom: 20px;\r\n                    right: 20px;\r\n                    width: 45px;\r\n                    height: 45px;\r\n                    font-size: 20px;\r\n                }\r\n            }\r\n\r\n    <\/style>\r\n\r\n    <body class=\"antialiased\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\" data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\">\r\n\r\n<!-- Hero Section -->\r\n<section class=\"va-web-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-web-hero-content text-center\">\r\n                    <div class=\"va-web-hero-breadcrumb\">\r\n                        <span><a href=\"\/\">Home<\/a><\/span>\r\n                        <i class=\"bx bx-chevron-right\"><\/i>\r\n                        <span>Web Development<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-web-hero-title\">\r\n                        Building Powerful <span class=\"va-web-gradient-text\">Web Solutions<\/span> That Drive Growth\r\n                    <\/h1>\r\n                    <p class=\"va-web-hero-subtitle\">\r\n                        We craft custom, high-performance websites and web applications tailored to your business goals, ensuring exceptional user experiences and measurable results.\r\n                    <\/p>\r\n                    <div class=\"va-web-hero-buttons\">\r\n                        <a href=\"#contact\" class=\"va-web-btn va-web-btn-primary\">\r\n                            Start Your Project\r\n                            <i class=\"bx bx-code-alt\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#portfolio\" class=\"va-web-btn va-web-btn-secondary\">\r\n                            View Our Work\r\n                            <i class=\"bx bx-briefcase\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\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-web-section va-web-section-light\" id=\"services\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Our Services<\/div>\r\n            <h2 class=\"va-web-section-title\">Comprehensive Web Development<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                From initial concept to deployment and beyond, we offer a full spectrum of web development services to bring your vision to life.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-services-grid\">\r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-desktop\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">Custom Website Development<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Unique, responsive, and fast-loading websites built from scratch to perfectly represent your brand and engage your audience.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Responsive Design<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> SEO Optimized<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Performance Focused<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Brand Aligned<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-shopping-bag\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">E-Commerce Solutions<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Robust and scalable online stores with seamless checkout experiences, inventory management, and powerful marketing tools.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Secure Payments<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Product Catalogs<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> User Accounts<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Analytics Dashboard<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-layer\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">Web Application Development<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Complex, feature-rich web applications that solve intricate business problems and streamline your operations.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Progressive Web Apps<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> API Integration<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Real-Time Updates<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Cloud-Based<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-cog\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">CMS Development<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    User-friendly Content Management Systems that empower your team to easily update and manage your website content.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> WordPress<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Headless CMS<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Custom Admin Panels<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Content Modeling<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-wrench\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">Maintenance & Support<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Ongoing support to keep your website secure, updated, and performing at its peak long after launch.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Security Monitoring<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Regular Backups<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Performance Tuning<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Tech Support<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-service-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-web-service-icon\">\r\n                    <i class=\"bx bx-rocket\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-service-title\">Website Optimization<\/h3>\r\n                <p class=\"va-web-service-description\">\r\n                    Enhance your site's speed, user experience, and conversion rates with our expert optimization services.\r\n                <\/p>\r\n                <ul class=\"va-web-service-features\">\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Page Speed Insights<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Conversion Rate Optimization<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> A\/B Testing<\/li>\r\n                    <li><i class=\"bx bx-check-circle\"><\/i> Core Web Vitals<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Process Section -->\r\n<section class=\"va-web-section va-web-section-gray\" id=\"process\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Our Process<\/div>\r\n            <h2 class=\"va-web-section-title\">How We Build Your Website<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Our transparent and collaborative development process ensures your project is delivered on time, on budget, and beyond expectations.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-process-grid\">\r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-process-number\">1<\/div>\r\n                <h3 class=\"va-web-process-title\">Discovery & Planning<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    We start by understanding your goals, audience, and requirements to create a detailed project roadmap.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-process-number\">2<\/div>\r\n                <h3 class=\"va-web-process-title\">UI\/UX Design<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    Our designers craft intuitive and visually stunning interfaces that provide an exceptional user experience.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-process-number\">3<\/div>\r\n                <h3 class=\"va-web-process-title\">Development<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    Using clean, efficient code, we bring the designs to life, building a robust and scalable website.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-process-number\">4<\/div>\r\n                <h3 class=\"va-web-process-title\">Testing & QA<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    Rigorous testing across all devices and browsers ensures a flawless, bug-free user experience.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-process-number\">5<\/div>\r\n                <h3 class=\"va-web-process-title\">Deployment<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    We handle the seamless launch of your website, configuring servers and domains for a smooth go-live.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-process-step\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-web-process-number\">6<\/div>\r\n                <h3 class=\"va-web-process-title\">Support & Growth<\/h3>\r\n                <p class=\"va-web-process-description\">\r\n                    Our partnership continues with ongoing support, updates, and strategies for future growth.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Technologies Section -->\r\n<section class=\"va-web-section va-web-section-light\" id=\"technologies\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Our Tech Stack<\/div>\r\n            <h2 class=\"va-web-section-title\">Technologies We Master<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                We leverage modern and proven technologies to build secure, scalable, and high-performing web solutions.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-tech-categories\">\r\n            <button class=\"va-web-tech-category active\" data-category=\"all\">All Technologies<\/button>\r\n            <button class=\"va-web-tech-category\" data-category=\"frontend\">Frontend<\/button>\r\n            <button class=\"va-web-tech-category\" data-category=\"backend\">Backend<\/button>\r\n            <button class=\"va-web-tech-category\" data-category=\"database\">Database<\/button>\r\n            <button class=\"va-web-tech-category\" data-category=\"cms\">CMS<\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-tech-grid\">\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/html5\/html5-original.svg\" alt=\"HTML5\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/css3\/css3-original.svg\" alt=\"CSS3\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/javascript\/javascript-original.svg\" alt=\"JavaScript\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"250\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/react\/react-original.svg\" alt=\"React\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/vuejs\/vuejs-original.svg\" alt=\"Vue.js\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"frontend\" data-aos=\"zoom-in\" data-aos-delay=\"350\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/angularjs\/angularjs-original.svg\" alt=\"Angular\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"backend\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/nodejs\/nodejs-original.svg\" alt=\"Node.js\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"backend\" data-aos=\"zoom-in\" data-aos-delay=\"450\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/python\/python-original.svg\" alt=\"Python\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"backend\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/php\/php-original.svg\" alt=\"PHP\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"backend\" data-aos=\"zoom-in\" data-aos-delay=\"550\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/dotnetcore\/dotnetcore-original.svg\" alt=\".NET Core\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"database\" data-aos=\"zoom-in\" data-aos-delay=\"600\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/mysql\/mysql-original.svg\" alt=\"MySQL\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"database\" data-aos=\"zoom-in\" data-aos-delay=\"650\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/postgresql\/postgresql-original.svg\" alt=\"PostgreSQL\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"database\" data-aos=\"zoom-in\" data-aos-delay=\"700\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/mongodb\/mongodb-original.svg\" alt=\"MongoDB\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"cms\" data-aos=\"zoom-in\" data-aos-delay=\"750\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/wordpress\/wordpress-original.svg\" alt=\"WordPress\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"cms\" data-aos=\"zoom-in\" data-aos-delay=\"800\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/shopify\/shopify-original.svg\" alt=\"Shopify\">\r\n            <\/div>\r\n            <div class=\"va-web-tech-item\" data-category=\"cms\" data-aos=\"zoom-in\" data-aos-delay=\"850\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/magento\/magento-original.svg\" alt=\"Magento\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Portfolio Section -->\r\n<section class=\"va-web-section va-web-section-gray\" id=\"portfolio\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Our Work<\/div>\r\n            <h2 class=\"va-web-section-title\">Featured Web Projects<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Explore our portfolio of custom websites and applications that have helped businesses succeed online.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-portfolio-filters\">\r\n            <button class=\"va-web-portfolio-filter active\" data-filter=\"all\">All Projects<\/button>\r\n            <button class=\"va-web-portfolio-filter\" data-filter=\"website\">Websites<\/button>\r\n            <button class=\"va-web-portfolio-filter\" data-filter=\"webapp\">Web Apps<\/button>\r\n            <button class=\"va-web-portfolio-filter\" data-filter=\"ecommerce\">E-commerce<\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-portfolio-grid\">\r\n            <div class=\"va-web-portfolio-item\" data-category=\"website\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/SaaS-Platform-SaaS-Enterprise-Collaboration-Hub.png\" alt=\"Corporate Website\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">FinCorp Corporate Website<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">Corporate Website<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A sleek, professional website for a financial services firm, featuring secure client portals and interactive data visualizations.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"ecommerce\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Seller-Responsive-Multipurpose-WordPress-Theme.jpg\" alt=\"E-commerce Platform\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">StyleBoutique Online Store<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">E-commerce<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A fully-featured fashion e-commerce platform with virtual try-on, personalized recommendations, and a seamless mobile experience.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"webapp\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Travel-Tech-Luxury-Travel-Concierge.jpg\" alt=\"Web Application\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">TaskFlow Project Manager<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">Web Application<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A comprehensive project management tool with real-time collaboration, Kanban boards, and advanced reporting features.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"website\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/FitLife-Pro-img3.jpg\" alt=\"Educational Platform\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">EduLearn LMS<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">Educational Platform<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        An intuitive Learning Management System with video courses, quizzes, and progress tracking for online education.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"webapp\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Enterprise-ERP-Solution-img8.jpg\" alt=\"SaaS Dashboard\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">HealthTrack Pro<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">Web Application<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A HIPAA-compliant web app for patients to track health metrics, book appointments, and communicate with doctors.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-portfolio-item\" data-category=\"ecommerce\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-web-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Healthcare-Management-Platform-img9.jpg\" alt=\"Marketplace\">\r\n                    <div class=\"va-web-portfolio-overlay\">\r\n                        <div class=\"va-web-portfolio-links\">\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-link-external\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#\" class=\"va-web-portfolio-link\">\r\n                                <i class=\"bx bx-search-alt\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-web-portfolio-content\">\r\n                    <h3 class=\"va-web-portfolio-title\">FoodieGo Delivery Platform<\/h3>\r\n                    <div class=\"va-web-portfolio-category\">E-commerce<\/div>\r\n                    <p class=\"va-web-portfolio-description\">\r\n                        A multi-vendor food delivery marketplace with real-time order tracking, rider dispatch, and integrated payment gateways.\r\n                    <\/p>\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-web-section va-web-section-light\" id=\"why-choose\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Why Choose Us<\/div>\r\n            <h2 class=\"va-web-section-title\">Your Partner in Digital Excellence<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                We combine technical expertise with strategic thinking to deliver web solutions that provide real business value.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-why-grid\">\r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-code-block\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Expert Developers<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    Our team consists of seasoned developers who are experts in modern web technologies and best practices.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-customize\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Tailored Solutions<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    We don't use one-size-fits-all templates. Every website we build is custom-designed to meet your specific needs.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-timer\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">On-Time Delivery<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    We pride ourselves on our agile project management, ensuring your project is delivered on schedule without compromising quality.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-shield-check\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Security First<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    We build websites with robust security measures to protect your data and your users from online threats.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-support\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Dedicated Support<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    Our relationship doesn't end at launch. We provide reliable ongoing support and maintenance to keep your site running smoothly.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-why-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-web-why-icon\">\r\n                    <i class=\"bx bx-line-chart\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-web-why-title\">Results-Driven<\/h3>\r\n                <p class=\"va-web-why-description\">\r\n                    We focus on building websites that not only look great but also achieve your business goals, from leads to sales.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Testimonials Section -->\r\n<section class=\"va-web-section va-web-section-gray\" id=\"testimonials\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">Client Testimonials<\/div>\r\n            <h2 class=\"va-web-section-title\">What Our Clients Say<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Don't just take our word for it. Hear from the businesses we've helped thrive online.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-testimonials-slider\">\r\n            <div class=\"va-web-testimonial\" data-aos=\"fade-up\">\r\n                <p class=\"va-web-testimonial-content\">\r\n                    \"The team delivered an exceptional e-commerce site that has doubled our online sales. Their attention to detail, technical skill, and professional approach made the entire process smooth and successful. We couldn't be happier!\"\r\n                <\/p>\r\n                <div class=\"va-web-testimonial-author\">\r\n                    <div class=\"va-web-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Daniel-Thompson.png\" alt=\"Daniel Thompson\">\r\n                    <\/div>\r\n                    <div class=\"va-web-testimonial-info\">\r\n                        <div class=\"va-web-testimonial-name\">David Chen<\/div>\r\n                        <div class=\"va-web-testimonial-position\">CEO, RetailGrowth Inc.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"va-web-section va-web-section-light\" id=\"faq\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-web-section-badge d-inline-block\">FAQs<\/div>\r\n            <h2 class=\"va-web-section-title\">Frequently Asked Questions<\/h2>\r\n            <p class=\"va-web-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Got questions? We have answers. Find out more about our web development services and process.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-web-faq\">\r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-web-faq-question\">\r\n                    How long does it take to build a website?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>The timeline varies depending on the project's complexity. A simple brochure website might take 4-6 weeks, while a complex web application could take 4-6 months. We'll provide a detailed timeline during the planning phase.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-web-faq-question\">\r\n                    How much does a website cost?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>The cost depends on your specific requirements, such as features, design complexity, and integrations. We offer custom quotes based on a thorough analysis of your needs. Contact us for a free, no-obligation consultation.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-web-faq-question\">\r\n                    Will my website be mobile-friendly?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>Absolutely. All websites we develop are fully responsive, meaning they will look and function perfectly on all devices, from desktops to tablets and mobile phones.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-web-faq-question\">\r\n                    Can you help with SEO and digital marketing?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>Yes! We build all our websites with SEO best practices in mind. We also offer comprehensive digital marketing services, including SEO, PPC, and content marketing, to help you drive traffic and grow your business.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-web-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-web-faq-question\">\r\n                    What happens after the website is launched?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-web-faq-answer\">\r\n                    <p>We provide thorough training on how to manage your site. We also offer ongoing maintenance and support packages to ensure your website remains secure, updated, and performs optimally.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"va-web-cta\" id=\"contact\">\r\n    <div class=\"container\">\r\n        <div class=\"va-web-cta-content\">\r\n            <h2 class=\"va-web-cta-title\" data-aos=\"fade-up\">Ready to Build Your Dream Website?<\/h2>\r\n            <p class=\"va-web-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Let's discuss your project and create a web solution that drives your business forward. Get a free consultation today!\r\n            <\/p>\r\n            <div class=\"va-web-hero-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <a href=\"\/contact\" class=\"va-web-btn va-web-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-web-btn va-web-btn-secondary\">\r\n                    Send Email\r\n                    <i class=\"bx bx-envelope\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n        \r\n    <!-- Back to Top Button -->\r\n    <button class=\"anv-footer-back-to-top show\" id=\"backToTop\" aria-label=\"Back to top\">\r\n        <i class=\"bx bx-up-arrow-alt\"><\/i>\r\n    <\/button>\r\n\r\n        <!-- Scripts -->\r\n        <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n        <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n        <script>\r\n\r\n    \r\n            \/\/ Technology Filter\r\n            const techCategories = document.querySelectorAll('.va-web-tech-category');\r\n            const techItems = document.querySelectorAll('.va-web-tech-item');\r\n    \r\n            techCategories.forEach(category => {\r\n                category.addEventListener('click', () => {\r\n                    \/\/ Remove active class from all categories\r\n                    techCategories.forEach(cat => cat.classList.remove('active'));\r\n                    \/\/ Add active class to clicked category\r\n                    category.classList.add('active');\r\n                    \r\n                    const filterValue = category.getAttribute('data-category');\r\n                    \r\n                    techItems.forEach(item => {\r\n                        if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\r\n                            item.style.display = 'flex';\r\n                        } else {\r\n                            item.style.display = 'none';\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n    \r\n            \/\/ Portfolio Filter\r\n            const portfolioFilters = document.querySelectorAll('.va-web-portfolio-filter');\r\n            const portfolioItems = document.querySelectorAll('.va-web-portfolio-item');\r\n    \r\n            portfolioFilters.forEach(filter => {\r\n                filter.addEventListener('click', () => {\r\n                    \/\/ Remove active class from all filters\r\n                    portfolioFilters.forEach(f => f.classList.remove('active'));\r\n                    \/\/ Add active class to clicked filter\r\n                    filter.classList.add('active');\r\n                    \r\n                    const filterValue = filter.getAttribute('data-filter');\r\n                    \r\n                    portfolioItems.forEach(item => {\r\n                        if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\r\n                            item.style.display = 'block';\r\n                        } else {\r\n                            item.style.display = 'none';\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n    \r\n            \/\/ FAQ Accordion\r\n            const faqItems = document.querySelectorAll('.va-web-faq-item');\r\n    \r\n            faqItems.forEach(item => {\r\n                const question = item.querySelector('.va-web-faq-question');\r\n                \r\n                question.addEventListener('click', () => {\r\n                    \/\/ Close other FAQ items\r\n                    faqItems.forEach(otherItem => {\r\n                        if (otherItem !== item) {\r\n                            otherItem.classList.remove('active');\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Toggle current FAQ item\r\n                    item.classList.toggle('active');\r\n                });\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        <\/script>\r\n      \r\n        <script>\r\n\r\n            \/\/ Counter Animation\r\n            const counters = document.querySelectorAll('[data-count]');\r\n            const speed = 200;\r\n\r\n            const countUp = () => {\r\n                counters.forEach(counter => {\r\n                    const updateCount = () => {\r\n                        const target = +counter.getAttribute('data-count');\r\n                        const count = +counter.innerText;\r\n                        const inc = target \/ speed;\r\n\r\n                        if (count < target) {\r\n                            counter.innerText = Math.ceil(count + inc);\r\n                            setTimeout(updateCount, 1);\r\n                        } else {\r\n                            counter.innerText = target + '+';\r\n                        }\r\n                    };\r\n                    updateCount();\r\n                });\r\n            };\r\n\r\n            \/\/ Trigger counter animation when in viewport\r\n            const observerOptions = {\r\n                threshold: 0.5\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        countUp();\r\n                        observer.disconnect();\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            const statsSection = document.querySelector('.va-home-stats');\r\n            if (statsSection) {\r\n                observer.observe(statsSection);\r\n            }\r\n\r\n            \/\/ Smooth Scrolling\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            \/\/ Form Submission\r\n            function handleSubmit(event) {\r\n                event.preventDefault();\r\n                const email = event.target.querySelector('input[type=\"email\"]').value;\r\n                \r\n                \/\/ Create success message\r\n                const successMsg = document.createElement('div');\r\n                successMsg.className = 'alert alert-success mt-3';\r\n                successMsg.style.background = 'rgba(16, 185, 129, 0.1)';\r\n                successMsg.style.color = '#10B981';\r\n                successMsg.style.border = '1px solid rgba(16, 185, 129, 0.2)';\r\n                successMsg.textContent = `Thank you! We'll contact you at ${email} soon.`;\r\n                successMsg.style.animation = 'fadeInUp 0.5s ease';\r\n                \r\n                \/\/ Insert message after form\r\n                event.target.appendChild(successMsg);\r\n                \r\n                \/\/ Reset form\r\n                event.target.reset();\r\n                \r\n                \/\/ Remove message after 5 seconds\r\n                setTimeout(() => {\r\n                    successMsg.remove();\r\n                }, 5000);\r\n            }\r\n\r\n            \/\/ FAQ Accordion\r\n            document.querySelectorAll('.va-home-faq-question').forEach(question => {\r\n                question.addEventListener('click', () => {\r\n                    const faqItem = question.parentElement;\r\n                    const isActive = faqItem.classList.contains('active');\r\n                    \r\n                    \/\/ Close all FAQ items\r\n                    document.querySelectorAll('.va-home-faq-item').forEach(item => {\r\n                        item.classList.remove('active');\r\n                    });\r\n                    \r\n                    \/\/ Toggle current item if it wasn't active\r\n                    if (!isActive) {\r\n                        faqItem.classList.add('active');\r\n                    }\r\n                });\r\n            });\r\n        <\/script>\r\n        <!-- footer -->\r\n        <script>\r\n            \/\/ Initialize AOS\r\n            AOS.init({\r\n                duration: 1000,\r\n                once: true,\r\n                offset: 100\r\n            });\r\n            \r\n            \/\/ Back to Top Button\r\n            const backToTopBtn = document.getElementById('backToTop');\r\n            \r\n            window.addEventListener('scroll', () => {\r\n                if (window.pageYOffset > 300) {\r\n                    backToTopBtn.classList.add('show');\r\n                } else {\r\n                    backToTopBtn.classList.remove('show');\r\n                }\r\n            });\r\n            \r\n            backToTopBtn.addEventListener('click', () => {\r\n                window.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n            <\/script>\r\n\r\n\r\n\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-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/39","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=39"}],"version-history":[{"count":3,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":919,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/39\/revisions\/919"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}