Update src/app/verify-otp/page.tsx
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user