bender/d6783cc1-69a0-40dc-b4ed-e1dcbbd9e6db
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-22 14:22:58 +00:00
parent 6ae78a353c
commit 6097d3073b
1 changed files with 73 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

281
src/app/page.tsx
View File

@@ -35,26 +35,24 @@ import {
export default function HomePage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "Platform", id: "platform" },
{ name: "Roles", id: "roles" },
{ name: "Security", id: "security" },
{ name: "Documentation", id: "documentation" },
{ name: "Home", id: "/" },
{ name: "Platform", id: "/platform" },
{ name: "Roles", id: "/roles" },
{ name: "Security", id: "/security" },
{ name: "Documentation", id: "/documentation" },
];
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Features", href: "#features" },
{ label: "Roles & Access", href: "#roles" },
{ label: "Security", href: "#security" },
{ label: "Roles & Access", href: "/roles" },
{ label: "Security", href: "/security" },
{ label: "Pricing", href: "#pricing" },
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "/documentation" },
{ label: "API Reference", href: "/api" },
{ label: "User Guide", href: "/guide" },
@@ -62,8 +60,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
{ label: "Careers", href: "/careers" },
@@ -71,8 +68,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Compliance", href: "/compliance" },
@@ -99,9 +95,7 @@ export default function HomePage() {
navItems={navItems}
brandName="ForexTrade Pro"
button={{
text: "Get Started",
href: "/login",
}}
text: "Get Started", href: "/login"}}
/>
</div>
@@ -120,29 +114,17 @@ export default function HomePage() {
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/modern-foreign-trading-platform-dashboar-1774189059524-d276f031.png",
},
id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/modern-foreign-trading-platform-dashboar-1774189059524-d276f031.png"},
{
id: "carousel-2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/role-based-access-control-architecture-d-1774189060486-3cc1af37.png",
},
id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/role-based-access-control-architecture-d-1774189060486-3cc1af37.png"},
{
id: "carousel-3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/advanced-security-features-interface-sho-1774189059693-7ad81970.png?_wi=1",
},
id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/advanced-security-features-interface-sho-1774189059693-7ad81970.png?_wi=1"},
{
id: "carousel-4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-system-administrator-interf-1774189059613-20a5a01f.png",
},
id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-system-administrator-interf-1774189059613-20a5a01f.png"},
{
id: "carousel-5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/trader-operations-interface-featuring-re-1774189062351-7721cf91.png",
},
id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/trader-operations-interface-featuring-re-1774189062351-7721cf91.png"},
{
id: "carousel-6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/finance-officer-dashboard-showing-paymen-1774189061190-08e5f211.png",
},
id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/finance-officer-dashboard-showing-paymen-1774189061190-08e5f211.png"},
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -157,8 +139,8 @@ export default function HomePage() {
title="Comprehensive Foreign Trading Platform with Enterprise-Grade Security"
useInvertedBackground={false}
buttons={[
{ text: "Explore Roles", href: "#roles" },
{ text: "View Security", href: "#security" },
{ text: "Explore Roles", href: "/roles" },
{ text: "View Security", href: "/security" },
]}
buttonAnimation="slide-up"
/>
@@ -174,40 +156,28 @@ export default function HomePage() {
features={[
{
icon: Lock,
title: "Role-Based Access Control",
description:
"Six distinct user roles with granular permission controls, ensuring each team member has access only to their required functions.",
},
title: "Role-Based Access Control", description:
"Six distinct user roles with granular permission controls, ensuring each team member has access only to their required functions."},
{
icon: TrendingUp,
title: "Real-Time Trading",
description:
"Execute forex trades with real-time market data, instant order execution, and live position monitoring across global currency markets.",
},
title: "Real-Time Trading", description:
"Execute forex trades with real-time market data, instant order execution, and live position monitoring across global currency markets."},
{
icon: FileText,
title: "Automated Reporting",
description:
"Generate comprehensive financial reports, trade reports, compliance reports, and audit logs automatically with customizable templates.",
},
title: "Automated Reporting", description:
"Generate comprehensive financial reports, trade reports, compliance reports, and audit logs automatically with customizable templates."},
{
icon: Shield,
title: "Compliance Management",
description:
"Built-in compliance monitoring with regulatory requirement tracking, suspicious activity alerts, and compliance approval workflows.",
},
title: "Compliance Management", description:
"Built-in compliance monitoring with regulatory requirement tracking, suspicious activity alerts, and compliance approval workflows."},
{
icon: BarChart3,
title: "Advanced Analytics",
description:
"Deep financial analytics with transaction verification, accuracy validation, fraud detection, and performance metrics.",
},
title: "Advanced Analytics", description:
"Deep financial analytics with transaction verification, accuracy validation, fraud detection, and performance metrics."},
{
icon: Zap,
title: "System Reliability",
description:
"Enterprise infrastructure with 99.9% uptime guarantee, automated backups, disaster recovery, and continuous monitoring.",
},
title: "System Reliability", description:
"Enterprise infrastructure with 99.9% uptime guarantee, automated backups, disaster recovery, and continuous monitoring."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -230,41 +200,17 @@ export default function HomePage() {
animationType="slide-up"
members={[
{
id: "admin",
name: "System Administrator",
role: "Full system control and user management",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-system-administrator-portra-1774189059064-7f36b792.png?_wi=1",
},
id: "admin", name: "System Administrator", role: "Full system control and user management", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-system-administrator-portra-1774189059064-7f36b792.png?_wi=1"},
{
id: "trader",
name: "Trader",
role: "Execute forex trading operations",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-forex-trader-portrait-in-mo-1774189060012-32b09eab.png?_wi=1",
},
id: "trader", name: "Trader", role: "Execute forex trading operations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-forex-trader-portrait-in-mo-1774189060012-32b09eab.png?_wi=1"},
{
id: "finance",
name: "Finance Officer",
role: "Process payments and settlements",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-finance-officer-portrait-in-1774189058688-99a0a079.png?_wi=1",
},
id: "finance", name: "Finance Officer", role: "Process payments and settlements", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-finance-officer-portrait-in-1774189058688-99a0a079.png?_wi=1"},
{
id: "compliance",
name: "Compliance Officer",
role: "Ensure regulatory compliance",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-compliance-officer-portrait-1774189058877-f1d7326a.png?_wi=1",
},
id: "compliance", name: "Compliance Officer", role: "Ensure regulatory compliance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-compliance-officer-portrait-1774189058877-f1d7326a.png?_wi=1"},
{
id: "auditor",
name: "Auditor",
role: "Review and audit all activities",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-auditor-portrait-in-audit-o-1774189059214-86cdb512.png?_wi=1",
},
id: "auditor", name: "Auditor", role: "Review and audit all activities", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-auditor-portrait-in-audit-o-1774189059214-86cdb512.png?_wi=1"},
{
id: "itsupport",
name: "IT Support",
role: "Technical support and maintenance",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-it-support-specialist-portr-1774189058525-cfd5a6be.png?_wi=1",
},
id: "itsupport", name: "IT Support", role: "Technical support and maintenance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-it-support-specialist-portr-1774189058525-cfd5a6be.png?_wi=1"},
]}
/>
</div>
@@ -282,52 +228,28 @@ export default function HomePage() {
animationType="slide-up"
metrics={[
{
id: "admin-resp",
value: "6",
title: "System Administrator",
description:
"User account management, role assignment, system settings, permission configuration, security monitoring, access approval",
icon: Lock,
id: "admin-resp", value: "6", title: "System Administrator", description:
"User account management, role assignment, system settings, permission configuration, security monitoring, access approval", icon: Lock,
},
{
id: "trader-resp",
value: "5",
title: "Trader",
description:
"Create/execute trades, monitor market trends, maintain trade records, ensure policy compliance, submit reports",
icon: TrendingUp,
id: "trader-resp", value: "5", title: "Trader", description:
"Create/execute trades, monitor market trends, maintain trade records, ensure policy compliance, submit reports", icon: TrendingUp,
},
{
id: "finance-resp",
value: "5",
title: "Finance Officer",
description:
"Process settlements, manage company funds, verify financial data, generate reports, ensure accurate accounting",
icon: DollarSign,
id: "finance-resp", value: "5", title: "Finance Officer", description:
"Process settlements, manage company funds, verify financial data, generate reports, ensure accurate accounting", icon: DollarSign,
},
{
id: "compliance-resp",
value: "5",
title: "Compliance Officer",
description:
"Monitor regulatory compliance, verify legal adherence, identify suspicious activities, approve transactions, maintain reports",
icon: CheckCircle,
id: "compliance-resp", value: "5", title: "Compliance Officer", description:
"Monitor regulatory compliance, verify legal adherence, identify suspicious activities, approve transactions, maintain reports", icon: CheckCircle,
},
{
id: "auditor-resp",
value: "5",
title: "Auditor",
description:
"Conduct internal audits, verify data accuracy, ensure transparency, detect errors/fraud, generate audit reports",
icon: FileCheck,
id: "auditor-resp", value: "5", title: "Auditor", description:
"Conduct internal audits, verify data accuracy, ensure transparency, detect errors/fraud, generate audit reports", icon: FileCheck,
},
{
id: "itsupport-resp",
value: "5",
title: "IT Support",
description:
"Maintain infrastructure, resolve technical issues, ensure security, manage backups, monitor uptime, user support",
icon: Wrench,
id: "itsupport-resp", value: "5", title: "IT Support", description:
"Maintain infrastructure, resolve technical issues, ensure security, manage backups, monitor uptime, user support", icon: Wrench,
},
]}
/>
@@ -346,26 +268,11 @@ export default function HomePage() {
animationType="slide-up"
products={[
{
id: "security-1",
name: "Advanced Encryption",
price: "Enterprise Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/advanced-security-features-interface-sho-1774189059693-7ad81970.png?_wi=2",
imageAlt: "Encryption and security features",
},
id: "security-1", name: "Advanced Encryption", price: "Enterprise Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/advanced-security-features-interface-sho-1774189059693-7ad81970.png?_wi=2", imageAlt: "Encryption and security features"},
{
id: "security-2",
name: "Compliance Monitoring",
price: "Real-Time Tracking",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/compliance-and-regulatory-security-dashb-1774189060211-cf4022ef.png?_wi=1",
imageAlt: "Compliance and regulatory features",
},
id: "security-2", name: "Compliance Monitoring", price: "Real-Time Tracking", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/compliance-and-regulatory-security-dashb-1774189060211-cf4022ef.png?_wi=1", imageAlt: "Compliance and regulatory features"},
{
id: "security-3",
name: "Disaster Recovery",
price: "99.9% Uptime SLA",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/data-protection-and-backup-infrastructur-1774189060085-fd6c5abf.png?_wi=1",
imageAlt: "Backup and recovery infrastructure",
},
id: "security-3", name: "Disaster Recovery", price: "99.9% Uptime SLA", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/data-protection-and-backup-infrastructur-1774189060085-fd6c5abf.png?_wi=1", imageAlt: "Backup and recovery infrastructure"},
]}
/>
</div>
@@ -381,41 +288,17 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "test-1",
title: "Outstanding System",
quote:
"The role-based access control has transformed how we manage trading operations. Security and compliance are seamless.",
name: "Michael Chen",
role: "Trading Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-business-executive-portrait-1774189058441-55a665ff.png",
},
id: "test-1", title: "Outstanding System", quote:
"The role-based access control has transformed how we manage trading operations. Security and compliance are seamless.", name: "Michael Chen", role: "Trading Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-business-executive-portrait-1774189058441-55a665ff.png"},
{
id: "test-2",
title: "Game Changer",
quote:
"Real-time compliance monitoring and automated reporting save us hours every day. Highly recommend to any trading firm.",
name: "Sarah Johnson",
role: "Compliance Manager",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-finance-officer-portrait-in-1774189059188-092021b2.png",
},
id: "test-2", title: "Game Changer", quote:
"Real-time compliance monitoring and automated reporting save us hours every day. Highly recommend to any trading firm.", name: "Sarah Johnson", role: "Compliance Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-finance-officer-portrait-in-1774189059188-092021b2.png"},
{
id: "test-3",
title: "Best Trading Platform",
quote:
"The system's transparency and audit trails give us complete confidence in our trading operations. Exceptional support team.",
name: "David Williams",
role: "CFO",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-compliance-specialist-portr-1774189058969-1796a513.png",
},
id: "test-3", title: "Best Trading Platform", quote:
"The system's transparency and audit trails give us complete confidence in our trading operations. Exceptional support team.", name: "David Williams", role: "CFO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-compliance-specialist-portr-1774189058969-1796a513.png"},
{
id: "test-4",
title: "Reliable & Secure",
quote:
"Enterprise-grade infrastructure with 99.9% uptime. IT support is responsive and knowledgeable. Perfect solution for our firm.",
name: "Emma Rodriguez",
role: "IT Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-it-director-portrait-in-tec-1774189062720-08e4f831.png",
},
id: "test-4", title: "Reliable & Secure", quote:
"Enterprise-grade infrastructure with 99.9% uptime. IT support is responsive and knowledgeable. Perfect solution for our firm.", name: "Emma Rodriguez", role: "IT Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BItPQKOSJRUaIXYCWE8VxVsRVJ/professional-it-director-portrait-in-tec-1774189062720-08e4f831.png"},
]}
/>
</div>
@@ -432,41 +315,23 @@ export default function HomePage() {
faqsAnimation="slide-up"
faqs={[
{
id: "faq-1",
title: "What is Role-Based Access Control (RBAC)?",
content:
"RBAC is a security model that restricts system access based on user roles. Each user is assigned a specific role (System Admin, Trader, Finance Officer, etc.) with predefined permissions. Users can only access functions relevant to their role, improving security and system efficiency.",
},
id: "faq-1", title: "What is Role-Based Access Control (RBAC)?", content:
"RBAC is a security model that restricts system access based on user roles. Each user is assigned a specific role (System Admin, Trader, Finance Officer, etc.) with predefined permissions. Users can only access functions relevant to their role, improving security and system efficiency."},
{
id: "faq-2",
title: "How does the compliance monitoring work?",
content:
"Our system continuously monitors all trades and transactions against regulatory requirements. The Compliance Officer receives real-time alerts for suspicious activities, high-risk transactions, and policy violations. All activities are logged for audit trails.",
},
id: "faq-2", title: "How does the compliance monitoring work?", content:
"Our system continuously monitors all trades and transactions against regulatory requirements. The Compliance Officer receives real-time alerts for suspicious activities, high-risk transactions, and policy violations. All activities are logged for audit trails."},
{
id: "faq-3",
title: "Can I modify user roles and permissions?",
content:
"Only the System Administrator has authority to modify user roles and permissions. This ensures security and prevents unauthorized changes. All permission modifications are logged in the audit trail.",
},
id: "faq-3", title: "Can I modify user roles and permissions?", content:
"Only the System Administrator has authority to modify user roles and permissions. This ensures security and prevents unauthorized changes. All permission modifications are logged in the audit trail."},
{
id: "faq-4",
title: "What happens if there's a system failure?",
content:
"Our disaster recovery infrastructure ensures business continuity. We maintain automated backups, redundant systems, and failover procedures. Our SLA guarantees 99.9% uptime with rapid recovery protocols.",
},
id: "faq-4", title: "What happens if there's a system failure?", content:
"Our disaster recovery infrastructure ensures business continuity. We maintain automated backups, redundant systems, and failover procedures. Our SLA guarantees 99.9% uptime with rapid recovery protocols."},
{
id: "faq-5",
title: "How are financial reports generated?",
content:
"The Finance Officer can generate automated financial reports including trade summaries, settlement records, and accounting statements. All reports are based on verified data and include audit trails for compliance.",
},
id: "faq-5", title: "How are financial reports generated?", content:
"The Finance Officer can generate automated financial reports including trade summaries, settlement records, and accounting statements. All reports are based on verified data and include audit trails for compliance."},
{
id: "faq-6",
title: "What security measures protect our data?",
content:
"We employ enterprise-grade encryption, multi-factor authentication, access controls, real-time monitoring, compliance logging, and regular security audits. All data is encrypted in transit and at rest.",
},
id: "faq-6", title: "What security measures protect our data?", content:
"We employ enterprise-grade encryption, multi-factor authentication, access controls, real-time monitoring, compliance logging, and regular security audits. All data is encrypted in transit and at rest."},
]}
/>
</div>