Products - Copy this React, Tailwind Component to your project
Design a futuristic cybersecurity themed login page with a split layout: Left Section (Product Showcase with Animated Transitions) A light themed high tech background showcasing cybersecurity products like: Threat Intelligence Fraud Protection Digital Risk Protection Each product section has a corresponding image directly in front of it. Animation Sequence: Two product sections are visible at a time along with their images. After a set duration, both sections disappear smoothly (without affecting the rest of the layout). A single large transition image appears in their place for 1 second. Then, two new product sections fade in with their respective images. This cycle repeats automatically, giving a dynamic cybersecurity dashboard feel. Right Section (Cyber Themed Login Panel) A dark background with glowing cyber UI elements (blue neon accents, digital grids, circuit patterns). A futuristic sign in form with: Email & Password fields A subtle glitch effect on hover A 'Forgot Password?' link with a neon glow Two buttons: 'Sign in' (primary, neon blue) and 'Sign in with SAML' (secondary, outlined). Overall Cyber UI Design: High tech animations: holographic style images, smooth transitions, and cyber glow effects. The left panel should feel like a security operations center (SOC) interface with dynamic updates. Dark mode UI with cyberpunk/futuristic hacking aesthetics. Use smooth animations and high quality transitions to maintain a sleek and modern experience. The design should look and feel like a next gen cybersecurity monitoring system with dynamic, interactive elements
