{"id":82,"date":"2025-09-08T04:52:12","date_gmt":"2025-09-08T04:52:12","guid":{"rendered":"https:\/\/viewri.com\/?page_id=82"},"modified":"2025-09-08T09:56:52","modified_gmt":"2025-09-08T09:56:52","slug":"about","status":"publish","type":"page","link":"https:\/\/viewri.com\/about\/","title":{"rendered":"About"},"content":{"rendered":"<p>[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            --vr-abt-primary: #5B5FDE;\r\n            --vr-abt-primary-light: #7C83FD;\r\n            --vr-abt-secondary: #FF6B6B;\r\n            --vr-abt-dark: #0f172a;\r\n            --vr-abt-gray: #64748b;\r\n            --vr-abt-light-gray: #f8fafc;\r\n            --vr-abt-white: #ffffff;\r\n            --vr-abt-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        \r\n        .container {\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n      \r\n        \/* Section 1: Hero Introduction *\/\r\n        .vr-abt-hero {\r\n            padding: 100px 0 100px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n        }\r\n        \r\n        .vr-abt-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                radial-gradient(circle at 20% 20%, rgba(91, 95, 222, 0.05) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(255, 107, 107, 0.05) 0%, transparent 50%);\r\n            z-index: 0;\r\n        }\r\n        \r\n        .vr-abt-hero-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .vr-abt-hero-content {\r\n            max-width: 540px;\r\n        }\r\n        \r\n        .vr-abt-hero-headline {\r\n            font-size: 64px;\r\n            font-weight: 800;\r\n            line-height: 1.1;\r\n            margin-bottom: 24px;\r\n            color: var(--vr-abt-dark);\r\n            letter-spacing: -0.02em;\r\n        }\r\n        \r\n        .vr-abt-hero-subheadline {\r\n            font-size: 20px;\r\n            font-weight: 400;\r\n            color: var(--vr-abt-gray);\r\n            margin-bottom: 40px;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .vr-abt-hero-cta {\r\n            display: inline-block;\r\n            padding: 16px 32px;\r\n            background-color: var(--vr-abt-primary);\r\n            color: var(--vr-abt-white);\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: var(--vr-abt-transition);\r\n            font-size: 16px;\r\n        }\r\n        \r\n        .vr-abt-hero-cta:hover {\r\n            background-color: var(--vr-abt-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        .vr-abt-hero-visual {\r\n            position: relative;\r\n            height: 600px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .vr-abt-hero-illustration {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .vr-abt-hero-platforms {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            grid-template-rows: repeat(3, 1fr);\r\n            gap: 30px;\r\n            width: 80%;\r\n            height: 80%;\r\n        }\r\n        \r\n        .vr-abt-hero-platform {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 42px;\r\n            border-radius: 20px;\r\n            transition: var(--vr-abt-transition);\r\n            cursor: default;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:nth-child(1) {\r\n            color: #E4405F;\r\n            background: rgba(228, 64, 95, 0.1);\r\n            grid-column: 2;\r\n            grid-row: 1;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:nth-child(2) {\r\n            color: #1877F2;\r\n            background: rgba(24, 119, 242, 0.1);\r\n            grid-column: 1;\r\n            grid-row: 2;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:nth-child(3) {\r\n            color: #FF0000;\r\n            background: rgba(255, 0, 0, 0.1);\r\n            grid-column: 3;\r\n            grid-row: 2;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:nth-child(4) {\r\n            color: #000000;\r\n            background: rgba(0, 0, 0, 0.1);\r\n            grid-column: 2;\r\n            grid-row: 3;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:hover {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        \/* Section 2: The Belief System *\/\r\n        .vr-abt-values {\r\n            padding: 100px 0;\r\n            background-color: var(--vr-abt-white);\r\n        }\r\n        \r\n        .vr-abt-values-header {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n        \r\n        .vr-abt-values-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-values-subtitle {\r\n            font-size: 20px;\r\n            color: var(--vr-abt-gray);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .vr-abt-values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 40px;\r\n        }\r\n        \r\n        .vr-abt-value-card {\r\n            background: var(--vr-abt-light-gray);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            transition: var(--vr-abt-transition);\r\n            height: 100%;\r\n            border: 1px solid transparent;\r\n        }\r\n        \r\n        .vr-abt-value-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: var(--vr-abt-primary);\r\n            box-shadow: 0 20px 40px rgba(91, 95, 222, 0.1);\r\n        }\r\n        \r\n        .vr-abt-value-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 16px;\r\n            background: var(--vr-abt-primary);\r\n            color: var(--vr-abt-white);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 28px;\r\n            margin-bottom: 24px;\r\n        }\r\n        \r\n        .vr-abt-value-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-value-description {\r\n            font-size: 16px;\r\n            color: var(--vr-abt-gray);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Section 3: Platform Impact Snapshot *\/\r\n        .vr-abt-impact {\r\n            padding: 100px 0;\r\n            background-color: var(--vr-abt-light-gray);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .vr-abt-impact::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: radial-gradient(circle, rgba(91, 95, 222, 0.03) 1px, transparent 1px);\r\n            background-size: 30px 30px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .vr-abt-impact-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .vr-abt-impact-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-impact-subtitle {\r\n            font-size: 20px;\r\n            color: var(--vr-abt-gray);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .vr-abt-impact-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 30px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .vr-abt-platform-card {\r\n            background: var(--vr-abt-white);\r\n            border-radius: 20px;\r\n            padding: 32px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n            transition: var(--vr-abt-transition);\r\n            height: 100%;\r\n        }\r\n        \r\n        .vr-abt-platform-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n        }\r\n        \r\n        .vr-abt-platform-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 32px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .vr-abt-platform-card:nth-child(1) .vr-abt-platform-icon {\r\n            color: #E4405F;\r\n            background: rgba(228, 64, 95, 0.1);\r\n        }\r\n        \r\n        .vr-abt-platform-card:nth-child(2) .vr-abt-platform-icon {\r\n            color: #1877F2;\r\n            background: rgba(24, 119, 242, 0.1);\r\n        }\r\n        \r\n        .vr-abt-platform-card:nth-child(3) .vr-abt-platform-icon {\r\n            color: #FF0000;\r\n            background: rgba(255, 0, 0, 0.1);\r\n        }\r\n        \r\n        .vr-abt-platform-card:nth-child(4) .vr-abt-platform-icon {\r\n            color: #000000;\r\n            background: rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .vr-abt-platform-name {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-platform-tools {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        \r\n        .vr-abt-platform-tools li {\r\n            font-size: 15px;\r\n            color: var(--vr-abt-gray);\r\n            margin-bottom: 10px;\r\n            padding-left: 20px;\r\n            position: relative;\r\n        }\r\n        \r\n        .vr-abt-platform-tools li::before {\r\n            content: '\u2022';\r\n            position: absolute;\r\n            left: 0;\r\n            color: var(--vr-abt-primary);\r\n            font-weight: bold;\r\n        }\r\n        \r\n        \/* Section 4: Founder's Note \/ Story *\/\r\n        .vr-abt-story {\r\n            padding: 100px 0;\r\n            background-color: var(--vr-abt-white);\r\n        }\r\n        \r\n        .vr-abt-story-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n        }\r\n        \r\n        .vr-abt-story-image {\r\n            position: relative;\r\n            height: 500px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .vr-abt-story-avatar {\r\n            width: 320px;\r\n            height: 320px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--vr-abt-primary) 0%, var(--vr-abt-primary-light) 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--vr-abt-white);\r\n            font-size: 140px;\r\n            font-weight: 700;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .vr-abt-story-avatar::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -20px;\r\n            left: -20px;\r\n            right: -20px;\r\n            bottom: -20px;\r\n            border-radius: 50%;\r\n            background: rgba(91, 95, 222, 0.1);\r\n            z-index: -1;\r\n        }\r\n        \r\n        .vr-abt-story-content {\r\n            position: relative;\r\n        }\r\n        \r\n        .vr-abt-story-quote {\r\n            font-size: 32px;\r\n            font-weight: 300;\r\n            line-height: 1.4;\r\n            color: var(--vr-abt-dark);\r\n            margin-bottom: 40px;\r\n            position: relative;\r\n        }\r\n        \r\n        .vr-abt-story-quote::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            top: -40px;\r\n            left: -20px;\r\n            font-size: 120px;\r\n            color: rgba(91, 95, 222, 0.1);\r\n            font-family: Georgia, serif;\r\n        }\r\n        \r\n        .vr-abt-story-author {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--vr-abt-dark);\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .vr-abt-story-position {\r\n            font-size: 18px;\r\n            color: var(--vr-abt-gray);\r\n        }\r\n        \r\n        \/* Section 5: Timeline Strip *\/\r\n        .vr-abt-timeline {\r\n            padding: 100px 0;\r\n            background-color: var(--vr-abt-light-gray);\r\n            position: relative;\r\n        }\r\n        \r\n        .vr-abt-timeline-header {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n        \r\n        .vr-abt-timeline-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-timeline-container {\r\n            position: relative;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .vr-abt-timeline-track {\r\n            position: relative;\r\n            height: 4px;\r\n            background: var(--vr-abt-white);\r\n            margin: 80px 0;\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .vr-abt-timeline-events {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            position: relative;\r\n            top: -30px;\r\n        }\r\n        \r\n        .vr-abt-timeline-event {\r\n            position: relative;\r\n            text-align: center;\r\n            width: 200px;\r\n        }\r\n        \r\n        .vr-abt-timeline-dot {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            background: var(--vr-abt-primary);\r\n            margin: 0 auto 20px;\r\n            position: relative;\r\n            z-index: 2;\r\n            box-shadow: 0 0 0 8px rgba(91, 95, 222, 0.2);\r\n        }\r\n        \r\n        .vr-abt-timeline-date {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: var(--vr-abt-primary);\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .vr-abt-timeline-text {\r\n            font-size: 15px;\r\n            color: var(--vr-abt-gray);\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        \/* Section 6: Final CTA *\/\r\n        .vr-abt-cta {\r\n            padding: 120px 0;\r\n            background: linear-gradient(135deg, var(--vr-abt-dark) 0%, #1e293b 100%);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .vr-abt-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at 30% 40%, rgba(91, 95, 222, 0.15) 0%, transparent 50%);\r\n            z-index: 0;\r\n        }\r\n        \r\n        .vr-abt-cta-content {\r\n            position: relative;\r\n            z-index: 1;\r\n\t\t\t\t\t  text-align:center;\r\n        }\r\n        \r\n        .vr-abt-cta-title {\r\n            font-size: 56px;\r\n            font-weight: 800;\r\n            margin-bottom: 32px;\r\n            color: var(--vr-abt-white);\r\n            letter-spacing: -0.02em;\r\n        }\r\n        \r\n        .vr-abt-cta-button {\r\n            display: inline-block;\r\n            padding: 20px 40px;\r\n            background: var(--vr-abt-white);\r\n            color: var(--vr-abt-primary);\r\n            border-radius: 12px;\r\n            font-weight: 700;\r\n            font-size: 18px;\r\n            text-decoration: none;\r\n            transition: var(--vr-abt-transition);\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .vr-abt-cta-button:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .vr-abt-hero-grid,\r\n            .vr-abt-story-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 60px;\r\n            }\r\n            \r\n            .vr-abt-values-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .vr-abt-impact-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .vr-abt-hero-visual {\r\n                order: -1;\r\n            }\r\n            \r\n            .vr-abt-story-image {\r\n                order: -1;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .vr-abt-hero-headline {\r\n                font-size: 48px;\r\n            }\r\n            \r\n            .vr-abt-values-grid,\r\n            .vr-abt-impact-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .vr-abt-timeline-events {\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                gap: 60px;\r\n            }\r\n            \r\n            .vr-abt-timeline-track {\r\n                display: none;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 576px) {\r\n            .vr-abt-hero,\r\n            .vr-abt-values,\r\n            .vr-abt-impact,\r\n            .vr-abt-story,\r\n            .vr-abt-timeline {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .vr-abt-cta {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .vr-abt-hero-headline {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .vr-abt-values-title,\r\n            .vr-abt-impact-title,\r\n            .vr-abt-story-quote,\r\n            .vr-abt-timeline-title,\r\n            .vr-abt-cta-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .vr-abt-story-quote {\r\n                font-size: 24px;\r\n            }\r\n            \r\n            .vr-abt-story-avatar {\r\n                width: 240px;\r\n                height: 240px;\r\n                font-size: 100px;\r\n            }\r\n        }\r\n    <\/style>\r\n <!-- Section 1: Hero Introduction -->\r\n    <section class=\"vr-abt-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-hero-grid\">\r\n                <div class=\"vr-abt-hero-content\" data-aos=\"fade-right\">\r\n                    <h1 class=\"vr-abt-hero-headline\">Built for Anonymous Social Viewing.<\/h1>\r\n                    <p class=\"vr-abt-hero-subheadline\">Viewri gives you a private, no-login way to explore content across social platforms \u2014 without getting tracked, blocked, or bombarded.<\/p>\r\n                    <a href=\"#values\" class=\"vr-abt-hero-cta\">Learn Our Story<\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-hero-visual\" data-aos=\"fade-left\">\r\n                    <div class=\"vr-abt-hero-illustration\">\r\n                        <div class=\"vr-abt-hero-platforms\">\r\n                            <div class=\"vr-abt-hero-platform\"><i class=\"fab fa-instagram\"><\/i><\/div>\r\n                            <div class=\"vr-abt-hero-platform\"><i class=\"fab fa-facebook\"><\/i><\/div>\r\n                            <div class=\"vr-abt-hero-platform\"><i class=\"fab fa-youtube\"><\/i><\/div>\r\n                            <div class=\"vr-abt-hero-platform\"><i class=\"fab fa-tiktok\"><\/i><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 2: The Belief System -->\r\n    <section class=\"vr-abt-values\" id=\"values\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-values-header\" data-aos=\"fade-up\">\r\n                <h2 class=\"vr-abt-values-title\">What We Believe<\/h2>\r\n                <p class=\"vr-abt-values-subtitle\">Core principles that guide everything we build<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"vr-abt-values-grid\">\r\n                <div class=\"vr-abt-value-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"vr-abt-value-icon\">\r\n                        <i class=\"fas fa-lock\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-value-title\">Privacy Isn't Optional<\/h3>\r\n                    <p class=\"vr-abt-value-description\">You shouldn't need to log in just to look. Your browsing habits should remain yours alone.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-value-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"vr-abt-value-icon\">\r\n                        <i class=\"fas fa-bolt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-value-title\">Speed Without Complexity<\/h3>\r\n                    <p class=\"vr-abt-value-description\">Tools should load fast and work faster. No bloat, no waiting, no friction.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-value-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"vr-abt-value-icon\">\r\n                        <i class=\"fas fa-broom\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-value-title\">Zero Clutter<\/h3>\r\n                    <p class=\"vr-abt-value-description\">No popups, banners, or clickbait. Just clean, functional tools that respect your time.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 3: Platform Impact Snapshot -->\r\n    <section class=\"vr-abt-impact\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-impact-header\" data-aos=\"fade-up\">\r\n                <h2 class=\"vr-abt-impact-title\">Where Viewri Works<\/h2>\r\n                <p class=\"vr-abt-impact-subtitle\">Anonymous viewing tools for the platforms you use every day<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"vr-abt-impact-grid\">\r\n                <div class=\"vr-abt-platform-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"vr-abt-platform-icon\">\r\n                        <i class=\"fab fa-instagram\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-platform-name\">Instagram<\/h3>\r\n                    <ul class=\"vr-abt-platform-tools\">\r\n                        <li>Story Viewer<\/li>\r\n                        <li>Profile Viewer<\/li>\r\n                        <li>Post Viewer<\/li>\r\n                        <li>Reels Viewer<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-platform-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"vr-abt-platform-icon\">\r\n                        <i class=\"fab fa-facebook\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-platform-name\">Facebook<\/h3>\r\n                    <ul class=\"vr-abt-platform-tools\">\r\n                        <li>Video Viewer<\/li>\r\n                        <li>Photo Viewer<\/li>\r\n                        <li>Group Viewer<\/li>\r\n                        <li>Story Viewer<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-platform-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"vr-abt-platform-icon\">\r\n                        <i class=\"fab fa-youtube\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-platform-name\">YouTube<\/h3>\r\n                    <ul class=\"vr-abt-platform-tools\">\r\n                        <li>Thumbnail Viewer<\/li>\r\n                        <li>Comment Viewer<\/li>\r\n                        <li>Metadata Viewer<\/li>\r\n                        <li>Dislikes Viewer<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-platform-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"vr-abt-platform-icon\">\r\n                        <i class=\"fab fa-tiktok\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-platform-name\">TikTok<\/h3>\r\n                    <ul class=\"vr-abt-platform-tools\">\r\n                        <li>Video Viewer<\/li>\r\n                        <li>Profile Viewer<\/li>\r\n                        <li>Trending Viewer<\/li>\r\n                        <li>Watermark Remover<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 4: Founder's Note \/ Story -->\r\n    <section class=\"vr-abt-story\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-story-grid\">\r\n                <div class=\"vr-abt-story-image\" data-aos=\"fade-right\">\r\n                    <div class=\"vr-abt-story-avatar\">J<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-story-content\" data-aos=\"fade-left\">\r\n                    <blockquote class=\"vr-abt-story-quote\">\r\n                        I built Viewri because I got tired of being asked to log in just to see a story. Everything here is designed to fix that \u2014 and nothing more.\r\n                    <\/blockquote>\r\n                    <p class=\"vr-abt-story-author\">Julhas<\/p>\r\n                    <p class=\"vr-abt-story-position\">Creator of Viewri<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 5: Timeline Strip -->\r\n    <section class=\"vr-abt-timeline\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-timeline-header\" data-aos=\"fade-up\">\r\n                <h2 class=\"vr-abt-timeline-title\">Our Journey<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"vr-abt-timeline-container\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"vr-abt-timeline-track\">\r\n                    <div class=\"vr-abt-timeline-events\">\r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">Q1 2024<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">Launched first Instagram viewer<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">Q2 2024<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">Added YouTube & TikTok support<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">Q3 2024<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">Reached 50K users<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">Q4 2024<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">Added Reddit & Facebook<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">2025<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">100K+ sessions monthly<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 6: Final CTA -->\r\n    <section class=\"vr-abt-cta\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-cta-content\" data-aos=\"fade-up\">\r\n                <h2 class=\"vr-abt-cta-title\">Ready to view smarter?<\/h2>\r\n                <a href=\"#\" class=\"vr-abt-cta-button\">Browse Tools<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n \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    <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<style>\r\n        :root {\r\n            --vr-abt-primary: #5B5FDE;\r\n            --vr-abt-primary-light: #7C83FD;\r\n            --vr-abt-secondary: #FF6B6B;\r\n            --vr-abt-dark: #0f172a;\r\n            --vr-abt-gray: #64748b;\r\n            --vr-abt-light-gray: #f8fafc;\r\n            --vr-abt-white: #ffffff;\r\n            --vr-abt-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        \r\n        .container {\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n      \r\n        \/* Section 1: Hero Introduction *\/\r\n        .vr-abt-hero {\r\n            padding: 100px 0 100px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n        }\r\n        \r\n        .vr-abt-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                radial-gradient(circle at 20% 20%, rgba(91, 95, 222, 0.05) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(255, 107, 107, 0.05) 0%, transparent 50%);\r\n            z-index: 0;\r\n        }\r\n        \r\n        .vr-abt-hero-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .vr-abt-hero-content {\r\n            max-width: 540px;\r\n        }\r\n        \r\n        .vr-abt-hero-headline {\r\n            font-size: 64px;\r\n            font-weight: 800;\r\n            line-height: 1.1;\r\n            margin-bottom: 24px;\r\n            color: var(--vr-abt-dark);\r\n            letter-spacing: -0.02em;\r\n        }\r\n        \r\n        .vr-abt-hero-subheadline {\r\n            font-size: 20px;\r\n            font-weight: 400;\r\n            color: var(--vr-abt-gray);\r\n            margin-bottom: 40px;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .vr-abt-hero-cta {\r\n            display: inline-block;\r\n            padding: 16px 32px;\r\n            background-color: var(--vr-abt-primary);\r\n            color: var(--vr-abt-white);\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: var(--vr-abt-transition);\r\n            font-size: 16px;\r\n        }\r\n        \r\n        .vr-abt-hero-cta:hover {\r\n            background-color: var(--vr-abt-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        .vr-abt-hero-visual {\r\n            position: relative;\r\n            height: 600px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .vr-abt-hero-illustration {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .vr-abt-hero-platforms {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            grid-template-rows: repeat(3, 1fr);\r\n            gap: 30px;\r\n            width: 80%;\r\n            height: 80%;\r\n        }\r\n        \r\n        .vr-abt-hero-platform {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 42px;\r\n            border-radius: 20px;\r\n            transition: var(--vr-abt-transition);\r\n            cursor: default;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:nth-child(1) {\r\n            color: #E4405F;\r\n            background: rgba(228, 64, 95, 0.1);\r\n            grid-column: 2;\r\n            grid-row: 1;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:nth-child(2) {\r\n            color: #1877F2;\r\n            background: rgba(24, 119, 242, 0.1);\r\n            grid-column: 1;\r\n            grid-row: 2;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:nth-child(3) {\r\n            color: #FF0000;\r\n            background: rgba(255, 0, 0, 0.1);\r\n            grid-column: 3;\r\n            grid-row: 2;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:nth-child(4) {\r\n            color: #000000;\r\n            background: rgba(0, 0, 0, 0.1);\r\n            grid-column: 2;\r\n            grid-row: 3;\r\n        }\r\n        \r\n        .vr-abt-hero-platform:hover {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        \/* Section 2: The Belief System *\/\r\n        .vr-abt-values {\r\n            padding: 100px 0;\r\n            background-color: var(--vr-abt-white);\r\n        }\r\n        \r\n        .vr-abt-values-header {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n        \r\n        .vr-abt-values-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-values-subtitle {\r\n            font-size: 20px;\r\n            color: var(--vr-abt-gray);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .vr-abt-values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 40px;\r\n        }\r\n        \r\n        .vr-abt-value-card {\r\n            background: var(--vr-abt-light-gray);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            transition: var(--vr-abt-transition);\r\n            height: 100%;\r\n            border: 1px solid transparent;\r\n        }\r\n        \r\n        .vr-abt-value-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: var(--vr-abt-primary);\r\n            box-shadow: 0 20px 40px rgba(91, 95, 222, 0.1);\r\n        }\r\n        \r\n        .vr-abt-value-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 16px;\r\n            background: var(--vr-abt-primary);\r\n            color: var(--vr-abt-white);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 28px;\r\n            margin-bottom: 24px;\r\n        }\r\n        \r\n        .vr-abt-value-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-value-description {\r\n            font-size: 16px;\r\n            color: var(--vr-abt-gray);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Section 3: Platform Impact Snapshot *\/\r\n        .vr-abt-impact {\r\n            padding: 100px 0;\r\n            background-color: var(--vr-abt-light-gray);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .vr-abt-impact::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: radial-gradient(circle, rgba(91, 95, 222, 0.03) 1px, transparent 1px);\r\n            background-size: 30px 30px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .vr-abt-impact-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .vr-abt-impact-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-impact-subtitle {\r\n            font-size: 20px;\r\n            color: var(--vr-abt-gray);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .vr-abt-impact-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 30px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .vr-abt-platform-card {\r\n            background: var(--vr-abt-white);\r\n            border-radius: 20px;\r\n            padding: 32px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n            transition: var(--vr-abt-transition);\r\n            height: 100%;\r\n        }\r\n        \r\n        .vr-abt-platform-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n        }\r\n        \r\n        .vr-abt-platform-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 32px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .vr-abt-platform-card:nth-child(1) .vr-abt-platform-icon {\r\n            color: #E4405F;\r\n            background: rgba(228, 64, 95, 0.1);\r\n        }\r\n        \r\n        .vr-abt-platform-card:nth-child(2) .vr-abt-platform-icon {\r\n            color: #1877F2;\r\n            background: rgba(24, 119, 242, 0.1);\r\n        }\r\n        \r\n        .vr-abt-platform-card:nth-child(3) .vr-abt-platform-icon {\r\n            color: #FF0000;\r\n            background: rgba(255, 0, 0, 0.1);\r\n        }\r\n        \r\n        .vr-abt-platform-card:nth-child(4) .vr-abt-platform-icon {\r\n            color: #000000;\r\n            background: rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .vr-abt-platform-name {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-platform-tools {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        \r\n        .vr-abt-platform-tools li {\r\n            font-size: 15px;\r\n            color: var(--vr-abt-gray);\r\n            margin-bottom: 10px;\r\n            padding-left: 20px;\r\n            position: relative;\r\n        }\r\n        \r\n        .vr-abt-platform-tools li::before {\r\n            content: '\u2022';\r\n            position: absolute;\r\n            left: 0;\r\n            color: var(--vr-abt-primary);\r\n            font-weight: bold;\r\n        }\r\n        \r\n        \/* Section 4: Founder's Note \/ Story *\/\r\n        .vr-abt-story {\r\n            padding: 100px 0;\r\n            background-color: var(--vr-abt-white);\r\n        }\r\n        \r\n        .vr-abt-story-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n        }\r\n        \r\n        .vr-abt-story-image {\r\n            position: relative;\r\n            height: 500px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .vr-abt-story-avatar {\r\n            width: 320px;\r\n            height: 320px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--vr-abt-primary) 0%, var(--vr-abt-primary-light) 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--vr-abt-white);\r\n            font-size: 140px;\r\n            font-weight: 700;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .vr-abt-story-avatar::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -20px;\r\n            left: -20px;\r\n            right: -20px;\r\n            bottom: -20px;\r\n            border-radius: 50%;\r\n            background: rgba(91, 95, 222, 0.1);\r\n            z-index: -1;\r\n        }\r\n        \r\n        .vr-abt-story-content {\r\n            position: relative;\r\n        }\r\n        \r\n        .vr-abt-story-quote {\r\n            font-size: 32px;\r\n            font-weight: 300;\r\n            line-height: 1.4;\r\n            color: var(--vr-abt-dark);\r\n            margin-bottom: 40px;\r\n            position: relative;\r\n        }\r\n        \r\n        .vr-abt-story-quote::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            top: -40px;\r\n            left: -20px;\r\n            font-size: 120px;\r\n            color: rgba(91, 95, 222, 0.1);\r\n            font-family: Georgia, serif;\r\n        }\r\n        \r\n        .vr-abt-story-author {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--vr-abt-dark);\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .vr-abt-story-position {\r\n            font-size: 18px;\r\n            color: var(--vr-abt-gray);\r\n        }\r\n        \r\n        \/* Section 5: Timeline Strip *\/\r\n        .vr-abt-timeline {\r\n            padding: 100px 0;\r\n            background-color: var(--vr-abt-light-gray);\r\n            position: relative;\r\n        }\r\n        \r\n        .vr-abt-timeline-header {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n        \r\n        .vr-abt-timeline-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: var(--vr-abt-dark);\r\n        }\r\n        \r\n        .vr-abt-timeline-container {\r\n            position: relative;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .vr-abt-timeline-track {\r\n            position: relative;\r\n            height: 4px;\r\n            background: var(--vr-abt-white);\r\n            margin: 80px 0;\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .vr-abt-timeline-events {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            position: relative;\r\n            top: -30px;\r\n        }\r\n        \r\n        .vr-abt-timeline-event {\r\n            position: relative;\r\n            text-align: center;\r\n            width: 200px;\r\n        }\r\n        \r\n        .vr-abt-timeline-dot {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            background: var(--vr-abt-primary);\r\n            margin: 0 auto 20px;\r\n            position: relative;\r\n            z-index: 2;\r\n            box-shadow: 0 0 0 8px rgba(91, 95, 222, 0.2);\r\n        }\r\n        \r\n        .vr-abt-timeline-date {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: var(--vr-abt-primary);\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .vr-abt-timeline-text {\r\n            font-size: 15px;\r\n            color: var(--vr-abt-gray);\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        \/* Section 6: Final CTA *\/\r\n        .vr-abt-cta {\r\n            padding: 120px 0;\r\n            background: linear-gradient(135deg, var(--vr-abt-dark) 0%, #1e293b 100%);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .vr-abt-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at 30% 40%, rgba(91, 95, 222, 0.15) 0%, transparent 50%);\r\n            z-index: 0;\r\n        }\r\n        \r\n        .vr-abt-cta-content {\r\n            position: relative;\r\n            z-index: 1;\r\n\t\t\t\t\t  text-align:center;\r\n        }\r\n        \r\n        .vr-abt-cta-title {\r\n            font-size: 56px;\r\n            font-weight: 800;\r\n            margin-bottom: 32px;\r\n            color: var(--vr-abt-white);\r\n            letter-spacing: -0.02em;\r\n        }\r\n        \r\n        .vr-abt-cta-button {\r\n            display: inline-block;\r\n            padding: 20px 40px;\r\n            background: var(--vr-abt-white);\r\n            color: var(--vr-abt-primary);\r\n            border-radius: 12px;\r\n            font-weight: 700;\r\n            font-size: 18px;\r\n            text-decoration: none;\r\n            transition: var(--vr-abt-transition);\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .vr-abt-cta-button:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .vr-abt-hero-grid,\r\n            .vr-abt-story-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 60px;\r\n            }\r\n            \r\n            .vr-abt-values-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .vr-abt-impact-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .vr-abt-hero-visual {\r\n                order: -1;\r\n            }\r\n            \r\n            .vr-abt-story-image {\r\n                order: -1;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .vr-abt-hero-headline {\r\n                font-size: 48px;\r\n            }\r\n            \r\n            .vr-abt-values-grid,\r\n            .vr-abt-impact-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .vr-abt-timeline-events {\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                gap: 60px;\r\n            }\r\n            \r\n            .vr-abt-timeline-track {\r\n                display: none;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 576px) {\r\n            .vr-abt-hero,\r\n            .vr-abt-values,\r\n            .vr-abt-impact,\r\n            .vr-abt-story,\r\n            .vr-abt-timeline {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .vr-abt-cta {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .vr-abt-hero-headline {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .vr-abt-values-title,\r\n            .vr-abt-impact-title,\r\n            .vr-abt-story-quote,\r\n            .vr-abt-timeline-title,\r\n            .vr-abt-cta-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .vr-abt-story-quote {\r\n                font-size: 24px;\r\n            }\r\n            \r\n            .vr-abt-story-avatar {\r\n                width: 240px;\r\n                height: 240px;\r\n                font-size: 100px;\r\n            }\r\n        }\r\n    <\/style>\r\n <!-- Section 1: Hero Introduction -->\r\n    <section class=\"vr-abt-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-hero-grid\">\r\n                <div class=\"vr-abt-hero-content\" data-aos=\"fade-right\">\r\n                    <h1 class=\"vr-abt-hero-headline\">Built for Anonymous Social Viewing.<\/h1>\r\n                    <p class=\"vr-abt-hero-subheadline\">Viewri gives you a private, no-login way to explore content across social platforms \u2014 without getting tracked, blocked, or bombarded.<\/p>\r\n                    <a href=\"#values\" class=\"vr-abt-hero-cta\">Learn Our Story<\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-hero-visual\" data-aos=\"fade-left\">\r\n                    <div class=\"vr-abt-hero-illustration\">\r\n                        <div class=\"vr-abt-hero-platforms\">\r\n                            <div class=\"vr-abt-hero-platform\"><i class=\"fab fa-instagram\"><\/i><\/div>\r\n                            <div class=\"vr-abt-hero-platform\"><i class=\"fab fa-facebook\"><\/i><\/div>\r\n                            <div class=\"vr-abt-hero-platform\"><i class=\"fab fa-youtube\"><\/i><\/div>\r\n                            <div class=\"vr-abt-hero-platform\"><i class=\"fab fa-tiktok\"><\/i><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 2: The Belief System -->\r\n    <section class=\"vr-abt-values\" id=\"values\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-values-header\" data-aos=\"fade-up\">\r\n                <h2 class=\"vr-abt-values-title\">What We Believe<\/h2>\r\n                <p class=\"vr-abt-values-subtitle\">Core principles that guide everything we build<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"vr-abt-values-grid\">\r\n                <div class=\"vr-abt-value-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"vr-abt-value-icon\">\r\n                        <i class=\"fas fa-lock\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-value-title\">Privacy Isn't Optional<\/h3>\r\n                    <p class=\"vr-abt-value-description\">You shouldn't need to log in just to look. Your browsing habits should remain yours alone.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-value-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"vr-abt-value-icon\">\r\n                        <i class=\"fas fa-bolt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-value-title\">Speed Without Complexity<\/h3>\r\n                    <p class=\"vr-abt-value-description\">Tools should load fast and work faster. No bloat, no waiting, no friction.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-value-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"vr-abt-value-icon\">\r\n                        <i class=\"fas fa-broom\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-value-title\">Zero Clutter<\/h3>\r\n                    <p class=\"vr-abt-value-description\">No popups, banners, or clickbait. Just clean, functional tools that respect your time.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 3: Platform Impact Snapshot -->\r\n    <section class=\"vr-abt-impact\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-impact-header\" data-aos=\"fade-up\">\r\n                <h2 class=\"vr-abt-impact-title\">Where Viewri Works<\/h2>\r\n                <p class=\"vr-abt-impact-subtitle\">Anonymous viewing tools for the platforms you use every day<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"vr-abt-impact-grid\">\r\n                <div class=\"vr-abt-platform-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"vr-abt-platform-icon\">\r\n                        <i class=\"fab fa-instagram\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-platform-name\">Instagram<\/h3>\r\n                    <ul class=\"vr-abt-platform-tools\">\r\n                        <li>Story Viewer<\/li>\r\n                        <li>Profile Viewer<\/li>\r\n                        <li>Post Viewer<\/li>\r\n                        <li>Reels Viewer<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-platform-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"vr-abt-platform-icon\">\r\n                        <i class=\"fab fa-facebook\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-platform-name\">Facebook<\/h3>\r\n                    <ul class=\"vr-abt-platform-tools\">\r\n                        <li>Video Viewer<\/li>\r\n                        <li>Photo Viewer<\/li>\r\n                        <li>Group Viewer<\/li>\r\n                        <li>Story Viewer<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-platform-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"vr-abt-platform-icon\">\r\n                        <i class=\"fab fa-youtube\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-platform-name\">YouTube<\/h3>\r\n                    <ul class=\"vr-abt-platform-tools\">\r\n                        <li>Thumbnail Viewer<\/li>\r\n                        <li>Comment Viewer<\/li>\r\n                        <li>Metadata Viewer<\/li>\r\n                        <li>Dislikes Viewer<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-platform-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"vr-abt-platform-icon\">\r\n                        <i class=\"fab fa-tiktok\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vr-abt-platform-name\">TikTok<\/h3>\r\n                    <ul class=\"vr-abt-platform-tools\">\r\n                        <li>Video Viewer<\/li>\r\n                        <li>Profile Viewer<\/li>\r\n                        <li>Trending Viewer<\/li>\r\n                        <li>Watermark Remover<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 4: Founder's Note \/ Story -->\r\n    <section class=\"vr-abt-story\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-story-grid\">\r\n                <div class=\"vr-abt-story-image\" data-aos=\"fade-right\">\r\n                    <div class=\"vr-abt-story-avatar\">J<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"vr-abt-story-content\" data-aos=\"fade-left\">\r\n                    <blockquote class=\"vr-abt-story-quote\">\r\n                        I built Viewri because I got tired of being asked to log in just to see a story. Everything here is designed to fix that \u2014 and nothing more.\r\n                    <\/blockquote>\r\n                    <p class=\"vr-abt-story-author\">Julhas<\/p>\r\n                    <p class=\"vr-abt-story-position\">Creator of Viewri<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 5: Timeline Strip -->\r\n    <section class=\"vr-abt-timeline\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-timeline-header\" data-aos=\"fade-up\">\r\n                <h2 class=\"vr-abt-timeline-title\">Our Journey<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"vr-abt-timeline-container\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"vr-abt-timeline-track\">\r\n                    <div class=\"vr-abt-timeline-events\">\r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">Q1 2024<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">Launched first Instagram viewer<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">Q2 2024<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">Added YouTube & TikTok support<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">Q3 2024<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">Reached 50K users<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">Q4 2024<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">Added Reddit & Facebook<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"vr-abt-timeline-event\">\r\n                            <div class=\"vr-abt-timeline-dot\"><\/div>\r\n                            <div class=\"vr-abt-timeline-date\">2025<\/div>\r\n                            <div class=\"vr-abt-timeline-text\">100K+ sessions monthly<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Section 6: Final CTA -->\r\n    <section class=\"vr-abt-cta\">\r\n        <div class=\"container\">\r\n            <div class=\"vr-abt-cta-content\" data-aos=\"fade-up\">\r\n                <h2 class=\"vr-abt-cta-title\">Ready to view smarter?<\/h2>\r\n                <a href=\"#\" class=\"vr-abt-cta-button\">Browse Tools<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n \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    <\/script>\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-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/82","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=82"}],"version-history":[{"count":5,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/82\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}