From 6097d3073b9a83b085dffaa6f452db40e9b682d0 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 22 Mar 2026 14:22:58 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 281 ++++++++++++----------------------------------- 1 file changed, 73 insertions(+), 208 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f16ef26..3cb320e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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"}} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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."}, ]} />