Merge version_1 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -21,8 +21,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Security", href: "#metrics" },
|
||||
{ label: "Pricing", href: "#" },
|
||||
@@ -30,8 +29,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -39,8 +37,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "API Docs", href: "#" },
|
||||
{ label: "Security Guide", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
@@ -48,8 +45,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -65,7 +61,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -79,7 +75,7 @@ export default function HomePage() {
|
||||
<HeroBillboardGallery
|
||||
title="Enterprise-Grade Secure Authentication"
|
||||
description="Experience peace of mind with our military-grade encryption, two-factor authentication, and industry-leading security practices designed to protect your sensitive data."
|
||||
background={{ variant: "noiseDiagonalGradient" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Security First"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
@@ -90,25 +86,15 @@ export default function HomePage() {
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg?_wi=1",
|
||||
imageAlt: "Secure authentication dashboard interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg", imageAlt: "Secure authentication dashboard interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg?_wi=1",
|
||||
imageAlt: "Encryption security technology",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg", imageAlt: "Encryption security technology"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg?_wi=1",
|
||||
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/businesswoman-discussing-with-disabled-woman_482257-2402.jpg?_wi=1",
|
||||
imageAlt: "Session management dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg", imageAlt: "Session management dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg?_wi=1",
|
||||
imageAlt: "Password hashing cryptographic process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg", imageAlt: "Password hashing cryptographic process"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -124,67 +110,43 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Bcrypt Password Hashing",
|
||||
description:
|
||||
"Industry-standard password hashing with automatic salt generation. Passwords are irreversibly encrypted, ensuring even if data is compromised, passwords remain secure.",
|
||||
phoneOne: {
|
||||
title: "Bcrypt Password Hashing", description:
|
||||
"Industry-standard password hashing with automatic salt generation. Passwords are irreversibly encrypted, ensuring even if data is compromised, passwords remain secure.", phoneOne: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg?_wi=2",
|
||||
imageAlt: "Encryption security technology",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg", imageAlt: "Encryption security technology"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg?_wi=2",
|
||||
imageAlt: "Password hashing cryptographic security",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg", imageAlt: "Password hashing cryptographic security"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Two-Factor Authentication",
|
||||
description:
|
||||
"Add an extra layer of security with OTP (One-Time Password) verification. Users receive unique codes via SMS or authenticator apps for account verification.",
|
||||
phoneOne: {
|
||||
title: "Two-Factor Authentication", description:
|
||||
"Add an extra layer of security with OTP (One-Time Password) verification. Users receive unique codes via SMS or authenticator apps for account verification.", phoneOne: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg?_wi=2",
|
||||
imageAlt: "Two-factor authentication phone verification",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg", imageAlt: "Two-factor authentication phone verification"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg?_wi=2",
|
||||
imageAlt: "Session management user activity monitor",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg", imageAlt: "Session management user activity monitor"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Session Management",
|
||||
description:
|
||||
"Track active sessions, manage device access, and revoke suspicious sessions in real-time. Monitor login attempts and geographic locations for enhanced security.",
|
||||
phoneOne: {
|
||||
title: "Session Management", description:
|
||||
"Track active sessions, manage device access, and revoke suspicious sessions in real-time. Monitor login attempts and geographic locations for enhanced security.", phoneOne: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg?_wi=3",
|
||||
imageAlt: "Session management user activity monitor",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg", imageAlt: "Session management user activity monitor"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg?_wi=2",
|
||||
imageAlt: "Secure authentication dashboard interface",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg", imageAlt: "Secure authentication dashboard interface"},
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "SQL Injection Protection",
|
||||
description:
|
||||
"Parameterized queries and input validation prevent SQL injection attacks. All user inputs are sanitized and validated before database operations.",
|
||||
phoneOne: {
|
||||
title: "SQL Injection Protection", description:
|
||||
"Parameterized queries and input validation prevent SQL injection attacks. All user inputs are sanitized and validated before database operations.", phoneOne: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg?_wi=3",
|
||||
imageAlt: "Secure authentication dashboard interface",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg", imageAlt: "Secure authentication dashboard interface"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg?_wi=3",
|
||||
imageAlt: "Encryption security technology",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg", imageAlt: "Encryption security technology"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -200,29 +162,17 @@ export default function HomePage() {
|
||||
description="Proven security infrastructure trusted by enterprises and startups worldwide."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Lock,
|
||||
title: "256-Bit Encryption",
|
||||
value: "AES-256",
|
||||
},
|
||||
id: "1", icon: Lock,
|
||||
title: "256-Bit Encryption", value: "AES-256"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Shield,
|
||||
title: "Security Uptime",
|
||||
value: "99.99%",
|
||||
},
|
||||
id: "2", icon: Shield,
|
||||
title: "Security Uptime", value: "99.99%"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Zap,
|
||||
title: "Authentication Speed",
|
||||
value: "<100ms",
|
||||
},
|
||||
id: "3", icon: Zap,
|
||||
title: "Authentication Speed", value: "<100ms"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Users,
|
||||
title: "Active Users",
|
||||
value: "500K+",
|
||||
},
|
||||
id: "4", icon: Users,
|
||||
title: "Active Users", value: "500K+"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
@@ -239,41 +189,23 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How secure is your authentication system?",
|
||||
content:
|
||||
"Our system uses military-grade AES-256 encryption, industry-standard bcrypt password hashing, and two-factor authentication. All data transmissions are encrypted via TLS/SSL protocols. We maintain SOC 2 Type II compliance and undergo regular security audits.",
|
||||
},
|
||||
id: "1", title: "How secure is your authentication system?", content:
|
||||
"Our system uses military-grade AES-256 encryption, industry-standard bcrypt password hashing, and two-factor authentication. All data transmissions are encrypted via TLS/SSL protocols. We maintain SOC 2 Type II compliance and undergo regular security audits."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What happens if I forget my password?",
|
||||
content:
|
||||
"You can use our secure password reset feature. We'll send a verification email with a time-limited reset link. For added security, you may need to verify your identity through two-factor authentication before creating a new password.",
|
||||
},
|
||||
id: "2", title: "What happens if I forget my password?", content:
|
||||
"You can use our secure password reset feature. We'll send a verification email with a time-limited reset link. For added security, you may need to verify your identity through two-factor authentication before creating a new password."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I use two-factor authentication on multiple devices?",
|
||||
content:
|
||||
"Yes! You can register multiple authenticator apps or phone numbers for 2FA. Each device receives OTP codes independently. This provides flexibility while maintaining security across all your devices.",
|
||||
},
|
||||
id: "3", title: "Can I use two-factor authentication on multiple devices?", content:
|
||||
"Yes! You can register multiple authenticator apps or phone numbers for 2FA. Each device receives OTP codes independently. This provides flexibility while maintaining security across all your devices."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do I manage my active sessions?",
|
||||
content:
|
||||
"Access your dashboard's Session Management page to view all active sessions. You can see device type, location, and last activity. Revoke any suspicious sessions with a single click.",
|
||||
},
|
||||
id: "4", title: "How do I manage my active sessions?", content:
|
||||
"Access your dashboard's Session Management page to view all active sessions. You can see device type, location, and last activity. Revoke any suspicious sessions with a single click."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What is SQL injection protection?",
|
||||
content:
|
||||
"We use parameterized queries and input validation to prevent SQL injection attacks. All user inputs are sanitized before being processed, ensuring malicious code cannot access or manipulate the database.",
|
||||
},
|
||||
id: "5", title: "What is SQL injection protection?", content:
|
||||
"We use parameterized queries and input validation to prevent SQL injection attacks. All user inputs are sanitized before being processed, ensuring malicious code cannot access or manipulate the database."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How often is my password hashed?",
|
||||
content:
|
||||
"Your password is hashed immediately upon registration and during login. The hash is never stored in plain text. Each hash includes a unique salt generated using cryptographic random functions, making rainbow table attacks ineffective.",
|
||||
},
|
||||
id: "6", title: "How often is my password hashed?", content:
|
||||
"Your password is hashed immediately upon registration and during login. The hash is never stored in plain text. Each hash includes a unique salt generated using cryptographic random functions, making rainbow table attacks ineffective."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
|
||||
@@ -16,7 +16,7 @@ export default function ProfilePage() {
|
||||
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 ProfilePage() {
|
||||
<HeroBillboardGallery
|
||||
title="Your Secure Account Dashboard"
|
||||
description="Manage your authentication settings, review security features, and access your account information with enterprise-grade protection and peace of mind."
|
||||
background={{ variant: "noiseDiagonalGradient" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Account Management"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
@@ -50,25 +50,15 @@ export default function ProfilePage() {
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg?_wi=4",
|
||||
imageAlt: "Secure authentication dashboard interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg", imageAlt: "Secure authentication dashboard interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg?_wi=4",
|
||||
imageAlt: "Session management and user activity",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg", imageAlt: "Session management and user activity"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg?_wi=3",
|
||||
imageAlt: "Password security and hashing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg", imageAlt: "Password security and hashing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg?_wi=3",
|
||||
imageAlt: "Two-factor authentication setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg", imageAlt: "Two-factor authentication setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg?_wi=4",
|
||||
imageAlt: "Encryption protection badge",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg", imageAlt: "Encryption protection badge"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
ariaLabel="Profile dashboard"
|
||||
@@ -85,42 +75,24 @@ export default function ProfilePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Session Monitoring",
|
||||
description: "View all active sessions across your devices. Track login times, locations, and device types. Instantly revoke suspicious sessions and manage multi-device access permissions.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg?_wi=5",
|
||||
imageAlt: "Session tracking dashboard",
|
||||
},
|
||||
title: "Session Monitoring", description: "View all active sessions across your devices. Track login times, locations, and device types. Instantly revoke suspicious sessions and manage multi-device access permissions.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-discussing-with-disabled-woman_482257-2402.jpg", imageAlt: "Session tracking dashboard"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg?_wi=5",
|
||||
imageAlt: "Active device list",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg", imageAlt: "Active device list"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Two-Factor Authentication Settings",
|
||||
description: "Configure and manage 2FA methods including authenticator apps and SMS verification. Add backup codes for account recovery. Enable enhanced security with biometric authentication options.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg?_wi=4",
|
||||
imageAlt: "2FA configuration interface",
|
||||
},
|
||||
title: "Two-Factor Authentication Settings", description: "Configure and manage 2FA methods including authenticator apps and SMS verification. Add backup codes for account recovery. Enable enhanced security with biometric authentication options.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-sign-up-membership-concept_53876-121221.jpg", imageAlt: "2FA configuration interface"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg?_wi=4",
|
||||
imageAlt: "Secure authentication methods",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg", imageAlt: "Secure authentication methods"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Password & Encryption Status",
|
||||
description: "Monitor your password strength and encryption status. View password creation date and recommended rotation intervals. Verify bcrypt hashing implementation and security protocols in use.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg?_wi=5",
|
||||
imageAlt: "Password security status",
|
||||
},
|
||||
title: "Password & Encryption Status", description: "Monitor your password strength and encryption status. View password creation date and recommended rotation intervals. Verify bcrypt hashing implementation and security protocols in use.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-lock-metal-chain_23-2148578114.jpg", imageAlt: "Password security status"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg?_wi=5",
|
||||
imageAlt: "Encryption verification",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/antibacterial-logo-template_23-2148502706.jpg", imageAlt: "Encryption verification"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
|
||||
@@ -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