{"id":94,"date":"2025-09-08T09:57:13","date_gmt":"2025-09-08T09:57:13","guid":{"rendered":"https:\/\/viewri.com\/?page_id=94"},"modified":"2025-11-20T04:34:04","modified_gmt":"2025-11-20T04:34:04","slug":"contact","status":"publish","type":"page","link":"https:\/\/viewri.com\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>\r\n     :root {\r\n            --vr-contact-primary: #5B5FDE;\r\n            --vr-contact-primary-light: #7C83FD;\r\n            --vr-contact-secondary: #FF6B6B;\r\n            --vr-contact-dark: #0f172a;\r\n            --vr-contact-gray: #64748b;\r\n            --vr-contact-light-gray: #f8fafc;\r\n            --vr-contact-white: #ffffff;\r\n            --vr-contact-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 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        .container {\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .vr-contact-hero {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n            text-align: center;\r\n        }\r\n        \r\n        .vr-contact-hero h1 {\r\n            font-size: 56px;\r\n            font-weight: 700;\r\n            color: var(--vr-contact-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n        \r\n        .vr-contact-hero p {\r\n            font-size: 20px;\r\n            color: var(--vr-contact-gray);\r\n            max-width: 600px;\r\n            margin: 0 auto 40px;\r\n        }\r\n        \r\n        .vr-contact-hero-cta {\r\n            display: inline-block;\r\n            padding: 16px 32px;\r\n            background: var(--vr-contact-primary);\r\n            color: var(--vr-contact-white);\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: var(--vr-contact-transition);\r\n        }\r\n        \r\n        .vr-contact-hero-cta:hover {\r\n            background: var(--vr-contact-primary-light);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(91, 95, 222, 0.3);\r\n        }\r\n        \r\n        \/* Contact Methods Block *\/\r\n        .vr-contact-methods {\r\n            padding: 80px 0;\r\n            background-color: var(--vr-contact-white);\r\n        }\r\n        \r\n        .vr-contact-methods-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n        \r\n        .vr-contact-methods-header h2 {\r\n            font-size: 40px;\r\n            font-weight: 700;\r\n            color: var(--vr-contact-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n        \r\n        .vr-contact-methods-header p {\r\n            font-size: 18px;\r\n            color: var(--vr-contact-gray);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .vr-contact-methods-grid {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 30px;\r\n        }\r\n        \r\n        .vr-contact-method-card {\r\n            background: var(--vr-contact-light-gray);\r\n            border-radius: 16px;\r\n            padding: 40px;\r\n            text-align: center;\r\n            transition: var(--vr-contact-transition);\r\n            border: 1px solid transparent;\r\n            max-width: 400px;\r\n        }\r\n        \r\n        .vr-contact-method-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n            border-color: var(--vr-contact-primary);\r\n        }\r\n        \r\n        .vr-contact-method-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            background: var(--vr-contact-primary);\r\n            color: var(--vr-contact-white);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 32px;\r\n            margin: 0 auto 24px;\r\n        }\r\n        \r\n        .vr-contact-method-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--vr-contact-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n        \r\n        .vr-contact-method-email {\r\n            font-size: 18px;\r\n            color: var(--vr-contact-primary);\r\n            text-decoration: none;\r\n            transition: var(--vr-contact-transition);\r\n            display: inline-block;\r\n            margin-top: 8px;\r\n        }\r\n        \r\n        .vr-contact-method-email:hover {\r\n            color: var(--vr-contact-primary-light);\r\n            text-decoration: underline;\r\n        }\r\n        \r\n         \/* Final CTA Block *\/\r\n        .vr-contact-cta {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, var(--vr-contact-light-gray) 0%, #e2e8f0 100%);\r\n            text-align: center;\r\n        }\r\n        \r\n        .vr-contact-cta h2 {\r\n            font-size: 40px;\r\n            font-weight: 700;\r\n            color: var(--vr-contact-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n        \r\n        .vr-contact-cta-button {\r\n            display: inline-block;\r\n            padding: 18px 36px;\r\n            background: var(--vr-contact-primary);\r\n            color: var(--vr-contact-white);\r\n            border-radius: 8px;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: var(--vr-contact-transition);\r\n        }\r\n        \r\n        .vr-contact-cta-button:hover {\r\n            background: var(--vr-contact-primary-light);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(91, 95, 222, 0.3);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .vr-contact-methods-grid {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .vr-contact-hero h1 {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .vr-contact-form {\r\n                padding: 30px 20px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 576px) {\r\n            .vr-contact-hero,\r\n            .vr-contact-methods,\r\n            .vr-contact-form-section,\r\n            .vr-contact-cta {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .vr-contact-hero h1,\r\n            .vr-contact-methods-header h2,\r\n            .vr-contact-form-header h2,\r\n            .vr-contact-cta h2 {\r\n                font-size: 32px;\r\n            }\r\n        }\r\n<\/style>\r\n<!-- Hero Section -->\r\n    <section class=\"vr-contact-hero\">\r\n        <div class=\"container text-center\">\r\n            <h1 data-aos=\"fade-up\">Get in Touch<\/h1>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"100\">Have a question, feedback, or partnership idea? We'd love to hear from you.<\/p>\r\n            <a href=\"#contact-form\" class=\"vr-contact-hero-cta\" data-aos=\"fade-up\" data-aos-delay=\"200\">Send a Message<\/a>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Contact Methods Block -->\r\n    <section class=\"vr-contact-methods\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-contact-methods-header\" data-aos=\"fade-up\">\r\n                <h2>Contact Us<\/h2>\r\n                <p>For any questions or feedback, reach out to us at:<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"vr-contact-methods-grid\">\r\n                <div class=\"vr-contact-method-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"vr-contact-method-icon\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-contact-method-title\">General Inquiries<\/h3>\r\n                    <p>For general questions, feedback, or support<\/p>\r\n                    <a href=\"mailto:support@viewri.com\" class=\"vr-contact-method-email\">support@viewri.com<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<script>\r\n     \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 800,\r\n            once: true,\r\n            offset: 100,\r\n            easing: 'ease-out-cubic'\r\n        });\r\n    \r\n             \/\/ Smooth scroll for anchor links\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const target = document.querySelector(this.getAttribute('href'));\r\n                    if (target) {\r\n                        target.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'start'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n        });\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_id=&#8221;contact-form&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f8fafc&#8221; custom_padding=&#8221;100px||100px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#8F8F8F&#8221; text_font_size=&#8221;18px&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;40px&#8221; text_orientation=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Send Us a Message<\/h2>\n<p>Fill out the form below and we&#8217;ll get back to you as soon as possible<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#ffffff&#8221; custom_padding=&#8221;15px|14px|15px|15px|true|false&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_blur=&#8221;30px&#8221; box_shadow_color=&#8221;rgba(0,0,0,0.12)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_contact_form captcha=&#8221;off&#8221; success_message=&#8221;Thank you! Your message has been received. We\u2019ll get back to you as soon as possible \u2014 usually within 24 hours.&#8221; submit_button_text=&#8221;Send Message&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; _unique_id=&#8221;1db7f33a-e2a0-413a-a873-0c58fe80c0ae&#8221; form_field_font_size=&#8221;16px&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;16px&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_bg_color=&#8221;#5b5fde&#8221; button_border_width=&#8221;0px&#8221; button_border_radius=&#8221;5px&#8221; button_use_icon=&#8221;off&#8221; button_custom_margin=&#8221;10px||||false|false&#8221; button_custom_padding=&#8221;8px|30px|8px|30px|true|false&#8221; custom_padding=&#8221;50px|50px|50px|50px|false|true&#8221; hover_enabled=&#8221;0&#8243; border_radii=&#8221;on|5px|5px|5px|5px&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#7c83fd&#8221; button_bg_enable_color__hover=&#8221;on&#8221; email=&#8221;support@viewri.com&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_contact_field field_id=&#8221;Name&#8221; field_title=&#8221;Name&#8221; _builder_version=&#8221;4.27.4&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Email&#8221; field_title=&#8221;Email Address&#8221; field_type=&#8221;email&#8221; _builder_version=&#8221;4.27.4&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;subject&#8221; field_title=&#8221;Subject&#8221; required_mark=&#8221;off&#8221; _builder_version=&#8221;4.27.4&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Website&#8221; field_title=&#8221;Website&#8221; required_mark=&#8221;off&#8221; _builder_version=&#8221;4.27.4&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Message&#8221; field_title=&#8221;Message&#8221; field_type=&#8221;text&#8221; fullwidth_field=&#8221;on&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][\/et_pb_contact_form][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><style>\r\n     :root {\r\n            --vr-contact-primary: #5B5FDE;\r\n            --vr-contact-primary-light: #7C83FD;\r\n            --vr-contact-secondary: #FF6B6B;\r\n            --vr-contact-dark: #0f172a;\r\n            --vr-contact-gray: #64748b;\r\n            --vr-contact-light-gray: #f8fafc;\r\n            --vr-contact-white: #ffffff;\r\n            --vr-contact-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 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        .container {\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .vr-contact-hero {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n            text-align: center;\r\n        }\r\n        \r\n        .vr-contact-hero h1 {\r\n            font-size: 56px;\r\n            font-weight: 700;\r\n            color: var(--vr-contact-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n        \r\n        .vr-contact-hero p {\r\n            font-size: 20px;\r\n            color: var(--vr-contact-gray);\r\n            max-width: 600px;\r\n            margin: 0 auto 40px;\r\n        }\r\n        \r\n        .vr-contact-hero-cta {\r\n            display: inline-block;\r\n            padding: 16px 32px;\r\n            background: var(--vr-contact-primary);\r\n            color: var(--vr-contact-white);\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: var(--vr-contact-transition);\r\n        }\r\n        \r\n        .vr-contact-hero-cta:hover {\r\n            background: var(--vr-contact-primary-light);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(91, 95, 222, 0.3);\r\n        }\r\n        \r\n        \/* Contact Methods Block *\/\r\n        .vr-contact-methods {\r\n            padding: 80px 0;\r\n            background-color: var(--vr-contact-white);\r\n        }\r\n        \r\n        .vr-contact-methods-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n        \r\n        .vr-contact-methods-header h2 {\r\n            font-size: 40px;\r\n            font-weight: 700;\r\n            color: var(--vr-contact-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n        \r\n        .vr-contact-methods-header p {\r\n            font-size: 18px;\r\n            color: var(--vr-contact-gray);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .vr-contact-methods-grid {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 30px;\r\n        }\r\n        \r\n        .vr-contact-method-card {\r\n            background: var(--vr-contact-light-gray);\r\n            border-radius: 16px;\r\n            padding: 40px;\r\n            text-align: center;\r\n            transition: var(--vr-contact-transition);\r\n            border: 1px solid transparent;\r\n            max-width: 400px;\r\n        }\r\n        \r\n        .vr-contact-method-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n            border-color: var(--vr-contact-primary);\r\n        }\r\n        \r\n        .vr-contact-method-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            background: var(--vr-contact-primary);\r\n            color: var(--vr-contact-white);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 32px;\r\n            margin: 0 auto 24px;\r\n        }\r\n        \r\n        .vr-contact-method-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--vr-contact-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n        \r\n        .vr-contact-method-email {\r\n            font-size: 18px;\r\n            color: var(--vr-contact-primary);\r\n            text-decoration: none;\r\n            transition: var(--vr-contact-transition);\r\n            display: inline-block;\r\n            margin-top: 8px;\r\n        }\r\n        \r\n        .vr-contact-method-email:hover {\r\n            color: var(--vr-contact-primary-light);\r\n            text-decoration: underline;\r\n        }\r\n        \r\n         \/* Final CTA Block *\/\r\n        .vr-contact-cta {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, var(--vr-contact-light-gray) 0%, #e2e8f0 100%);\r\n            text-align: center;\r\n        }\r\n        \r\n        .vr-contact-cta h2 {\r\n            font-size: 40px;\r\n            font-weight: 700;\r\n            color: var(--vr-contact-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n        \r\n        .vr-contact-cta-button {\r\n            display: inline-block;\r\n            padding: 18px 36px;\r\n            background: var(--vr-contact-primary);\r\n            color: var(--vr-contact-white);\r\n            border-radius: 8px;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: var(--vr-contact-transition);\r\n        }\r\n        \r\n        .vr-contact-cta-button:hover {\r\n            background: var(--vr-contact-primary-light);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(91, 95, 222, 0.3);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .vr-contact-methods-grid {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .vr-contact-hero h1 {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .vr-contact-form {\r\n                padding: 30px 20px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 576px) {\r\n            .vr-contact-hero,\r\n            .vr-contact-methods,\r\n            .vr-contact-form-section,\r\n            .vr-contact-cta {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .vr-contact-hero h1,\r\n            .vr-contact-methods-header h2,\r\n            .vr-contact-form-header h2,\r\n            .vr-contact-cta h2 {\r\n                font-size: 32px;\r\n            }\r\n        }\r\n<\/style>\r\n<!-- Hero Section -->\r\n    <section class=\"vr-contact-hero\">\r\n        <div class=\"container text-center\">\r\n            <h1 data-aos=\"fade-up\">Get in Touch<\/h1>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"100\">Have a question, feedback, or partnership idea? We'd love to hear from you.<\/p>\r\n            <a href=\"#contact-form\" class=\"vr-contact-hero-cta\" data-aos=\"fade-up\" data-aos-delay=\"200\">Send a Message<\/a>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Contact Methods Block -->\r\n    <section class=\"vr-contact-methods\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-contact-methods-header\" data-aos=\"fade-up\">\r\n                <h2>Contact Us<\/h2>\r\n                <p>For any questions or feedback, reach out to us at:<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"vr-contact-methods-grid\">\r\n                <div class=\"vr-contact-method-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"vr-contact-method-icon\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-contact-method-title\">General Inquiries<\/h3>\r\n                    <p>For general questions, feedback, or support<\/p>\r\n                    <a href=\"mailto:support@viewri.com\" class=\"vr-contact-method-email\">support@viewri.com<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<script>\r\n     \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 800,\r\n            once: true,\r\n            offset: 100,\r\n            easing: 'ease-out-cubic'\r\n        });\r\n    \r\n             \/\/ Smooth scroll for anchor links\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const target = document.querySelector(this.getAttribute('href'));\r\n                    if (target) {\r\n                        target.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'start'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n        });\r\n<\/script>Send Us a Message Fill out the form below and we&#8217;ll get back to you as soon as possible<\/p>\n","protected":false},"author":3,"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-94","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":18,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":1143,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/94\/revisions\/1143"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}