{"id":32,"date":"2025-09-06T03:22:59","date_gmt":"2025-09-06T03:22:59","guid":{"rendered":"https:\/\/viewri.com\/?page_id=32"},"modified":"2025-09-23T05:19:31","modified_gmt":"2025-09-23T05:19:31","slug":"viewri-home","status":"publish","type":"page","link":"https:\/\/viewri.com\/","title":{"rendered":"Viewri Home"},"content":{"rendered":"\n[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    \r\n    \/* Hero Section *\/\r\n    .viewri-home-hero {\r\n        background: linear-gradient(135deg, #F8F9FF 0%, #E6EEFF 100%);\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 100px 0;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Abstract Background Shapes *\/\r\n    .viewri-home-shape {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        opacity: 0.4;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .viewri-home-shape-1 {\r\n        width: 400px;\r\n        height: 400px;\r\n        background: #5B5FDE;\r\n        top: -100px;\r\n        left: -100px;\r\n        animation: float 15s ease-in-out infinite;\r\n    }\r\n    \r\n    .viewri-home-shape-2 {\r\n        width: 300px;\r\n        height: 300px;\r\n        background: #7C83FD;\r\n        bottom: -50px;\r\n        right: -50px;\r\n        animation: float 12s ease-in-out infinite reverse;\r\n    }\r\n    \r\n    .viewri-home-shape-3 {\r\n        width: 250px;\r\n        height: 250px;\r\n        background: #FF6B6B;\r\n        top: 50%;\r\n        left: 60%;\r\n        animation: float 18s ease-in-out infinite;\r\n    }\r\n    \r\n    @keyframes float {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        33% { transform: translateY(-20px) rotate(5deg); }\r\n        66% { transform: translateY(20px) rotate(-5deg); }\r\n    }\r\n    \r\n    \/* Content Styling *\/\r\n    .viewri-home-content {\r\n        position: relative;\r\n        z-index: 1;\r\n        text-align: center;\r\n    }\r\n    \r\n    .viewri-home-headline {\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n        margin-bottom: 1.5rem;\r\n        background: linear-gradient(135deg, #5B5FDE 0%, #FF6B6B 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n    \r\n    .viewri-home-subheadline {\r\n        font-size: clamp(1rem, 2vw, 1.25rem);\r\n        font-weight: 400;\r\n        color: #666;\r\n        margin-bottom: 2.5rem;\r\n        max-width: 600px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n    \r\n    \/* CTA Buttons *\/\r\n    .viewri-home-cta-container {\r\n        display: flex;\r\n        gap: 1rem;\r\n        justify-content: center;\r\n        margin-bottom: 3rem;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .viewri-home-btn {\r\n        padding: 14px 32px;\r\n        border-radius: 8px;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        border: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .viewri-home-btn::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: rgba(255, 255, 255, 0.2);\r\n        transform: translateX(-100%);\r\n        transition: transform 0.5s ease;\r\n    }\r\n    \r\n    .viewri-home-btn:hover::before {\r\n        transform: translateX(0);\r\n    }\r\n    \r\n    .viewri-home-btn-primary {\r\n        background: #5B5FDE;\r\n        color: white;\r\n        box-shadow: 0 4px 15px rgba(91, 95, 222, 0.2);\r\n    }\r\n    \r\n    .viewri-home-btn-primary:hover {\r\n        background: #4B4FCE;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(91, 95, 222, 0.3);\r\n        color: white;\r\n    }\r\n    \r\n    .viewri-home-btn-secondary {\r\n        background: white;\r\n        color: #5B5FDE;\r\n        border: 2px solid #5B5FDE;\r\n    }\r\n    \r\n    .viewri-home-btn-secondary:hover {\r\n        background: #5B5FDE;\r\n        color: white;\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    \/* Category Pills *\/\r\n    .viewri-home-categories {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 0.75rem;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n    \r\n    .viewri-home-category-pill {\r\n        padding: 8px 16px;\r\n        background: #F0F2FF;\r\n        color: #5B5FDE;\r\n        border-radius: 50px;\r\n        font-size: 0.875rem;\r\n        font-weight: 500;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        border: 1px solid transparent;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    \r\n    .viewri-home-category-pill:hover {\r\n        background: #E0E4FF;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 10px rgba(91, 95, 222, 0.1);\r\n    }\r\n    \r\n    \/* Trust Badges *\/\r\n    .viewri-home-trust-badges {\r\n        font-size: 0.875rem;\r\n        color: #666;\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 1.5rem;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .viewri-home-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n    }\r\n    \r\n    .viewri-home-badge-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        background: #4CAF50;\r\n        border-radius: 50%;\r\n        display: inline-block;\r\n    }\r\n    \r\n    \/* Categories Section *\/\r\n    .viewri-categories-section {\r\n        padding: 80px 0;\r\n        background-color: #fff;\r\n    }\r\n    \r\n    .viewri-categories-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n    \r\n    .viewri-categories-title {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        margin-bottom: 16px;\r\n        color: #333;\r\n    }\r\n    \r\n    .viewri-categories-description {\r\n        font-size: clamp(1rem, 2vw, 1.1rem);\r\n        color: #666;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    \/* Categories Grid *\/\r\n    .viewri-categories-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 24px;\r\n    }\r\n    \r\n    \/* Category Card *\/\r\n    .viewri-categories-item {\r\n        background: #fff;\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n        padding: 30px;\r\n        text-align: center;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-height: 220px;\r\n    }\r\n    \r\n    .viewri-categories-item::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 5px;\r\n        background: linear-gradient(90deg, #5B5FDE, #FF6B6B);\r\n        transform: translateX(-100%);\r\n        transition: transform 0.4s ease;\r\n    }\r\n    \r\n    .viewri-categories-item:hover::before {\r\n        transform: translateX(0);\r\n    }\r\n    \r\n    .viewri-categories-item:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);\r\n    }\r\n    \r\n    \/* Category Icon *\/\r\n    .viewri-categories-icon {\r\n        font-size: 3rem;\r\n        margin-bottom: 16px;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .viewri-categories-item:hover .viewri-categories-icon {\r\n        transform: scale(1.1);\r\n    }\r\n    \r\n    \/* Platform-specific icon colors *\/\r\n    .viewri-categories-item--instagram .viewri-categories-icon {\r\n        color: #E4405F;\r\n    }\r\n    \r\n    .viewri-categories-item--facebook .viewri-categories-icon {\r\n        color: #1877F2;\r\n    }\r\n    \r\n    .viewri-categories-item--youtube .viewri-categories-icon {\r\n        color: #FF0000;\r\n    }\r\n    \r\n    .viewri-categories-item--linkedin .viewri-categories-icon {\r\n        color: #0077B5;\r\n    }\r\n    \r\n    .viewri-categories-item--pinterest .viewri-categories-icon {\r\n        color: #E60023;\r\n    }\r\n    \r\n    .viewri-categories-item--tiktok .viewri-categories-icon {\r\n        color: #000000;\r\n    }\r\n    \r\n    .viewri-categories-item--reddit .viewri-categories-icon {\r\n        color: #FF4500;\r\n    }\r\n    \r\n    \/* Category Heading *\/\r\n    .viewri-categories-heading {\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        margin-bottom: 8px;\r\n        color: #333;\r\n    }\r\n    \r\n    .viewri-categories-link {\r\n        text-decoration: none;\r\n        color: inherit;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n    }\r\n    \r\n    .viewri-categories-link::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: 0;\r\n        width: 0;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #5B5FDE, #FF6B6B);\r\n        transition: width 0.3s ease;\r\n    }\r\n    \r\n    .viewri-categories-item:hover .viewri-categories-link::after {\r\n        width: 100%;\r\n    }\r\n    \r\n    \/* Category Description *\/\r\n    .viewri-categories-description-text {\r\n        font-size: 1rem;\r\n        color: #666;\r\n        margin-bottom: 16px;\r\n    }\r\n    \r\n    \/* Tool Count *\/\r\n    .viewri-categories-tool-count {\r\n        font-size: 0.875rem;\r\n        color: #999;\r\n        margin-top: auto;\r\n    }\r\n    \r\n    \/* Badge *\/\r\n    .viewri-categories-badge {\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 12px;\r\n        background: #FF6B6B;\r\n        color: white;\r\n        padding: 4px 10px;\r\n        border-radius: 12px;\r\n        font-size: 0.7rem;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n    }\r\n    \r\n    .viewri-categories-badge.new {\r\n        background: #5B5FDE;\r\n    }\r\n    \r\n    \/* Featured Section *\/\r\n    .viewri-featured-section {\r\n        padding: 80px 0;\r\n        background: linear-gradient(135deg, #eef2ff 0%, #e0f7fa 100%);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Abstract Background Shapes *\/\r\n    .viewri-featured-shape {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        opacity: 0.15;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .viewri-featured-shape-1 {\r\n        width: 400px;\r\n        height: 400px;\r\n        background: #5B5FDE;\r\n        top: -100px;\r\n        left: -100px;\r\n    }\r\n    \r\n    .viewri-featured-shape-2 {\r\n        width: 300px;\r\n        height: 300px;\r\n        background: #FF6B6B;\r\n        bottom: -50px;\r\n        right: -50px;\r\n    }\r\n    \r\n    .viewri-featured-shape-3 {\r\n        width: 250px;\r\n        height: 250px;\r\n        background: #4CAF50;\r\n        top: 50%;\r\n        left: 60%;\r\n    }\r\n    \r\n    \/* Section Header *\/\r\n    .viewri-featured-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    .viewri-featured-title {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        margin-bottom: 16px;\r\n        color: #333;\r\n    }\r\n    \r\n    .viewri-featured-subtitle {\r\n        font-size: clamp(1rem, 2vw, 1.1rem);\r\n        color: #555;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    \/* Category Filters *\/\r\n    .viewri-featured-filters {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        margin-bottom: 40px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .viewri-featured-filter {\r\n        padding: 8px 20px;\r\n        background: rgba(255, 255, 255, 0.7);\r\n        backdrop-filter: blur(10px);\r\n        border-radius: 30px;\r\n        font-size: 0.9rem;\r\n        font-weight: 500;\r\n        color: #555;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        border: 1px solid rgba(255, 255, 255, 0.5);\r\n    }\r\n    \r\n    .viewri-featured-filter:hover {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n    }\r\n    \r\n    .viewri-featured-filter.active {\r\n        background: #5B5FDE;\r\n        color: white;\r\n        border-color: #5B5FDE;\r\n    }\r\n    \r\n    \/* Tools Grid *\/\r\n    .viewri-featured-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n        gap: 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    \/* Tool Card *\/\r\n    .viewri-featured-tool {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        border-radius: 12px;\r\n        padding: 16px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        text-decoration: none;\r\n        color: #333;\r\n        transition: all 0.3s ease;\r\n        border: 1px solid rgba(255, 255, 255, 0.5);\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n        position: relative;\r\n        overflow: hidden;\r\n        min-height: 80px;\r\n    }\r\n    \r\n    .viewri-featured-tool::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 4px;\r\n        height: 100%;\r\n        background: linear-gradient(to bottom, #5B5FDE, #FF6B6B);\r\n        transform: scaleY(0);\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .viewri-featured-tool:hover::before {\r\n        transform: scaleY(1);\r\n    }\r\n    \r\n    .viewri-featured-tool:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n        background: rgba(255, 255, 255, 0.95);\r\n    }\r\n    \r\n    \/* Tool Icon *\/\r\n    .viewri-featured-icon {\r\n        font-size: 1.5rem;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 10px;\r\n        background: rgba(91, 95, 222, 0.1);\r\n        color: #5B5FDE;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    \/* Platform-specific icon colors *\/\r\n    .viewri-featured-tool[data-platform=\"instagram\"] .viewri-featured-icon {\r\n        background: rgba(228, 64, 95, 0.1);\r\n        color: #E4405F;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"facebook\"] .viewri-featured-icon {\r\n        background: rgba(24, 119, 242, 0.1);\r\n        color: #1877F2;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"youtube\"] .viewri-featured-icon {\r\n        background: rgba(255, 0, 0, 0.1);\r\n        color: #FF0000;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"tiktok\"] .viewri-featured-icon {\r\n        background: rgba(0, 0, 0, 0.1);\r\n        color: #000000;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"reddit\"] .viewri-featured-icon {\r\n        background: rgba(255, 69, 0, 0.1);\r\n        color: #FF4500;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"linkedin\"] .viewri-featured-icon {\r\n        background: rgba(0, 119, 181, 0.1);\r\n        color: #0077B5;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"pinterest\"] .viewri-featured-icon {\r\n        background: rgba(230, 0, 35, 0.1);\r\n        color: #E60023;\r\n    }\r\n    \r\n    \/* Tool Content *\/\r\n    .viewri-featured-content {\r\n        flex-grow: 1;\r\n    }\r\n    \r\n    .viewri-featured-name {\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n        margin-bottom: 4px;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .viewri-featured-tool:hover .viewri-featured-name {\r\n        background: linear-gradient(90deg, #5B5FDE, #FF6B6B);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n    \r\n    \/* Tool Tags *\/\r\n    .viewri-featured-tag {\r\n        font-size: 0.75rem;\r\n        padding: 2px 8px;\r\n        border-radius: 10px;\r\n        font-weight: 500;\r\n        display: inline-block;\r\n        margin-right: 6px;\r\n    }\r\n    \r\n    .viewri-featured-tag.trending {\r\n        background: #FF6B6B;\r\n        color: white;\r\n    }\r\n    \r\n    .viewri-featured-tag.new {\r\n        background: #5B5FDE;\r\n        color: white;\r\n    }\r\n    \r\n    .viewri-featured-tag.anonymous {\r\n        background: #4CAF50;\r\n        color: white;\r\n    }\r\n    \r\n    \/* Tooltip *\/\r\n    .viewri-featured-tooltip {\r\n        position: absolute;\r\n        background: rgba(0, 0, 0, 0.8);\r\n        color: white;\r\n        padding: 6px 12px;\r\n        border-radius: 6px;\r\n        font-size: 0.8rem;\r\n        white-space: nowrap;\r\n        z-index: 10;\r\n        pointer-events: none;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        bottom: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        margin-bottom: 8px;\r\n    }\r\n    \r\n    .viewri-featured-tooltip::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        border-width: 6px;\r\n        border-style: solid;\r\n        border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;\r\n    }\r\n    \r\n    .viewri-featured-tool:hover .viewri-featured-tooltip {\r\n        opacity: 1;\r\n    }\r\n    \r\n    \/* Show More Button *\/\r\n    .viewri-featured-more {\r\n        text-align: center;\r\n        margin-top: 40px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .viewri-featured-more-btn {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 255, 0.5);\r\n        color: #5B5FDE;\r\n        padding: 12px 30px;\r\n        border-radius: 30px;\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n        cursor: pointer;\r\n    }\r\n    \r\n    .viewri-featured-more-btn:hover {\r\n        background: #5B5FDE;\r\n        color: white;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 25px rgba(91, 95, 222, 0.2);\r\n    }\r\n    \r\n    \/* Why Use Viewri Section *\/\r\n    .viewri-why-section {\r\n        background-color: #fff;\r\n        padding: 80px 0;\r\n    }\r\n    \r\n    .viewri-why-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n    }\r\n    \r\n    \/* Left Column: Illustration *\/\r\n    .viewri-why-image-col {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n    \r\n    .viewri-why-illustration {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 450px;\r\n        height: 450px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n    \r\n    .viewri-why-vector-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        opacity: 0.15;\r\n        position: absolute;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .viewri-why-overlay {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    \r\n    .viewri-why-shield {\r\n        width: 120px;\r\n        height: 120px;\r\n        background: linear-gradient(135deg, #5B5FDE 0%, #FF6B6B 100%);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin-bottom: 30px;\r\n        box-shadow: 0 10px 30px rgba(91, 95, 222, 0.3);\r\n        animation: pulse 2s infinite;\r\n    }\r\n    \r\n    .viewri-why-shield i {\r\n        font-size: 3rem;\r\n        color: white;\r\n    }\r\n    \r\n    .viewri-why-platform-icons {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        max-width: 300px;\r\n    }\r\n    \r\n    .viewri-why-platform-icons i {\r\n        font-size: 2rem;\r\n        padding: 10px;\r\n        border-radius: 12px;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(1) {\r\n        color: #E4405F;\r\n        background: rgba(228, 64, 95, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(2) {\r\n        color: #FF0000;\r\n        background: rgba(255, 0, 0, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(3) {\r\n        color: #000000;\r\n        background: rgba(0, 0, 0, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(4) {\r\n        color: #1877F2;\r\n        background: rgba(24, 119, 242, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(5) {\r\n        color: #0077B5;\r\n        background: rgba(0, 119, 181, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(6) {\r\n        color: #E60023;\r\n        background: rgba(230, 0, 35, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(7) {\r\n        color: #FF4500;\r\n        background: rgba(255, 69, 0, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:hover {\r\n        transform: translateY(-5px) scale(1.1);\r\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n    }\r\n    \r\n    @keyframes pulse {\r\n        0% {\r\n            transform: scale(1);\r\n            box-shadow: 0 10px 30px rgba(91, 95, 222, 0.3);\r\n        }\r\n        50% {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 15px 40px rgba(91, 95, 222, 0.4);\r\n        }\r\n        100% {\r\n            transform: scale(1);\r\n            box-shadow: 0 10px 30px rgba(91, 95, 222, 0.3);\r\n        }\r\n    }\r\n    \r\n    \/* Right Column: Content *\/\r\n    .viewri-why-title {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n        color: #333;\r\n    }\r\n    \r\n    .viewri-why-description {\r\n        font-size: clamp(1rem, 2vw, 1.1rem);\r\n        font-weight: 500;\r\n        color: #555;\r\n        margin-bottom: 30px;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    .viewri-why-benefits {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .viewri-why-benefit {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        margin-bottom: 25px;\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        background: rgba(91, 95, 222, 0.03);\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .viewri-why-benefit:hover {\r\n        background: rgba(91, 95, 222, 0.08);\r\n        transform: translateX(5px);\r\n    }\r\n    \r\n    .viewri-why-icon {\r\n        margin-right: 15px;\r\n        width: 45px;\r\n        height: 45px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(135deg, #5B5FDE 0%, #7C83FD 100%);\r\n        color: white;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-shrink: 0;\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .viewri-why-text {\r\n        font-size: 1rem;\r\n        color: #444;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    .viewri-why-text strong {\r\n        color: #333;\r\n        font-weight: 600;\r\n        display: block;\r\n        margin-bottom: 5px;\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    \/* Testimonials Section *\/\r\n    .viewri-testimonial-section {\r\n        padding: 80px 0;\r\n        background: linear-gradient(135deg, #f5f9ff 0%, #eaf3ff 100%);\r\n    }\r\n    \r\n    .viewri-testimonial-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n    \r\n    .viewri-testimonial-title {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        color: #333;\r\n        margin-bottom: 16px;\r\n    }\r\n    \r\n    .viewri-testimonial-subtitle {\r\n        font-size: clamp(1rem, 2vw, 1.1rem);\r\n        color: #555;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    \/* Testimonial Grid *\/\r\n    .viewri-testimonial-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n    }\r\n    \r\n    \/* Testimonial Card *\/\r\n    .viewri-testimonial-card {\r\n        background: white;\r\n        border-radius: 16px;\r\n        padding: 30px;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .viewri-testimonial-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 5px;\r\n        background: linear-gradient(90deg, #5B5FDE, #FF6B6B);\r\n        transform: translateX(-100%);\r\n        transition: transform 0.5s ease;\r\n    }\r\n    \r\n    .viewri-testimonial-card:hover::before {\r\n        transform: translateX(0);\r\n    }\r\n    \r\n    .viewri-testimonial-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);\r\n    }\r\n    \r\n    \/* Quote *\/\r\n    .viewri-testimonial-quote {\r\n        position: relative;\r\n        margin-bottom: 30px;\r\n        flex-grow: 1;\r\n    }\r\n    \r\n    .viewri-testimonial-quote-icon {\r\n        position: absolute;\r\n        top: -10px;\r\n        left: -10px;\r\n        font-size: 1.5rem;\r\n        color: rgba(91, 95, 222, 0.15);\r\n    }\r\n    \r\n    .viewri-testimonial-quote p {\r\n        font-size: 1rem;\r\n        color: #444;\r\n        line-height: 1.7;\r\n        margin: 0;\r\n        padding-left: 20px;\r\n    }\r\n    \r\n    \/* Author *\/\r\n    .viewri-testimonial-author {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .viewri-testimonial-avatar {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(135deg, #5B5FDE 0%, #FF6B6B 100%);\r\n        color: white;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-weight: 700;\r\n        font-size: 1.2rem;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .viewri-testimonial-info {\r\n        flex-grow: 1;\r\n    }\r\n    \r\n    .viewri-testimonial-name {\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        color: #333;\r\n        margin: 0 0 5px 0;\r\n    }\r\n    \r\n    .viewri-testimonial-role {\r\n        font-size: 0.9rem;\r\n        color: #666;\r\n        margin: 0;\r\n    }\r\n    \r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .viewri-why-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n        \r\n        .viewri-why-image-col {\r\n            order: 1;\r\n        }\r\n        \r\n        .viewri-why-content-col {\r\n            order: 2;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .viewri-home-cta-container {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        \r\n        .viewri-home-btn {\r\n            width: 100%;\r\n            max-width: 300px;\r\n        }\r\n        \r\n        .viewri-featured-grid {\r\n            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 576px) {\r\n        .viewri-home-hero {\r\n            padding: 60px 0;\r\n        }\r\n        \r\n        .viewri-categories-section,\r\n        .viewri-featured-section,\r\n        .viewri-why-section,\r\n        .viewri-testimonial-section {\r\n            padding: 60px 0;\r\n        }\r\n        \r\n        .viewri-why-illustration {\r\n            max-width: 350px;\r\n            height: 350px;\r\n        }\r\n        \r\n        .viewri-why-shield {\r\n            width: 100px;\r\n            height: 100px;\r\n        }\r\n        \r\n        .viewri-why-shield i {\r\n            font-size: 2.5rem;\r\n        }\r\n        \r\n        .viewri-why-platform-icons i {\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .viewri-why-benefit {\r\n            padding: 15px;\r\n        }\r\n        \r\n        .viewri-why-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n        \r\n        .viewri-testimonial-card {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .viewri-testimonial-quote p {\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .viewri-testimonial-avatar {\r\n            width: 50px;\r\n            height: 50px;\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n    \r\n    \/* Focus States *\/\r\n    .viewri-categories-item:focus,\r\n    .viewri-categories-link:focus,\r\n    .viewri-featured-filter:focus,\r\n    .viewri-featured-tool:focus,\r\n    .viewri-featured-more-btn:focus {\r\n        outline: 2px solid #5B5FDE;\r\n        outline-offset: 2px;\r\n    }\r\n    \r\n    \/* Loading Animation *\/\r\n    .viewri-loading {\r\n        display: inline-block;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 3px solid rgba(91, 95, 222, 0.3);\r\n        border-radius: 50%;\r\n        border-top-color: #5B5FDE;\r\n        animation: spin 1s ease-in-out infinite;\r\n    }\r\n    \r\n    @keyframes spin {\r\n        to { transform: rotate(360deg); }\r\n    }\r\n<\/style>\r\n\r\n<!-- Hero Section -->\r\n<section class=\"viewri-home-hero\">\r\n    <!-- Abstract Background Shapes -->\r\n    <div class=\"viewri-home-shape viewri-home-shape-1\"><\/div>\r\n    <div class=\"viewri-home-shape viewri-home-shape-2\"><\/div>\r\n    <div class=\"viewri-home-shape viewri-home-shape-3\"><\/div>\r\n    \r\n    <!-- Main Content -->\r\n    <div class=\"container\">\r\n        <div class=\"viewri-home-content\">\r\n            <h1 class=\"viewri-home-headline\" data-aos=\"fade-up\">\r\n                Viewri Explore Social Media Anonymously\r\n            <\/h1>\r\n            <p class=\"viewri-home-subheadline\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Browse social media content privately without leaving traces or logging in\r\n            <\/p>\r\n            \r\n            <div class=\"viewri-home-cta-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <a href=\"#\" class=\"viewri-home-btn viewri-home-btn-primary\">\r\n                    <i class=\"fas fa-tools me-2\"><\/i>\r\n                    Browse All Tools\r\n                <\/a>\r\n                <a href=\"#\" class=\"viewri-home-btn viewri-home-btn-secondary\">\r\n                    <i class=\"fas fa-eye me-2\"><\/i>\r\n                    Start Viewing\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"viewri-home-categories\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-instagram me-1\"><\/i> Instagram\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-facebook me-1\"><\/i> Facebook\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-youtube me-1\"><\/i> YouTube\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-tiktok me-1\"><\/i> TikTok\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-twitter me-1\"><\/i> Twitter\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-linkedin me-1\"><\/i> LinkedIn\r\n                <\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"viewri-home-trust-badges\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <span class=\"viewri-home-badge\">\r\n                    <span class=\"viewri-home-badge-icon\"><\/span>\r\n                    Anonymous\r\n                <\/span>\r\n                <span class=\"viewri-home-badge\">\r\n                    <span class=\"viewri-home-badge-icon\"><\/span>\r\n                    No Login\r\n                <\/span>\r\n                <span class=\"viewri-home-badge\">\r\n                    <span class=\"viewri-home-badge-icon\"><\/span>\r\n                    Free Access\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Categories Section -->\r\n<section class=\"viewri-categories-section\">\r\n    <div class=\"container\">\r\n        <div class=\"viewri-categories-header\" data-aos=\"fade-up\">\r\n            <h2 class=\"viewri-categories-title\">Explore Viewers by Platform<\/h2>\r\n            <p class=\"viewri-categories-description\">Choose a platform to start viewing anonymously.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"viewri-categories-grid\">\r\n            <!-- Instagram -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--instagram\" data-aos=\"fade-up\" data-aos-delay=\"100\" tabindex=\"0\">\r\n                <span class=\"viewri-categories-badge\">Popular<\/span>\r\n                <i class=\"fab fa-instagram viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/instagram\/\" class=\"viewri-categories-link\">Instagram<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Stories, Posts, Highlights & More<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- Facebook -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--facebook\" data-aos=\"fade-up\" data-aos-delay=\"200\" tabindex=\"0\">\r\n                <i class=\"fab fa-facebook viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/facebook\" class=\"viewri-categories-link\">Facebook<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Profiles, Videos, Photos & Groups<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- YouTube -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--youtube\" data-aos=\"fade-up\" data-aos-delay=\"300\" tabindex=\"0\">\r\n                <i class=\"fab fa-youtube viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/youtube\" class=\"viewri-categories-link\">YouTube<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Videos, Channels, Playlists & More<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- LinkedIn -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--linkedin\" data-aos=\"fade-up\" data-aos-delay=\"400\" tabindex=\"0\">\r\n                <i class=\"fab fa-linkedin viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/linkedin\" class=\"viewri-categories-link\">LinkedIn<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Profiles, Companies, Posts & Articles<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- Pinterest -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--pinterest\" data-aos=\"fade-up\" data-aos-delay=\"500\" tabindex=\"0\">\r\n                <i class=\"fab fa-pinterest viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/pinterest\" class=\"viewri-categories-link\">Pinterest<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Pins, Boards, Profiles & Secret Boards<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- TikTok -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--tiktok\" data-aos=\"fade-up\" data-aos-delay=\"600\" tabindex=\"0\">\r\n                <span class=\"viewri-categories-badge new\">New<\/span>\r\n                <i class=\"fab fa-tiktok viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/tiktok\" class=\"viewri-categories-link\">TikTok<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Videos, Profiles, Trends & Sounds<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- Reddit -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--reddit\" data-aos=\"fade-up\" data-aos-delay=\"700\" tabindex=\"0\">\r\n                <i class=\"fab fa-reddit viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/reddit\" class=\"viewri-categories-link\">Reddit<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Subreddits, Posts, Profiles & Comments<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Featured Tools Section -->\r\n<section class=\"viewri-featured-section\">\r\n    <!-- Abstract Background Shapes -->\r\n    <div class=\"viewri-featured-shape viewri-featured-shape-1\"><\/div>\r\n    <div class=\"viewri-featured-shape viewri-featured-shape-2\"><\/div>\r\n    <div class=\"viewri-featured-shape viewri-featured-shape-3\"><\/div>\r\n    \r\n    <div class=\"container\">\r\n        <!-- Section Header -->\r\n        <div class=\"viewri-featured-header\">\r\n            <h2 class=\"viewri-featured-title\">Most Popular Tools<\/h2>\r\n            <p class=\"viewri-featured-subtitle\">Jump into our most-used tools across Instagram, YouTube, TikTok, and more.<\/p>\r\n        <\/div>\r\n        \r\n        <!-- Category Filters -->\r\n        <div class=\"viewri-featured-filters\">\r\n            <div class=\"viewri-featured-filter active\">All<\/div>\r\n            <div class=\"viewri-featured-filter\">Instagram<\/div>\r\n            <div class=\"viewri-featured-filter\">Facebook<\/div>\r\n            <div class=\"viewri-featured-filter\">YouTube<\/div>\r\n            <div class=\"viewri-featured-filter\">TikTok<\/div>\r\n            <div class=\"viewri-featured-filter\">Reddit<\/div>\r\n            <div class=\"viewri-featured-filter\">LinkedIn<\/div>\r\n            <div class=\"viewri-featured-filter\">Pinterest<\/div>\r\n        <\/div>\r\n        \r\n        <!-- Tools Grid -->\r\n        <div class=\"viewri-featured-grid\">\r\n            <!-- Instagram Story Viewer -->\r\n            <a href=\"\/instagram\/story\" class=\"viewri-featured-tool\" data-platform=\"instagram\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-instagram\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Instagram Story Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag trending\">\ud83d\udd25 Trending<\/span>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">View stories anonymously<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Facebook Profile Viewer -->\r\n            <a href=\"\/facebook\/profile\/\" class=\"viewri-featured-tool\" data-platform=\"facebook\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-facebook\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Facebook Profile Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse profiles privately<\/div>\r\n            <\/a>\r\n            \r\n            <!-- YouTube Thumbnail Viewer -->\r\n            <a href=\"\/youtube\/thumbnail\/\" class=\"viewri-featured-tool\" data-platform=\"youtube\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-youtube\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">YouTube Thumbnail Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag new\">New<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Extract and view thumbnails<\/div>\r\n            <\/a>\r\n            \r\n            <!-- TikTok Video Viewer -->\r\n            <a href=\"\/tiktok\/video\/\" class=\"viewri-featured-tool\" data-platform=\"tiktok\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-tiktok\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">TikTok Video Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag trending\">\ud83d\udd25 Trending<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Watch videos without login<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Instagram Private Account Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"instagram\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-instagram\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Instagram Private Account Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Access private content<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Reddit Post Viewer -->\r\n            <a href=\"\/reddit\/post\/\" class=\"viewri-featured-tool\" data-platform=\"reddit\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-reddit\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Reddit Post Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag new\">New<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse posts anonymously<\/div>\r\n            <\/a>\r\n            \r\n            <!-- YouTube Dislikes Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"youtube\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-youtube\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">YouTube Dislikes Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag trending\">\ud83d\udd25 Trending<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">See hidden dislike counts<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Facebook Story Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"facebook\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-facebook\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Facebook Story Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">View stories privately<\/div>\r\n            <\/a>\r\n            \r\n            <!-- LinkedIn Profile Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"linkedin\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-linkedin\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">LinkedIn Profile Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag new\">New<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse profiles anonymously<\/div>\r\n            <\/a>\r\n            \r\n            <!-- TikTok Anonymous Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"tiktok\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-tiktok\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">TikTok Anonymous Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse TikTok anonymously<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Pinterest Image Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"pinterest\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-pinterest\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Pinterest Image Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag trending\">\ud83d\udd25 Trending<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">View pins without login<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Reddit Gallery Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"reddit\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-reddit\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Reddit Gallery Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag new\">New<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse image galleries<\/div>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <!-- Show More Button -->\r\n        <div class=\"viewri-featured-more\">\r\n            <button class=\"viewri-featured-more-btn\">\r\n                Show More Tools\r\n                <i class=\"fas fa-arrow-down ms-2\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Why Use Viewri Section -->\r\n<section class=\"viewri-why-section\">\r\n    <div class=\"container\">\r\n        <div class=\"viewri-why-grid\">\r\n            <!-- Left Column: Illustration -->\r\n            <div class=\"viewri-why-image-col\">\r\n                <div class=\"viewri-why-illustration\">\r\n                    <img decoding=\"async\" src=\"http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/Why-Use-Viewri.jpg\" alt=\"Social Media Privacy Shield\" class=\"viewri-why-vector-image\">\r\n                    <div class=\"viewri-why-overlay\">\r\n                        <div class=\"viewri-why-shield\">\r\n                            <i class=\"fas fa-shield-alt\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"viewri-why-platform-icons\">\r\n                            <i class=\"fab fa-instagram\"><\/i>\r\n                            <i class=\"fab fa-youtube\"><\/i>\r\n                            <i class=\"fab fa-tiktok\"><\/i>\r\n                            <i class=\"fab fa-facebook\"><\/i>\r\n                            <i class=\"fab fa-linkedin\"><\/i>\r\n                            <i class=\"fab fa-pinterest\"><\/i>\r\n                            <i class=\"fab fa-reddit\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Right Column: Content -->\r\n            <div class=\"viewri-why-content-col\">\r\n                <h2 class=\"viewri-why-title\">Why Use Viewri?<\/h2>\r\n                <p class=\"viewri-why-description\">\r\n                    Viewri is your all-in-one solution for anonymous social media viewing. Whether you're checking a story, downloading a thumbnail, viewing a private profile, or exploring content across multiple platforms \u2014 we make it fast, safe, and completely anonymous. No accounts, no tracking, no hassle.\r\n                <\/p>\r\n                \r\n                <ul class=\"viewri-why-benefits\">\r\n                    <li class=\"viewri-why-benefit\">\r\n                        <div class=\"viewri-why-icon\">\r\n                            <i class=\"fas fa-user-secret\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"viewri-why-text\">\r\n                            <strong>Anonymous Viewing<\/strong> \u2014 Browse any social media content without leaving a trace. No account creation, no login required, and absolutely no digital footprint. Your privacy is guaranteed with zero tracking or data collection.\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"viewri-why-benefit\">\r\n                        <div class=\"viewri-why-icon\">\r\n                            <i class=\"fas fa-bolt\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"viewri-why-text\">\r\n                            <strong>Lightning Fast & Lightweight<\/strong> \u2014 Our tools are optimized for speed and efficiency. Load any viewer in seconds, even on slow connections. No heavy downloads, no installations, and no system requirements. Just instant access when you need it.\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"viewri-why-benefit\">\r\n                        <div class=\"viewri-why-icon\">\r\n                            <i class=\"fas fa-globe\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"viewri-why-text\">\r\n                            <strong>Multi-Platform Support<\/strong> \u2014 Access specialized viewers for Instagram, Facebook, YouTube, TikTok, LinkedIn, Pinterest, Reddit, and more from one central hub. We continuously add support for new platforms to keep you covered.\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Testimonials Section -->\r\n<section class=\"viewri-testimonial-section\">\r\n    <div class=\"container\">\r\n        <div class=\"viewri-testimonial-header\">\r\n            <h2 class=\"viewri-testimonial-title\">What People Are Saying About Viewri<\/h2>\r\n            <p class=\"viewri-testimonial-subtitle\">From casual users to content researchers, Viewri is helping thousands view smarter and safer \u2014 here's what they're saying.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"viewri-testimonial-grid\">\r\n            <!-- Testimonial 1 -->\r\n            <div class=\"viewri-testimonial-card\">\r\n                <div class=\"viewri-testimonial-quote\">\r\n                    <i class=\"fas fa-quote-left viewri-testimonial-quote-icon\"><\/i>\r\n                    <p>Viewri is ridiculously useful. I never realized how often I needed to preview things without logging in \u2014 now I can't go a day without it.<\/p>\r\n                <\/div>\r\n                <div class=\"viewri-testimonial-author\">\r\n                    <div class=\"viewri-testimonial-avatar\">JH<\/div>\r\n                    <div class=\"viewri-testimonial-info\">\r\n                        <h4 class=\"viewri-testimonial-name\">Julia Hart<\/h4>\r\n                        <p class=\"viewri-testimonial-role\">UX Researcher at CreatorIQ<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Testimonial 2 -->\r\n            <div class=\"viewri-testimonial-card\">\r\n                <div class=\"viewri-testimonial-quote\">\r\n                    <i class=\"fas fa-quote-left viewri-testimonial-quote-icon\"><\/i>\r\n                    <p>As someone managing multiple client accounts, Viewri has become my silent assistant. Clean interface, zero hassle.<\/p>\r\n                <\/div>\r\n                <div class=\"viewri-testimonial-author\">\r\n                    <div class=\"viewri-testimonial-avatar\">ER<\/div>\r\n                    <div class=\"viewri-testimonial-info\">\r\n                        <h4 class=\"viewri-testimonial-name\">Ethan Rojas<\/h4>\r\n                        <p class=\"viewri-testimonial-role\">Social Media Analyst at WaveSpark<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Testimonial 3 -->\r\n            <div class=\"viewri-testimonial-card\">\r\n                <div class=\"viewri-testimonial-quote\">\r\n                    <i class=\"fas fa-quote-left viewri-testimonial-quote-icon\"><\/i>\r\n                    <p>I needed a YouTube thumbnail viewer for quick SEO checks \u2014 Viewri nailed it. Lightweight, fast, and free? Big win.<\/p>\r\n                <\/div>\r\n                <div class=\"viewri-testimonial-author\">\r\n                    <div class=\"viewri-testimonial-avatar\">SN<\/div>\r\n                    <div class=\"viewri-testimonial-info\">\r\n                        <h4 class=\"viewri-testimonial-name\">Sanae Nakamura<\/h4>\r\n                        <p class=\"viewri-testimonial-role\">Content Strategist at ClipPilot<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n <script>\r\n        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 800,\r\n            once: true,\r\n            offset: 50\r\n        });\r\n\t\t\t\r\n\t\t\t  \/\/ Category card click handler\r\n        document.querySelectorAll('.viewri-categories-item').forEach(item => {\r\n            item.addEventListener('click', function() {\r\n                const platform = this.querySelector('.viewri-categories-link').textContent.trim();\r\n                console.log(`Navigating to ${platform} tools`);\r\n                \/\/ Add navigation functionality here\r\n            });\r\n            \r\n            \/\/ Keyboard navigation\r\n            item.addEventListener('keypress', function(e) {\r\n                if (e.key === 'Enter') {\r\n                    const platform = this.querySelector('.viewri-categories-link').textContent.trim();\r\n                    console.log(`Navigating to ${platform} tools`);\r\n                    \/\/ Add navigation functionality here\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Prevent link click from triggering card click\r\n        document.querySelectorAll('.viewri-categories-link').forEach(link => {\r\n            link.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n        });\r\n\t\t\t\r\n\t\t\t\r\n\r\n    <\/script>\r\n\r\n<script>\r\n\/\/ Initialize Featured Tools Section\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Filter functionality\r\n    const filters = document.querySelectorAll('.viewri-featured-filter');\r\n    const tools = document.querySelectorAll('.viewri-featured-tool');\r\n    \r\n    filters.forEach(filter => {\r\n        filter.addEventListener('click', function() {\r\n            \/\/ Update active filter\r\n            filters.forEach(f => {\r\n                f.classList.remove('active');\r\n            });\r\n            this.classList.add('active');\r\n            \r\n            \/\/ Filter tools\r\n            const filterValue = this.textContent.trim();\r\n            \r\n            tools.forEach(tool => {\r\n                if (filterValue === 'All') {\r\n                    tool.style.display = 'flex';\r\n                } else {\r\n                    const platform = tool.getAttribute('data-platform');\r\n                    if (platform === filterValue.toLowerCase()) {\r\n                        tool.style.display = 'flex';\r\n                    } else {\r\n                        tool.style.display = 'none';\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    });\r\n    \r\n    \/\/ Tool click handler\r\n    tools.forEach(tool => {\r\n        tool.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            const toolName = this.querySelector('.viewri-featured-name').textContent.trim();\r\n            console.log('Selected tool:', toolName);\r\n            \/\/ Add your tool selection functionality here\r\n        });\r\n    });\r\n    \r\n    \/\/ Show More button handler\r\n    const showMoreBtn = document.querySelector('.viewri-featured-more-btn');\r\n    if (showMoreBtn) {\r\n        showMoreBtn.addEventListener('click', function() {\r\n            console.log('Loading more tools...');\r\n            \/\/ Add your show more functionality here\r\n        });\r\n    }\r\n    \r\n    \/\/ Add AOS-like animations\r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.1\r\n    };\r\n    \r\n    const observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.style.opacity = '1';\r\n                entry.target.style.transform = 'translateY(0)';\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    \/\/ Apply animation to elements\r\n    const animatedElements = document.querySelectorAll('.viewri-featured-header, .viewri-featured-filters, .viewri-featured-tool, .viewri-featured-more');\r\n    \r\n    animatedElements.forEach((el, index) => {\r\n        \/\/ Set initial state\r\n        el.style.opacity = '0';\r\n        el.style.transform = 'translateY(20px)';\r\n        el.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n        \r\n        \/\/ Observe element\r\n        observer.observe(el);\r\n    });\r\n});\r\n\t\r\n\t\r\n\t\/\/ Add animation on scroll\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Check if IntersectionObserver is available\r\n    if ('IntersectionObserver' in window) {\r\n        const observerOptions = {\r\n            root: null,\r\n            rootMargin: '0px',\r\n            threshold: 0.1\r\n        };\r\n        \r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n        \r\n        \/\/ Apply to elements\r\n        const animatedElements = document.querySelectorAll('.viewri-why-illustration, .viewri-why-title, .viewri-why-description, .viewri-why-benefit');\r\n        \r\n        animatedElements.forEach((el, index) => {\r\n            \/\/ Set initial state\r\n            el.style.opacity = '0';\r\n            el.style.transform = 'translateY(20px)';\r\n            el.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n            \r\n            \/\/ Observe element\r\n            observer.observe(el);\r\n        });\r\n    }\r\n    \r\n    \/\/ Add hover effect to platform icons\r\n    const platformIcons = document.querySelectorAll('.viewri-why-platform-icons i');\r\n    platformIcons.forEach(icon => {\r\n        icon.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateY(-5px) scale(1.1)';\r\n        });\r\n        \r\n        icon.addEventListener('mouseleave', function() {\r\n            this.style.transform = '';\r\n        });\r\n    });\r\n});\r\n\t\r\n\t\/\/ Add animation on scroll\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Check if IntersectionObserver is available\r\n    if ('IntersectionObserver' in window) {\r\n        const observerOptions = {\r\n            root: null,\r\n            rootMargin: '0px',\r\n            threshold: 0.1\r\n        };\r\n        \r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n        \r\n        \/\/ Apply to elements\r\n        const animatedElements = document.querySelectorAll('.viewri-testimonial-header, .viewri-testimonial-card');\r\n        \r\n        animatedElements.forEach((el, index) => {\r\n            \/\/ Set initial state\r\n            el.style.opacity = '0';\r\n            el.style.transform = 'translateY(20px)';\r\n            el.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n            \r\n            \/\/ Observe element\r\n            observer.observe(el);\r\n        });\r\n    }\r\n    \r\n    \/\/ Add hover effect to cards\r\n    const cards = document.querySelectorAll('.viewri-testimonial-card');\r\n    cards.forEach(card => {\r\n        card.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateY(-8px)';\r\n        });\r\n        \r\n        card.addEventListener('mouseleave', function() {\r\n            this.style.transform = '';\r\n        });\r\n    });\r\n});\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;80px||80px||true|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;#666666&#8243; text_font_size=&#8221;17px&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#333333&#8243; header_2_font_size=&#8221;40px&#8221; text_orientation=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<h2>Latest Guides &amp; Viewer Tips<\/h2>\n<p>Stay updated with tips, how-tos, and platform insights \u2014 all built around smarter, anonymous viewing.<\/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; 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_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;3&#8243; excerpt_length=&#8221;160&#8243; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_pagination=&#8221;off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_level=&#8221;h3&#8243; header_font_size=&#8221;24px&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; border_radii=&#8221;on|5px|5px|5px|5px&#8221; global_colors_info=&#8221;{}&#8221; header_text_color__hover_enabled=&#8221;on|hover&#8221; header_text_color__hover=&#8221;#5b5fde&#8221;][\/et_pb_blog][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][et_pb_column _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; type=&#8221;4_4&#8243;][ba_logo_carousel slide_count=&#8221;6&#8243; use_nav=&#8221;off&#8221; nav_height=&#8221;48px&#8221; nav_width=&#8221;48px&#8221; nav_color=&#8221;#ffffff&#8221; nav_bg=&#8221;#3979ff&#8221; icon_left=&#8221;&#xf104;||fa||900&#8243; icon_right=&#8221;&#xf105;||fa||900&#8243; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; animation_speed=&#8221;5000ms&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243; logo_height=&#8221;150px&#8221; logo_width=&#8221;150px&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; slide_count_last_edited=&#8221;on|phone&#8221; slide_count_phone=&#8221;4&#8243; slide_count_tablet=&#8221;6&#8243;][ba_logo_carousel_child logo=&#8221;http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/beffer-logo.png&#8221; _builder_version=&#8221;4.27.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;beffer-logo&#8221; sticky_enabled=&#8221;0&#8243;][\/ba_logo_carousel_child][ba_logo_carousel_child logo=&#8221;http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/loom-logo.png&#8221; _builder_version=&#8221;4.27.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;loom-logo&#8221; sticky_enabled=&#8221;0&#8243;][\/ba_logo_carousel_child][ba_logo_carousel_child logo=&#8221;http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/sprout-social.png&#8221; _builder_version=&#8221;4.27.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;sprout social&#8221; sticky_enabled=&#8221;0&#8243;][\/ba_logo_carousel_child][ba_logo_carousel_child logo=&#8221;http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/weglot-vr.png&#8221; _builder_version=&#8221;4.27.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;weglot-vr&#8221; sticky_enabled=&#8221;0&#8243;][\/ba_logo_carousel_child][ba_logo_carousel_child logo=&#8221;http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/typeform-logo-vr.png&#8221; _builder_version=&#8221;4.27.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;typeform-logo-vr&#8221; sticky_enabled=&#8221;0&#8243;][\/ba_logo_carousel_child][ba_logo_carousel_child logo=&#8221;http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/NordVPN.png&#8221; _builder_version=&#8221;4.27.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;NordVPN&#8221; sticky_enabled=&#8221;0&#8243;][\/ba_logo_carousel_child][\/ba_logo_carousel][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p><style>\r\n    \r\n    \/* Hero Section *\/\r\n    .viewri-home-hero {\r\n        background: linear-gradient(135deg, #F8F9FF 0%, #E6EEFF 100%);\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 100px 0;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Abstract Background Shapes *\/\r\n    .viewri-home-shape {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        opacity: 0.4;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .viewri-home-shape-1 {\r\n        width: 400px;\r\n        height: 400px;\r\n        background: #5B5FDE;\r\n        top: -100px;\r\n        left: -100px;\r\n        animation: float 15s ease-in-out infinite;\r\n    }\r\n    \r\n    .viewri-home-shape-2 {\r\n        width: 300px;\r\n        height: 300px;\r\n        background: #7C83FD;\r\n        bottom: -50px;\r\n        right: -50px;\r\n        animation: float 12s ease-in-out infinite reverse;\r\n    }\r\n    \r\n    .viewri-home-shape-3 {\r\n        width: 250px;\r\n        height: 250px;\r\n        background: #FF6B6B;\r\n        top: 50%;\r\n        left: 60%;\r\n        animation: float 18s ease-in-out infinite;\r\n    }\r\n    \r\n    @keyframes float {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        33% { transform: translateY(-20px) rotate(5deg); }\r\n        66% { transform: translateY(20px) rotate(-5deg); }\r\n    }\r\n    \r\n    \/* Content Styling *\/\r\n    .viewri-home-content {\r\n        position: relative;\r\n        z-index: 1;\r\n        text-align: center;\r\n    }\r\n    \r\n    .viewri-home-headline {\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n        margin-bottom: 1.5rem;\r\n        background: linear-gradient(135deg, #5B5FDE 0%, #FF6B6B 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n    \r\n    .viewri-home-subheadline {\r\n        font-size: clamp(1rem, 2vw, 1.25rem);\r\n        font-weight: 400;\r\n        color: #666;\r\n        margin-bottom: 2.5rem;\r\n        max-width: 600px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n    \r\n    \/* CTA Buttons *\/\r\n    .viewri-home-cta-container {\r\n        display: flex;\r\n        gap: 1rem;\r\n        justify-content: center;\r\n        margin-bottom: 3rem;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .viewri-home-btn {\r\n        padding: 14px 32px;\r\n        border-radius: 8px;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        border: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .viewri-home-btn::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: rgba(255, 255, 255, 0.2);\r\n        transform: translateX(-100%);\r\n        transition: transform 0.5s ease;\r\n    }\r\n    \r\n    .viewri-home-btn:hover::before {\r\n        transform: translateX(0);\r\n    }\r\n    \r\n    .viewri-home-btn-primary {\r\n        background: #5B5FDE;\r\n        color: white;\r\n        box-shadow: 0 4px 15px rgba(91, 95, 222, 0.2);\r\n    }\r\n    \r\n    .viewri-home-btn-primary:hover {\r\n        background: #4B4FCE;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(91, 95, 222, 0.3);\r\n        color: white;\r\n    }\r\n    \r\n    .viewri-home-btn-secondary {\r\n        background: white;\r\n        color: #5B5FDE;\r\n        border: 2px solid #5B5FDE;\r\n    }\r\n    \r\n    .viewri-home-btn-secondary:hover {\r\n        background: #5B5FDE;\r\n        color: white;\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    \/* Category Pills *\/\r\n    .viewri-home-categories {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 0.75rem;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n    \r\n    .viewri-home-category-pill {\r\n        padding: 8px 16px;\r\n        background: #F0F2FF;\r\n        color: #5B5FDE;\r\n        border-radius: 50px;\r\n        font-size: 0.875rem;\r\n        font-weight: 500;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        border: 1px solid transparent;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    \r\n    .viewri-home-category-pill:hover {\r\n        background: #E0E4FF;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 10px rgba(91, 95, 222, 0.1);\r\n    }\r\n    \r\n    \/* Trust Badges *\/\r\n    .viewri-home-trust-badges {\r\n        font-size: 0.875rem;\r\n        color: #666;\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 1.5rem;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .viewri-home-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n    }\r\n    \r\n    .viewri-home-badge-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        background: #4CAF50;\r\n        border-radius: 50%;\r\n        display: inline-block;\r\n    }\r\n    \r\n    \/* Categories Section *\/\r\n    .viewri-categories-section {\r\n        padding: 80px 0;\r\n        background-color: #fff;\r\n    }\r\n    \r\n    .viewri-categories-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n    \r\n    .viewri-categories-title {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        margin-bottom: 16px;\r\n        color: #333;\r\n    }\r\n    \r\n    .viewri-categories-description {\r\n        font-size: clamp(1rem, 2vw, 1.1rem);\r\n        color: #666;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    \/* Categories Grid *\/\r\n    .viewri-categories-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 24px;\r\n    }\r\n    \r\n    \/* Category Card *\/\r\n    .viewri-categories-item {\r\n        background: #fff;\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n        padding: 30px;\r\n        text-align: center;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-height: 220px;\r\n    }\r\n    \r\n    .viewri-categories-item::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 5px;\r\n        background: linear-gradient(90deg, #5B5FDE, #FF6B6B);\r\n        transform: translateX(-100%);\r\n        transition: transform 0.4s ease;\r\n    }\r\n    \r\n    .viewri-categories-item:hover::before {\r\n        transform: translateX(0);\r\n    }\r\n    \r\n    .viewri-categories-item:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);\r\n    }\r\n    \r\n    \/* Category Icon *\/\r\n    .viewri-categories-icon {\r\n        font-size: 3rem;\r\n        margin-bottom: 16px;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .viewri-categories-item:hover .viewri-categories-icon {\r\n        transform: scale(1.1);\r\n    }\r\n    \r\n    \/* Platform-specific icon colors *\/\r\n    .viewri-categories-item--instagram .viewri-categories-icon {\r\n        color: #E4405F;\r\n    }\r\n    \r\n    .viewri-categories-item--facebook .viewri-categories-icon {\r\n        color: #1877F2;\r\n    }\r\n    \r\n    .viewri-categories-item--youtube .viewri-categories-icon {\r\n        color: #FF0000;\r\n    }\r\n    \r\n    .viewri-categories-item--linkedin .viewri-categories-icon {\r\n        color: #0077B5;\r\n    }\r\n    \r\n    .viewri-categories-item--pinterest .viewri-categories-icon {\r\n        color: #E60023;\r\n    }\r\n    \r\n    .viewri-categories-item--tiktok .viewri-categories-icon {\r\n        color: #000000;\r\n    }\r\n    \r\n    .viewri-categories-item--reddit .viewri-categories-icon {\r\n        color: #FF4500;\r\n    }\r\n    \r\n    \/* Category Heading *\/\r\n    .viewri-categories-heading {\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        margin-bottom: 8px;\r\n        color: #333;\r\n    }\r\n    \r\n    .viewri-categories-link {\r\n        text-decoration: none;\r\n        color: inherit;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n    }\r\n    \r\n    .viewri-categories-link::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: 0;\r\n        width: 0;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #5B5FDE, #FF6B6B);\r\n        transition: width 0.3s ease;\r\n    }\r\n    \r\n    .viewri-categories-item:hover .viewri-categories-link::after {\r\n        width: 100%;\r\n    }\r\n    \r\n    \/* Category Description *\/\r\n    .viewri-categories-description-text {\r\n        font-size: 1rem;\r\n        color: #666;\r\n        margin-bottom: 16px;\r\n    }\r\n    \r\n    \/* Tool Count *\/\r\n    .viewri-categories-tool-count {\r\n        font-size: 0.875rem;\r\n        color: #999;\r\n        margin-top: auto;\r\n    }\r\n    \r\n    \/* Badge *\/\r\n    .viewri-categories-badge {\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 12px;\r\n        background: #FF6B6B;\r\n        color: white;\r\n        padding: 4px 10px;\r\n        border-radius: 12px;\r\n        font-size: 0.7rem;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n    }\r\n    \r\n    .viewri-categories-badge.new {\r\n        background: #5B5FDE;\r\n    }\r\n    \r\n    \/* Featured Section *\/\r\n    .viewri-featured-section {\r\n        padding: 80px 0;\r\n        background: linear-gradient(135deg, #eef2ff 0%, #e0f7fa 100%);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Abstract Background Shapes *\/\r\n    .viewri-featured-shape {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        opacity: 0.15;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .viewri-featured-shape-1 {\r\n        width: 400px;\r\n        height: 400px;\r\n        background: #5B5FDE;\r\n        top: -100px;\r\n        left: -100px;\r\n    }\r\n    \r\n    .viewri-featured-shape-2 {\r\n        width: 300px;\r\n        height: 300px;\r\n        background: #FF6B6B;\r\n        bottom: -50px;\r\n        right: -50px;\r\n    }\r\n    \r\n    .viewri-featured-shape-3 {\r\n        width: 250px;\r\n        height: 250px;\r\n        background: #4CAF50;\r\n        top: 50%;\r\n        left: 60%;\r\n    }\r\n    \r\n    \/* Section Header *\/\r\n    .viewri-featured-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    .viewri-featured-title {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        margin-bottom: 16px;\r\n        color: #333;\r\n    }\r\n    \r\n    .viewri-featured-subtitle {\r\n        font-size: clamp(1rem, 2vw, 1.1rem);\r\n        color: #555;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    \/* Category Filters *\/\r\n    .viewri-featured-filters {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        margin-bottom: 40px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .viewri-featured-filter {\r\n        padding: 8px 20px;\r\n        background: rgba(255, 255, 255, 0.7);\r\n        backdrop-filter: blur(10px);\r\n        border-radius: 30px;\r\n        font-size: 0.9rem;\r\n        font-weight: 500;\r\n        color: #555;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        border: 1px solid rgba(255, 255, 255, 0.5);\r\n    }\r\n    \r\n    .viewri-featured-filter:hover {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n    }\r\n    \r\n    .viewri-featured-filter.active {\r\n        background: #5B5FDE;\r\n        color: white;\r\n        border-color: #5B5FDE;\r\n    }\r\n    \r\n    \/* Tools Grid *\/\r\n    .viewri-featured-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n        gap: 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    \/* Tool Card *\/\r\n    .viewri-featured-tool {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        border-radius: 12px;\r\n        padding: 16px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        text-decoration: none;\r\n        color: #333;\r\n        transition: all 0.3s ease;\r\n        border: 1px solid rgba(255, 255, 255, 0.5);\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n        position: relative;\r\n        overflow: hidden;\r\n        min-height: 80px;\r\n    }\r\n    \r\n    .viewri-featured-tool::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 4px;\r\n        height: 100%;\r\n        background: linear-gradient(to bottom, #5B5FDE, #FF6B6B);\r\n        transform: scaleY(0);\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .viewri-featured-tool:hover::before {\r\n        transform: scaleY(1);\r\n    }\r\n    \r\n    .viewri-featured-tool:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n        background: rgba(255, 255, 255, 0.95);\r\n    }\r\n    \r\n    \/* Tool Icon *\/\r\n    .viewri-featured-icon {\r\n        font-size: 1.5rem;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 10px;\r\n        background: rgba(91, 95, 222, 0.1);\r\n        color: #5B5FDE;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    \/* Platform-specific icon colors *\/\r\n    .viewri-featured-tool[data-platform=\"instagram\"] .viewri-featured-icon {\r\n        background: rgba(228, 64, 95, 0.1);\r\n        color: #E4405F;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"facebook\"] .viewri-featured-icon {\r\n        background: rgba(24, 119, 242, 0.1);\r\n        color: #1877F2;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"youtube\"] .viewri-featured-icon {\r\n        background: rgba(255, 0, 0, 0.1);\r\n        color: #FF0000;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"tiktok\"] .viewri-featured-icon {\r\n        background: rgba(0, 0, 0, 0.1);\r\n        color: #000000;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"reddit\"] .viewri-featured-icon {\r\n        background: rgba(255, 69, 0, 0.1);\r\n        color: #FF4500;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"linkedin\"] .viewri-featured-icon {\r\n        background: rgba(0, 119, 181, 0.1);\r\n        color: #0077B5;\r\n    }\r\n    \r\n    .viewri-featured-tool[data-platform=\"pinterest\"] .viewri-featured-icon {\r\n        background: rgba(230, 0, 35, 0.1);\r\n        color: #E60023;\r\n    }\r\n    \r\n    \/* Tool Content *\/\r\n    .viewri-featured-content {\r\n        flex-grow: 1;\r\n    }\r\n    \r\n    .viewri-featured-name {\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n        margin-bottom: 4px;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .viewri-featured-tool:hover .viewri-featured-name {\r\n        background: linear-gradient(90deg, #5B5FDE, #FF6B6B);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n    \r\n    \/* Tool Tags *\/\r\n    .viewri-featured-tag {\r\n        font-size: 0.75rem;\r\n        padding: 2px 8px;\r\n        border-radius: 10px;\r\n        font-weight: 500;\r\n        display: inline-block;\r\n        margin-right: 6px;\r\n    }\r\n    \r\n    .viewri-featured-tag.trending {\r\n        background: #FF6B6B;\r\n        color: white;\r\n    }\r\n    \r\n    .viewri-featured-tag.new {\r\n        background: #5B5FDE;\r\n        color: white;\r\n    }\r\n    \r\n    .viewri-featured-tag.anonymous {\r\n        background: #4CAF50;\r\n        color: white;\r\n    }\r\n    \r\n    \/* Tooltip *\/\r\n    .viewri-featured-tooltip {\r\n        position: absolute;\r\n        background: rgba(0, 0, 0, 0.8);\r\n        color: white;\r\n        padding: 6px 12px;\r\n        border-radius: 6px;\r\n        font-size: 0.8rem;\r\n        white-space: nowrap;\r\n        z-index: 10;\r\n        pointer-events: none;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        bottom: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        margin-bottom: 8px;\r\n    }\r\n    \r\n    .viewri-featured-tooltip::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        border-width: 6px;\r\n        border-style: solid;\r\n        border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;\r\n    }\r\n    \r\n    .viewri-featured-tool:hover .viewri-featured-tooltip {\r\n        opacity: 1;\r\n    }\r\n    \r\n    \/* Show More Button *\/\r\n    .viewri-featured-more {\r\n        text-align: center;\r\n        margin-top: 40px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .viewri-featured-more-btn {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 255, 0.5);\r\n        color: #5B5FDE;\r\n        padding: 12px 30px;\r\n        border-radius: 30px;\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n        cursor: pointer;\r\n    }\r\n    \r\n    .viewri-featured-more-btn:hover {\r\n        background: #5B5FDE;\r\n        color: white;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 25px rgba(91, 95, 222, 0.2);\r\n    }\r\n    \r\n    \/* Why Use Viewri Section *\/\r\n    .viewri-why-section {\r\n        background-color: #fff;\r\n        padding: 80px 0;\r\n    }\r\n    \r\n    .viewri-why-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n    }\r\n    \r\n    \/* Left Column: Illustration *\/\r\n    .viewri-why-image-col {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n    \r\n    .viewri-why-illustration {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 450px;\r\n        height: 450px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n    \r\n    .viewri-why-vector-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        opacity: 0.15;\r\n        position: absolute;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .viewri-why-overlay {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    \r\n    .viewri-why-shield {\r\n        width: 120px;\r\n        height: 120px;\r\n        background: linear-gradient(135deg, #5B5FDE 0%, #FF6B6B 100%);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin-bottom: 30px;\r\n        box-shadow: 0 10px 30px rgba(91, 95, 222, 0.3);\r\n        animation: pulse 2s infinite;\r\n    }\r\n    \r\n    .viewri-why-shield i {\r\n        font-size: 3rem;\r\n        color: white;\r\n    }\r\n    \r\n    .viewri-why-platform-icons {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        max-width: 300px;\r\n    }\r\n    \r\n    .viewri-why-platform-icons i {\r\n        font-size: 2rem;\r\n        padding: 10px;\r\n        border-radius: 12px;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(1) {\r\n        color: #E4405F;\r\n        background: rgba(228, 64, 95, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(2) {\r\n        color: #FF0000;\r\n        background: rgba(255, 0, 0, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(3) {\r\n        color: #000000;\r\n        background: rgba(0, 0, 0, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(4) {\r\n        color: #1877F2;\r\n        background: rgba(24, 119, 242, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(5) {\r\n        color: #0077B5;\r\n        background: rgba(0, 119, 181, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(6) {\r\n        color: #E60023;\r\n        background: rgba(230, 0, 35, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:nth-child(7) {\r\n        color: #FF4500;\r\n        background: rgba(255, 69, 0, 0.1);\r\n    }\r\n    \r\n    .viewri-why-platform-icons i:hover {\r\n        transform: translateY(-5px) scale(1.1);\r\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n    }\r\n    \r\n    @keyframes pulse {\r\n        0% {\r\n            transform: scale(1);\r\n            box-shadow: 0 10px 30px rgba(91, 95, 222, 0.3);\r\n        }\r\n        50% {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 15px 40px rgba(91, 95, 222, 0.4);\r\n        }\r\n        100% {\r\n            transform: scale(1);\r\n            box-shadow: 0 10px 30px rgba(91, 95, 222, 0.3);\r\n        }\r\n    }\r\n    \r\n    \/* Right Column: Content *\/\r\n    .viewri-why-title {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n        color: #333;\r\n    }\r\n    \r\n    .viewri-why-description {\r\n        font-size: clamp(1rem, 2vw, 1.1rem);\r\n        font-weight: 500;\r\n        color: #555;\r\n        margin-bottom: 30px;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    .viewri-why-benefits {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .viewri-why-benefit {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        margin-bottom: 25px;\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        background: rgba(91, 95, 222, 0.03);\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .viewri-why-benefit:hover {\r\n        background: rgba(91, 95, 222, 0.08);\r\n        transform: translateX(5px);\r\n    }\r\n    \r\n    .viewri-why-icon {\r\n        margin-right: 15px;\r\n        width: 45px;\r\n        height: 45px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(135deg, #5B5FDE 0%, #7C83FD 100%);\r\n        color: white;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-shrink: 0;\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .viewri-why-text {\r\n        font-size: 1rem;\r\n        color: #444;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    .viewri-why-text strong {\r\n        color: #333;\r\n        font-weight: 600;\r\n        display: block;\r\n        margin-bottom: 5px;\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    \/* Testimonials Section *\/\r\n    .viewri-testimonial-section {\r\n        padding: 80px 0;\r\n        background: linear-gradient(135deg, #f5f9ff 0%, #eaf3ff 100%);\r\n    }\r\n    \r\n    .viewri-testimonial-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n    \r\n    .viewri-testimonial-title {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        color: #333;\r\n        margin-bottom: 16px;\r\n    }\r\n    \r\n    .viewri-testimonial-subtitle {\r\n        font-size: clamp(1rem, 2vw, 1.1rem);\r\n        color: #555;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    \/* Testimonial Grid *\/\r\n    .viewri-testimonial-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n    }\r\n    \r\n    \/* Testimonial Card *\/\r\n    .viewri-testimonial-card {\r\n        background: white;\r\n        border-radius: 16px;\r\n        padding: 30px;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .viewri-testimonial-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 5px;\r\n        background: linear-gradient(90deg, #5B5FDE, #FF6B6B);\r\n        transform: translateX(-100%);\r\n        transition: transform 0.5s ease;\r\n    }\r\n    \r\n    .viewri-testimonial-card:hover::before {\r\n        transform: translateX(0);\r\n    }\r\n    \r\n    .viewri-testimonial-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);\r\n    }\r\n    \r\n    \/* Quote *\/\r\n    .viewri-testimonial-quote {\r\n        position: relative;\r\n        margin-bottom: 30px;\r\n        flex-grow: 1;\r\n    }\r\n    \r\n    .viewri-testimonial-quote-icon {\r\n        position: absolute;\r\n        top: -10px;\r\n        left: -10px;\r\n        font-size: 1.5rem;\r\n        color: rgba(91, 95, 222, 0.15);\r\n    }\r\n    \r\n    .viewri-testimonial-quote p {\r\n        font-size: 1rem;\r\n        color: #444;\r\n        line-height: 1.7;\r\n        margin: 0;\r\n        padding-left: 20px;\r\n    }\r\n    \r\n    \/* Author *\/\r\n    .viewri-testimonial-author {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .viewri-testimonial-avatar {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(135deg, #5B5FDE 0%, #FF6B6B 100%);\r\n        color: white;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-weight: 700;\r\n        font-size: 1.2rem;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .viewri-testimonial-info {\r\n        flex-grow: 1;\r\n    }\r\n    \r\n    .viewri-testimonial-name {\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        color: #333;\r\n        margin: 0 0 5px 0;\r\n    }\r\n    \r\n    .viewri-testimonial-role {\r\n        font-size: 0.9rem;\r\n        color: #666;\r\n        margin: 0;\r\n    }\r\n    \r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .viewri-why-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n        \r\n        .viewri-why-image-col {\r\n            order: 1;\r\n        }\r\n        \r\n        .viewri-why-content-col {\r\n            order: 2;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .viewri-home-cta-container {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        \r\n        .viewri-home-btn {\r\n            width: 100%;\r\n            max-width: 300px;\r\n        }\r\n        \r\n        .viewri-featured-grid {\r\n            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 576px) {\r\n        .viewri-home-hero {\r\n            padding: 60px 0;\r\n        }\r\n        \r\n        .viewri-categories-section,\r\n        .viewri-featured-section,\r\n        .viewri-why-section,\r\n        .viewri-testimonial-section {\r\n            padding: 60px 0;\r\n        }\r\n        \r\n        .viewri-why-illustration {\r\n            max-width: 350px;\r\n            height: 350px;\r\n        }\r\n        \r\n        .viewri-why-shield {\r\n            width: 100px;\r\n            height: 100px;\r\n        }\r\n        \r\n        .viewri-why-shield i {\r\n            font-size: 2.5rem;\r\n        }\r\n        \r\n        .viewri-why-platform-icons i {\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .viewri-why-benefit {\r\n            padding: 15px;\r\n        }\r\n        \r\n        .viewri-why-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n        \r\n        .viewri-testimonial-card {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .viewri-testimonial-quote p {\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .viewri-testimonial-avatar {\r\n            width: 50px;\r\n            height: 50px;\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n    \r\n    \/* Focus States *\/\r\n    .viewri-categories-item:focus,\r\n    .viewri-categories-link:focus,\r\n    .viewri-featured-filter:focus,\r\n    .viewri-featured-tool:focus,\r\n    .viewri-featured-more-btn:focus {\r\n        outline: 2px solid #5B5FDE;\r\n        outline-offset: 2px;\r\n    }\r\n    \r\n    \/* Loading Animation *\/\r\n    .viewri-loading {\r\n        display: inline-block;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 3px solid rgba(91, 95, 222, 0.3);\r\n        border-radius: 50%;\r\n        border-top-color: #5B5FDE;\r\n        animation: spin 1s ease-in-out infinite;\r\n    }\r\n    \r\n    @keyframes spin {\r\n        to { transform: rotate(360deg); }\r\n    }\r\n<\/style>\r\n\r\n<!-- Hero Section -->\r\n<section class=\"viewri-home-hero\">\r\n    <!-- Abstract Background Shapes -->\r\n    <div class=\"viewri-home-shape viewri-home-shape-1\"><\/div>\r\n    <div class=\"viewri-home-shape viewri-home-shape-2\"><\/div>\r\n    <div class=\"viewri-home-shape viewri-home-shape-3\"><\/div>\r\n    \r\n    <!-- Main Content -->\r\n    <div class=\"container\">\r\n        <div class=\"viewri-home-content\">\r\n            <h1 class=\"viewri-home-headline\" data-aos=\"fade-up\">\r\n                Viewri Explore Social Media Anonymously\r\n            <\/h1>\r\n            <p class=\"viewri-home-subheadline\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Browse social media content privately without leaving traces or logging in\r\n            <\/p>\r\n            \r\n            <div class=\"viewri-home-cta-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <a href=\"#\" class=\"viewri-home-btn viewri-home-btn-primary\">\r\n                    <i class=\"fas fa-tools me-2\"><\/i>\r\n                    Browse All Tools\r\n                <\/a>\r\n                <a href=\"#\" class=\"viewri-home-btn viewri-home-btn-secondary\">\r\n                    <i class=\"fas fa-eye me-2\"><\/i>\r\n                    Start Viewing\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"viewri-home-categories\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-instagram me-1\"><\/i> Instagram\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-facebook me-1\"><\/i> Facebook\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-youtube me-1\"><\/i> YouTube\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-tiktok me-1\"><\/i> TikTok\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-twitter me-1\"><\/i> Twitter\r\n                <\/span>\r\n                <span class=\"viewri-home-category-pill\">\r\n                    <i class=\"fab fa-linkedin me-1\"><\/i> LinkedIn\r\n                <\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"viewri-home-trust-badges\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <span class=\"viewri-home-badge\">\r\n                    <span class=\"viewri-home-badge-icon\"><\/span>\r\n                    Anonymous\r\n                <\/span>\r\n                <span class=\"viewri-home-badge\">\r\n                    <span class=\"viewri-home-badge-icon\"><\/span>\r\n                    No Login\r\n                <\/span>\r\n                <span class=\"viewri-home-badge\">\r\n                    <span class=\"viewri-home-badge-icon\"><\/span>\r\n                    Free Access\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Categories Section -->\r\n<section class=\"viewri-categories-section\">\r\n    <div class=\"container\">\r\n        <div class=\"viewri-categories-header\" data-aos=\"fade-up\">\r\n            <h2 class=\"viewri-categories-title\">Explore Viewers by Platform<\/h2>\r\n            <p class=\"viewri-categories-description\">Choose a platform to start viewing anonymously.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"viewri-categories-grid\">\r\n            <!-- Instagram -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--instagram\" data-aos=\"fade-up\" data-aos-delay=\"100\" tabindex=\"0\">\r\n                <span class=\"viewri-categories-badge\">Popular<\/span>\r\n                <i class=\"fab fa-instagram viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/instagram\/\" class=\"viewri-categories-link\">Instagram<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Stories, Posts, Highlights & More<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- Facebook -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--facebook\" data-aos=\"fade-up\" data-aos-delay=\"200\" tabindex=\"0\">\r\n                <i class=\"fab fa-facebook viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/facebook\" class=\"viewri-categories-link\">Facebook<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Profiles, Videos, Photos & Groups<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- YouTube -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--youtube\" data-aos=\"fade-up\" data-aos-delay=\"300\" tabindex=\"0\">\r\n                <i class=\"fab fa-youtube viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/youtube\" class=\"viewri-categories-link\">YouTube<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Videos, Channels, Playlists & More<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- LinkedIn -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--linkedin\" data-aos=\"fade-up\" data-aos-delay=\"400\" tabindex=\"0\">\r\n                <i class=\"fab fa-linkedin viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/linkedin\" class=\"viewri-categories-link\">LinkedIn<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Profiles, Companies, Posts & Articles<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- Pinterest -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--pinterest\" data-aos=\"fade-up\" data-aos-delay=\"500\" tabindex=\"0\">\r\n                <i class=\"fab fa-pinterest viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/pinterest\" class=\"viewri-categories-link\">Pinterest<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Pins, Boards, Profiles & Secret Boards<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- TikTok -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--tiktok\" data-aos=\"fade-up\" data-aos-delay=\"600\" tabindex=\"0\">\r\n                <span class=\"viewri-categories-badge new\">New<\/span>\r\n                <i class=\"fab fa-tiktok viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/tiktok\" class=\"viewri-categories-link\">TikTok<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Videos, Profiles, Trends & Sounds<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n            \r\n            <!-- Reddit -->\r\n            <div class=\"viewri-categories-item viewri-categories-item--reddit\" data-aos=\"fade-up\" data-aos-delay=\"700\" tabindex=\"0\">\r\n                <i class=\"fab fa-reddit viewri-categories-icon\" aria-hidden=\"true\"><\/i>\r\n                <h3 class=\"viewri-categories-heading\">\r\n                    <a href=\"\/reddit\" class=\"viewri-categories-link\">Reddit<\/a>\r\n                <\/h3>\r\n                <p class=\"viewri-categories-description-text\">Subreddits, Posts, Profiles & Comments<\/p>\r\n                <div class=\"viewri-categories-tool-count\">8 tools<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Featured Tools Section -->\r\n<section class=\"viewri-featured-section\">\r\n    <!-- Abstract Background Shapes -->\r\n    <div class=\"viewri-featured-shape viewri-featured-shape-1\"><\/div>\r\n    <div class=\"viewri-featured-shape viewri-featured-shape-2\"><\/div>\r\n    <div class=\"viewri-featured-shape viewri-featured-shape-3\"><\/div>\r\n    \r\n    <div class=\"container\">\r\n        <!-- Section Header -->\r\n        <div class=\"viewri-featured-header\">\r\n            <h2 class=\"viewri-featured-title\">Most Popular Tools<\/h2>\r\n            <p class=\"viewri-featured-subtitle\">Jump into our most-used tools across Instagram, YouTube, TikTok, and more.<\/p>\r\n        <\/div>\r\n        \r\n        <!-- Category Filters -->\r\n        <div class=\"viewri-featured-filters\">\r\n            <div class=\"viewri-featured-filter active\">All<\/div>\r\n            <div class=\"viewri-featured-filter\">Instagram<\/div>\r\n            <div class=\"viewri-featured-filter\">Facebook<\/div>\r\n            <div class=\"viewri-featured-filter\">YouTube<\/div>\r\n            <div class=\"viewri-featured-filter\">TikTok<\/div>\r\n            <div class=\"viewri-featured-filter\">Reddit<\/div>\r\n            <div class=\"viewri-featured-filter\">LinkedIn<\/div>\r\n            <div class=\"viewri-featured-filter\">Pinterest<\/div>\r\n        <\/div>\r\n        \r\n        <!-- Tools Grid -->\r\n        <div class=\"viewri-featured-grid\">\r\n            <!-- Instagram Story Viewer -->\r\n            <a href=\"\/instagram\/story\" class=\"viewri-featured-tool\" data-platform=\"instagram\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-instagram\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Instagram Story Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag trending\">\ud83d\udd25 Trending<\/span>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">View stories anonymously<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Facebook Profile Viewer -->\r\n            <a href=\"\/facebook\/profile\/\" class=\"viewri-featured-tool\" data-platform=\"facebook\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-facebook\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Facebook Profile Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse profiles privately<\/div>\r\n            <\/a>\r\n            \r\n            <!-- YouTube Thumbnail Viewer -->\r\n            <a href=\"\/youtube\/thumbnail\/\" class=\"viewri-featured-tool\" data-platform=\"youtube\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-youtube\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">YouTube Thumbnail Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag new\">New<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Extract and view thumbnails<\/div>\r\n            <\/a>\r\n            \r\n            <!-- TikTok Video Viewer -->\r\n            <a href=\"\/tiktok\/video\/\" class=\"viewri-featured-tool\" data-platform=\"tiktok\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-tiktok\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">TikTok Video Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag trending\">\ud83d\udd25 Trending<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Watch videos without login<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Instagram Private Account Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"instagram\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-instagram\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Instagram Private Account Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Access private content<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Reddit Post Viewer -->\r\n            <a href=\"\/reddit\/post\/\" class=\"viewri-featured-tool\" data-platform=\"reddit\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-reddit\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Reddit Post Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag new\">New<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse posts anonymously<\/div>\r\n            <\/a>\r\n            \r\n            <!-- YouTube Dislikes Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"youtube\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-youtube\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">YouTube Dislikes Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag trending\">\ud83d\udd25 Trending<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">See hidden dislike counts<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Facebook Story Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"facebook\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-facebook\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Facebook Story Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">View stories privately<\/div>\r\n            <\/a>\r\n            \r\n            <!-- LinkedIn Profile Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"linkedin\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-linkedin\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">LinkedIn Profile Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag new\">New<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse profiles anonymously<\/div>\r\n            <\/a>\r\n            \r\n            <!-- TikTok Anonymous Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"tiktok\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-tiktok\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">TikTok Anonymous Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag anonymous\">Anonymous<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse TikTok anonymously<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Pinterest Image Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"pinterest\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-pinterest\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Pinterest Image Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag trending\">\ud83d\udd25 Trending<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">View pins without login<\/div>\r\n            <\/a>\r\n            \r\n            <!-- Reddit Gallery Viewer -->\r\n            <a href=\"#\" class=\"viewri-featured-tool\" data-platform=\"reddit\">\r\n                <div class=\"viewri-featured-icon\">\r\n                    <i class=\"fab fa-reddit\"><\/i>\r\n                <\/div>\r\n                <div class=\"viewri-featured-content\">\r\n                    <div class=\"viewri-featured-name\">Reddit Gallery Viewer<\/div>\r\n                    <div>\r\n                        <span class=\"viewri-featured-tag new\">New<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"viewri-featured-tooltip\">Browse image galleries<\/div>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <!-- Show More Button -->\r\n        <div class=\"viewri-featured-more\">\r\n            <button class=\"viewri-featured-more-btn\">\r\n                Show More Tools\r\n                <i class=\"fas fa-arrow-down ms-2\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Why Use Viewri Section -->\r\n<section class=\"viewri-why-section\">\r\n    <div class=\"container\">\r\n        <div class=\"viewri-why-grid\">\r\n            <!-- Left Column: Illustration -->\r\n            <div class=\"viewri-why-image-col\">\r\n                <div class=\"viewri-why-illustration\">\r\n                    <img decoding=\"async\" src=\"http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/Why-Use-Viewri.jpg\" alt=\"Social Media Privacy Shield\" class=\"viewri-why-vector-image\">\r\n                    <div class=\"viewri-why-overlay\">\r\n                        <div class=\"viewri-why-shield\">\r\n                            <i class=\"fas fa-shield-alt\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"viewri-why-platform-icons\">\r\n                            <i class=\"fab fa-instagram\"><\/i>\r\n                            <i class=\"fab fa-youtube\"><\/i>\r\n                            <i class=\"fab fa-tiktok\"><\/i>\r\n                            <i class=\"fab fa-facebook\"><\/i>\r\n                            <i class=\"fab fa-linkedin\"><\/i>\r\n                            <i class=\"fab fa-pinterest\"><\/i>\r\n                            <i class=\"fab fa-reddit\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Right Column: Content -->\r\n            <div class=\"viewri-why-content-col\">\r\n                <h2 class=\"viewri-why-title\">Why Use Viewri?<\/h2>\r\n                <p class=\"viewri-why-description\">\r\n                    Viewri is your all-in-one solution for anonymous social media viewing. Whether you're checking a story, downloading a thumbnail, viewing a private profile, or exploring content across multiple platforms \u2014 we make it fast, safe, and completely anonymous. No accounts, no tracking, no hassle.\r\n                <\/p>\r\n                \r\n                <ul class=\"viewri-why-benefits\">\r\n                    <li class=\"viewri-why-benefit\">\r\n                        <div class=\"viewri-why-icon\">\r\n                            <i class=\"fas fa-user-secret\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"viewri-why-text\">\r\n                            <strong>Anonymous Viewing<\/strong> \u2014 Browse any social media content without leaving a trace. No account creation, no login required, and absolutely no digital footprint. Your privacy is guaranteed with zero tracking or data collection.\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"viewri-why-benefit\">\r\n                        <div class=\"viewri-why-icon\">\r\n                            <i class=\"fas fa-bolt\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"viewri-why-text\">\r\n                            <strong>Lightning Fast & Lightweight<\/strong> \u2014 Our tools are optimized for speed and efficiency. Load any viewer in seconds, even on slow connections. No heavy downloads, no installations, and no system requirements. Just instant access when you need it.\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"viewri-why-benefit\">\r\n                        <div class=\"viewri-why-icon\">\r\n                            <i class=\"fas fa-globe\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"viewri-why-text\">\r\n                            <strong>Multi-Platform Support<\/strong> \u2014 Access specialized viewers for Instagram, Facebook, YouTube, TikTok, LinkedIn, Pinterest, Reddit, and more from one central hub. We continuously add support for new platforms to keep you covered.\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Testimonials Section -->\r\n<section class=\"viewri-testimonial-section\">\r\n    <div class=\"container\">\r\n        <div class=\"viewri-testimonial-header\">\r\n            <h2 class=\"viewri-testimonial-title\">What People Are Saying About Viewri<\/h2>\r\n            <p class=\"viewri-testimonial-subtitle\">From casual users to content researchers, Viewri is helping thousands view smarter and safer \u2014 here's what they're saying.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"viewri-testimonial-grid\">\r\n            <!-- Testimonial 1 -->\r\n            <div class=\"viewri-testimonial-card\">\r\n                <div class=\"viewri-testimonial-quote\">\r\n                    <i class=\"fas fa-quote-left viewri-testimonial-quote-icon\"><\/i>\r\n                    <p>Viewri is ridiculously useful. I never realized how often I needed to preview things without logging in \u2014 now I can't go a day without it.<\/p>\r\n                <\/div>\r\n                <div class=\"viewri-testimonial-author\">\r\n                    <div class=\"viewri-testimonial-avatar\">JH<\/div>\r\n                    <div class=\"viewri-testimonial-info\">\r\n                        <h4 class=\"viewri-testimonial-name\">Julia Hart<\/h4>\r\n                        <p class=\"viewri-testimonial-role\">UX Researcher at CreatorIQ<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Testimonial 2 -->\r\n            <div class=\"viewri-testimonial-card\">\r\n                <div class=\"viewri-testimonial-quote\">\r\n                    <i class=\"fas fa-quote-left viewri-testimonial-quote-icon\"><\/i>\r\n                    <p>As someone managing multiple client accounts, Viewri has become my silent assistant. Clean interface, zero hassle.<\/p>\r\n                <\/div>\r\n                <div class=\"viewri-testimonial-author\">\r\n                    <div class=\"viewri-testimonial-avatar\">ER<\/div>\r\n                    <div class=\"viewri-testimonial-info\">\r\n                        <h4 class=\"viewri-testimonial-name\">Ethan Rojas<\/h4>\r\n                        <p class=\"viewri-testimonial-role\">Social Media Analyst at WaveSpark<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Testimonial 3 -->\r\n            <div class=\"viewri-testimonial-card\">\r\n                <div class=\"viewri-testimonial-quote\">\r\n                    <i class=\"fas fa-quote-left viewri-testimonial-quote-icon\"><\/i>\r\n                    <p>I needed a YouTube thumbnail viewer for quick SEO checks \u2014 Viewri nailed it. Lightweight, fast, and free? Big win.<\/p>\r\n                <\/div>\r\n                <div class=\"viewri-testimonial-author\">\r\n                    <div class=\"viewri-testimonial-avatar\">SN<\/div>\r\n                    <div class=\"viewri-testimonial-info\">\r\n                        <h4 class=\"viewri-testimonial-name\">Sanae Nakamura<\/h4>\r\n                        <p class=\"viewri-testimonial-role\">Content Strategist at ClipPilot<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n <script>\r\n        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 800,\r\n            once: true,\r\n            offset: 50\r\n        });\r\n\t\t\t\r\n\t\t\t  \/\/ Category card click handler\r\n        document.querySelectorAll('.viewri-categories-item').forEach(item => {\r\n            item.addEventListener('click', function() {\r\n                const platform = this.querySelector('.viewri-categories-link').textContent.trim();\r\n                console.log(`Navigating to ${platform} tools`);\r\n                \/\/ Add navigation functionality here\r\n            });\r\n            \r\n            \/\/ Keyboard navigation\r\n            item.addEventListener('keypress', function(e) {\r\n                if (e.key === 'Enter') {\r\n                    const platform = this.querySelector('.viewri-categories-link').textContent.trim();\r\n                    console.log(`Navigating to ${platform} tools`);\r\n                    \/\/ Add navigation functionality here\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Prevent link click from triggering card click\r\n        document.querySelectorAll('.viewri-categories-link').forEach(link => {\r\n            link.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n        });\r\n\t\t\t\r\n\t\t\t\r\n\r\n    <\/script>\r\n\r\n<script>\r\n\/\/ Initialize Featured Tools Section\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Filter functionality\r\n    const filters = document.querySelectorAll('.viewri-featured-filter');\r\n    const tools = document.querySelectorAll('.viewri-featured-tool');\r\n    \r\n    filters.forEach(filter => {\r\n        filter.addEventListener('click', function() {\r\n            \/\/ Update active filter\r\n            filters.forEach(f => {\r\n                f.classList.remove('active');\r\n            });\r\n            this.classList.add('active');\r\n            \r\n            \/\/ Filter tools\r\n            const filterValue = this.textContent.trim();\r\n            \r\n            tools.forEach(tool => {\r\n                if (filterValue === 'All') {\r\n                    tool.style.display = 'flex';\r\n                } else {\r\n                    const platform = tool.getAttribute('data-platform');\r\n                    if (platform === filterValue.toLowerCase()) {\r\n                        tool.style.display = 'flex';\r\n                    } else {\r\n                        tool.style.display = 'none';\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    });\r\n    \r\n    \/\/ Tool click handler\r\n    tools.forEach(tool => {\r\n        tool.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            const toolName = this.querySelector('.viewri-featured-name').textContent.trim();\r\n            console.log('Selected tool:', toolName);\r\n            \/\/ Add your tool selection functionality here\r\n        });\r\n    });\r\n    \r\n    \/\/ Show More button handler\r\n    const showMoreBtn = document.querySelector('.viewri-featured-more-btn');\r\n    if (showMoreBtn) {\r\n        showMoreBtn.addEventListener('click', function() {\r\n            console.log('Loading more tools...');\r\n            \/\/ Add your show more functionality here\r\n        });\r\n    }\r\n    \r\n    \/\/ Add AOS-like animations\r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.1\r\n    };\r\n    \r\n    const observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.style.opacity = '1';\r\n                entry.target.style.transform = 'translateY(0)';\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    \/\/ Apply animation to elements\r\n    const animatedElements = document.querySelectorAll('.viewri-featured-header, .viewri-featured-filters, .viewri-featured-tool, .viewri-featured-more');\r\n    \r\n    animatedElements.forEach((el, index) => {\r\n        \/\/ Set initial state\r\n        el.style.opacity = '0';\r\n        el.style.transform = 'translateY(20px)';\r\n        el.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n        \r\n        \/\/ Observe element\r\n        observer.observe(el);\r\n    });\r\n});\r\n\t\r\n\t\r\n\t\/\/ Add animation on scroll\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Check if IntersectionObserver is available\r\n    if ('IntersectionObserver' in window) {\r\n        const observerOptions = {\r\n            root: null,\r\n            rootMargin: '0px',\r\n            threshold: 0.1\r\n        };\r\n        \r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n        \r\n        \/\/ Apply to elements\r\n        const animatedElements = document.querySelectorAll('.viewri-why-illustration, .viewri-why-title, .viewri-why-description, .viewri-why-benefit');\r\n        \r\n        animatedElements.forEach((el, index) => {\r\n            \/\/ Set initial state\r\n            el.style.opacity = '0';\r\n            el.style.transform = 'translateY(20px)';\r\n            el.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n            \r\n            \/\/ Observe element\r\n            observer.observe(el);\r\n        });\r\n    }\r\n    \r\n    \/\/ Add hover effect to platform icons\r\n    const platformIcons = document.querySelectorAll('.viewri-why-platform-icons i');\r\n    platformIcons.forEach(icon => {\r\n        icon.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateY(-5px) scale(1.1)';\r\n        });\r\n        \r\n        icon.addEventListener('mouseleave', function() {\r\n            this.style.transform = '';\r\n        });\r\n    });\r\n});\r\n\t\r\n\t\/\/ Add animation on scroll\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Check if IntersectionObserver is available\r\n    if ('IntersectionObserver' in window) {\r\n        const observerOptions = {\r\n            root: null,\r\n            rootMargin: '0px',\r\n            threshold: 0.1\r\n        };\r\n        \r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n        \r\n        \/\/ Apply to elements\r\n        const animatedElements = document.querySelectorAll('.viewri-testimonial-header, .viewri-testimonial-card');\r\n        \r\n        animatedElements.forEach((el, index) => {\r\n            \/\/ Set initial state\r\n            el.style.opacity = '0';\r\n            el.style.transform = 'translateY(20px)';\r\n            el.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n            \r\n            \/\/ Observe element\r\n            observer.observe(el);\r\n        });\r\n    }\r\n    \r\n    \/\/ Add hover effect to cards\r\n    const cards = document.querySelectorAll('.viewri-testimonial-card');\r\n    cards.forEach(card => {\r\n        card.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateY(-8px)';\r\n        });\r\n        \r\n        card.addEventListener('mouseleave', function() {\r\n            this.style.transform = '';\r\n        });\r\n    });\r\n});\r\n<\/script>Latest Guides &amp; Viewer Tips Stay updated with tips, how-tos, and platform insights \u2014 all built around smarter, anonymous viewing.<div class=\"et_pb_module ba_logo_carousel ba_logo_carousel_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class = \"dtq-carousel dtq-logo-carousel dtq-carousel-frontend zoom_in\" data-settings=\"{&quot;responsive&quot;:[{&quot;breakpoint&quot;:980,&quot;settings&quot;:{&quot;slidesToShow&quot;:6}},{&quot;breakpoint&quot;:767,&quot;settings&quot;:{&quot;slidesToShow&quot;:4}}],&quot;cssEase&quot;:&quot;ease-in-out&quot;,&quot;swipe&quot;:true,&quot;variableWidth&quot;:false,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;infinite&quot;:true,&quot;autoplay&quot;:true,&quot;autoplaySpeed&quot;:2000,&quot;speed&quot;:5000,&quot;slidesToShow&quot;:6,&quot;slidesToScroll&quot;:1,&quot;centerPadding&quot;:&quot;70px&quot;,&quot;centerMode&quot;:false,&quot;vertical&quot;:false,&quot;prevArrow&quot;:&quot;&lt;button type=\\&quot;button\\&quot; data-icon=\\&quot;&amp;#xf104;\\&quot; class=\\&quot;slick-arrow slick-prev\\&quot;&gt;Prev&lt;\\\/button&gt;&quot;,&quot;nextArrow&quot;:&quot;&lt;button type=\\&quot;button\\&quot; data-icon=\\&quot;&amp;#xf105;\\&quot; class=\\&quot;slick-arrow slick-next\\&quot;&gt;Prev&lt;\\\/button&gt;&quot;}\" >\n                \n            <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"ba_logo_carousel_child ba_logo_carousel_child_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"dtq-carousel-item dtq-logo-carousel-item dtq-swapped-img-selector\">\n\t\t\t    \n\t\t\t\t\n            <div class=\"dtq-lightbox-ctrl\"><img decoding=\"async\" class=\"dtq-swapped-img\" data-mfp-src=\"http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/beffer-logo.png\" src=\"http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/beffer-logo.png\" alt=\"\"  \/><\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"ba_logo_carousel_child ba_logo_carousel_child_1\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"dtq-carousel-item dtq-logo-carousel-item dtq-swapped-img-selector\">\n\t\t\t    \n\t\t\t\t\n            <div class=\"dtq-lightbox-ctrl\"><img decoding=\"async\" class=\"dtq-swapped-img\" data-mfp-src=\"http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/loom-logo.png\" src=\"http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/loom-logo.png\" alt=\"\"  \/><\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"ba_logo_carousel_child ba_logo_carousel_child_2\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"dtq-carousel-item dtq-logo-carousel-item dtq-swapped-img-selector\">\n\t\t\t    \n\t\t\t\t\n            <div class=\"dtq-lightbox-ctrl\"><img decoding=\"async\" class=\"dtq-swapped-img\" data-mfp-src=\"&#8221;http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/sprout-social.png&#8221;\" src=\"&#8221;http:\/\/viewri.com\/wp-content\/uploads\/2025\/09\/sprout-social.png&#8221;\" alt=\"\"  \/><\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/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":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/32","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=32"}],"version-history":[{"count":13,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/32\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}