From 207ed7c7374b28e16321e6bd45ce6a00b59a3816 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 08:18:05 +0000
Subject: [PATCH] Update src/app/verify-otp/page.tsx

---
 src/app/verify-otp/page.tsx | 60 ++++++++++---------------------------
 1 file changed, 16 insertions(+), 44 deletions(-)

diff --git a/src/app/verify-otp/page.tsx b/src/app/verify-otp/page.tsx
index a99bdda..8b974fd 100644
--- a/src/app/verify-otp/page.tsx
+++ b/src/app/verify-otp/page.tsx
@@ -16,7 +16,7 @@ export default function VerifyOtpPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
@@ -39,7 +39,7 @@ export default function VerifyOtpPage() {
         <HeroBillboardGallery
           title="Two-Factor Authentication Verification"
           description="Secure your account with enterprise-grade OTP verification. Complete two-step authentication to verify your identity and access your AuthVault account safely."
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "animated-grid" }}
           tag="Identity Verification"
           tagIcon={Shield}
           tagAnimation="slide-up"
@@ -50,25 +50,15 @@ export default function VerifyOtpPage() {
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg?_wi=5",
-              imageAlt: "Two-factor authentication verification",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg",              imageAlt: "Two-factor authentication verification"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg?_wi=6",
-              imageAlt: "Secure password protection",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg",              imageAlt: "Secure password protection"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg?_wi=6",
-              imageAlt: "Authentication dashboard",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg",              imageAlt: "Authentication dashboard"},
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg?_wi=6",
-              imageAlt: "Security encryption technology",
-            },
+              imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg",              imageAlt: "Security encryption technology"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg?_wi=6",
-              imageAlt: "Secure session verification",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg",              imageAlt: "Secure session verification"},
           ]}
           mediaAnimation="slide-up"
           ariaLabel="OTP verification interface"
@@ -85,42 +75,24 @@ export default function VerifyOtpPage() {
           features={[
             {
               id: 1,
-              title: "OTP Code Delivery",
-              description: "Receive one-time passwords via SMS, email, or authenticator applications. Time-limited codes (valid for 5-10 minutes) ensure only authorized users can access accounts. No codes are reusable.",
-              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg?_wi=6",
-                imageAlt: "OTP delivery methods",
-              },
+              title: "OTP Code Delivery",              description: "Receive one-time passwords via SMS, email, or authenticator applications. Time-limited codes (valid for 5-10 minutes) ensure only authorized users can access accounts. No codes are reusable.",              phoneOne: {
+                imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg",                imageAlt: "OTP delivery methods"},
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg?_wi=7",
-                imageAlt: "Authentication confirmation",
-              },
+                imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg",                imageAlt: "Authentication confirmation"},
             },
             {
               id: 2,
-              title: "Authenticator App Integration",
-              description: "Support for industry-standard authenticator apps like Google Authenticator and Microsoft Authenticator. TOTP (Time-based One-Time Password) algorithm generates unique codes every 30 seconds without internet connection.",
-              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg?_wi=7",
-                imageAlt: "Authenticator app setup",
-              },
+              title: "Authenticator App Integration",              description: "Support for industry-standard authenticator apps like Google Authenticator and Microsoft Authenticator. TOTP (Time-based One-Time Password) algorithm generates unique codes every 30 seconds without internet connection.",              phoneOne: {
+                imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg",                imageAlt: "Authenticator app setup"},
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg?_wi=7",
-                imageAlt: "App-based verification",
-              },
+                imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg",                imageAlt: "App-based verification"},
             },
             {
               id: 3,
-              title: "Backup Codes & Recovery",
-              description: "Generate and securely store backup codes for emergency access if you lose your authenticator device. Recovery codes bypass 2FA and restore account access. Single-use codes prevent unauthorized access.",
-              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg?_wi=7",
-                imageAlt: "Backup code generation",
-              },
+              title: "Backup Codes & Recovery",              description: "Generate and securely store backup codes for emergency access if you lose your authenticator device. Recovery codes bypass 2FA and restore account access. Single-use codes prevent unauthorized access.",              phoneOne: {
+                imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg",                imageAlt: "Backup code generation"},
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg?_wi=7",
-                imageAlt: "Recovery code storage",
-              },
+                imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg",                imageAlt: "Recovery code storage"},
             },
           ]}
           showStepNumbers={true}