diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx index f83b2bc..6a9e3c2 100644 --- a/src/app/about-us/page.tsx +++ b/src/app/about-us/page.tsx @@ -14,7 +14,7 @@ function AboutUs() { return (
-
+
@@ -31,7 +31,6 @@ function AboutUs() {
-
) diff --git a/src/app/demo/page.tsx b/src/app/demo/page.tsx index 6a75db4..325b6ac 100644 --- a/src/app/demo/page.tsx +++ b/src/app/demo/page.tsx @@ -146,15 +146,15 @@ export default function Demo() { }; return ( -
+
{/* Demo Features */}
-

+

Interactive Demo Features -

+ { questions: [ { question: 'What is BudgetChain?', - answer: 'BudgetChain is a revolutionary budgeting application that leverages blockchain technology to provide unparalleled security, transparency, and automation for personal and business finances. Our platform helps users track expenses, set savings goals, and analyze spending patterns with advanced cryptographic protection.' + answer: + 'BudgetChain is a revolutionary budgeting application that leverages blockchain technology to provide unparalleled security, transparency, and automation for personal and business finances. Our platform helps users track expenses, set savings goals, and analyze spending patterns with advanced cryptographic protection.', }, { question: 'What makes BudgetChain different?', - answer: 'Unlike traditional budgeting apps, BudgetChain utilizes decentralized blockchain technology to ensure your financial data is immutable and secure. Our smart contract automation allows for advanced budgeting rules, automatic savings, and verifiable transaction histories that can\'t be altered or deleted.' + answer: + "Unlike traditional budgeting apps, BudgetChain utilizes decentralized blockchain technology to ensure your financial data is immutable and secure. Our smart contract automation allows for advanced budgeting rules, automatic savings, and verifiable transaction histories that can't be altered or deleted.", }, { question: 'How do I get started?', - answer: 'Getting started with BudgetChain is simple: 1) Download the app from our website or your device\'s app store, 2) Create your secure account using our blockchain-based identity verification, 3) Connect your financial accounts or enter transactions manually, 4) Set up your budget categories and savings goals, 5) Start tracking with our intuitive dashboard.' - } - ] + answer: + "Getting started with BudgetChain is simple: 1) Download the app from our website or your device's app store, 2) Create your secure account using our blockchain-based identity verification, 3) Connect your financial accounts or enter transactions manually, 4) Set up your budget categories and savings goals, 5) Start tracking with our intuitive dashboard.", + }, + ], }, { category: 'blockchain', questions: [ { question: 'How does blockchain improve budget management?', - answer: 'Blockchain technology enhances budget management in several key ways: 1) Immutable transaction records prevent tampering with financial history, 2) Smart contracts enable automatic budget rule enforcement, 3) Decentralized storage eliminates single points of failure, 4) Cryptographic security protects sensitive financial data, 5) Transparent audit trails provide verifiable spending records.' + answer: + 'Blockchain technology enhances budget management in several key ways: 1) Immutable transaction records prevent tampering with financial history, 2) Smart contracts enable automatic budget rule enforcement, 3) Decentralized storage eliminates single points of failure, 4) Cryptographic security protects sensitive financial data, 5) Transparent audit trails provide verifiable spending records.', }, { question: 'Do I need cryptocurrency to use BudgetChain?', - answer: 'No, BudgetChain is designed for traditional fiat currency users. While we utilize blockchain technology for security and automation, you can manage your regular bank accounts and credit cards without any cryptocurrency knowledge or investment. Our blockchain integration works behind the scenes to enhance your experience.' - } - ] + answer: + 'No, BudgetChain is designed for traditional fiat currency users. While we utilize blockchain technology for security and automation, you can manage your regular bank accounts and credit cards without any cryptocurrency knowledge or investment. Our blockchain integration works behind the scenes to enhance your experience.', + }, + ], }, { category: 'security', questions: [ { question: 'Is my financial data secure?', - answer: 'Absolutely. BudgetChain employs multiple layers of security: 1) End-to-end encryption for all data transmissions, 2) Blockchain-based storage that\'s resistant to hacking, 3) Zero-knowledge proof authentication that never stores your credentials, 4) Optional biometric login for mobile devices, 5) Regular third-party security audits. Your data is protected with military-grade cryptography.' + answer: + "Absolutely. BudgetChain employs multiple layers of security: 1) End-to-end encryption for all data transmissions, 2) Blockchain-based storage that's resistant to hacking, 3) Zero-knowledge proof authentication that never stores your credentials, 4) Optional biometric login for mobile devices, 5) Regular third-party security audits. Your data is protected with military-grade cryptography.", }, { question: 'Who has access to my financial information?', - answer: 'Only you have access to your complete financial information. BudgetChain uses advanced cryptographic techniques to ensure that even our engineers cannot view your sensitive data. When using bank connections, we follow strict read-only protocols and never store your banking login credentials. You maintain complete control over your data at all times.' - } - ] + answer: + 'Only you have access to your complete financial information. BudgetChain uses advanced cryptographic techniques to ensure that even our engineers cannot view your sensitive data. When using bank connections, we follow strict read-only protocols and never store your banking login credentials. You maintain complete control over your data at all times.', + }, + ], }, { category: 'technical', questions: [ { question: 'What devices and platforms does BudgetChain support?', - answer: 'BudgetChain is available across all major platforms: 1) iOS and Android mobile apps, 2) Web application accessible from any modern browser, 3) Desktop applications for Windows and macOS. All versions sync seamlessly via our blockchain backend. We also offer browser extensions for quick transaction entry and API access for enterprise users.' + answer: + 'BudgetChain is available across all major platforms: 1) iOS and Android mobile apps, 2) Web application accessible from any modern browser, 3) Desktop applications for Windows and macOS. All versions sync seamlessly via our blockchain backend. We also offer browser extensions for quick transaction entry and API access for enterprise users.', }, { question: 'How often is my data synced across devices?', - answer: 'BudgetChain performs real-time synchronization thanks to our blockchain infrastructure. Any change made on one device is propagated to the network and reflected on all your other devices typically within 2-5 seconds. For bank transactions, we refresh connected accounts every 4 hours or immediately when you manually trigger a refresh.' - } - ] + answer: + 'BudgetChain performs real-time synchronization thanks to our blockchain infrastructure. Any change made on one device is propagated to the network and reflected on all your other devices typically within 2-5 seconds. For bank transactions, we refresh connected accounts every 4 hours or immediately when you manually trigger a refresh.', + }, + ], }, { category: 'pricing', questions: [ { question: 'What pricing plans are available?', - answer: 'BudgetChain offers three tiers: 1) Free Plan - Basic budgeting with manual entry and limited history, 2) Premium ($9.99/month) - Automatic bank connections, advanced analytics, and smart contract rules, 3) Enterprise (custom pricing) - For businesses with team features and API access. All plans include our blockchain security features.' + answer: + 'BudgetChain offers three tiers: 1) Free Plan - Basic budgeting with manual entry and limited history, 2) Premium ($9.99/month) - Automatic bank connections, advanced analytics, and smart contract rules, 3) Enterprise (custom pricing) - For businesses with team features and API access. All plans include our blockchain security features.', }, { question: 'Is there a free trial available?', - answer: 'Yes, we offer a 30-day free trial of our Premium plan with no credit card required. This gives you full access to all features including bank connections, automated rules, and unlimited transaction history. After the trial period, you can choose to continue with Premium or switch to our Free plan without losing any data.' - } - ] - } + answer: + 'Yes, we offer a 30-day free trial of our Premium plan with no credit card required. This gives you full access to all features including bank connections, automated rules, and unlimited transaction history. After the trial period, you can choose to continue with Premium or switch to our Free plan without losing any data.', + }, + ], + }, ]; const categories = [ @@ -89,160 +100,182 @@ const FAQPage = () => { { id: 'technical', name: 'Technical Questions' }, { id: 'blockchain', name: 'Blockchain Integration' }, { id: 'security', name: 'Security and Privacy' }, - { id: 'pricing', name: 'Pricing and Plans' } + { id: 'pricing', name: 'Pricing and Plans' }, ]; const toggleQuestion = (index: string) => { setActiveQuestion(activeQuestion === index ? null : index); }; - const filteredData = faqData.filter(section => - activeCategory === 'all' || section.category === activeCategory - ).map(section => ({ - ...section, - questions: section.questions.filter(q => - q.question.toLowerCase().includes(searchQuery.toLowerCase()) || - q.answer.toLowerCase().includes(searchQuery.toLowerCase()) + const filteredData = faqData + .filter( + (section) => + activeCategory === 'all' || section.category === activeCategory ) - })).filter(section => section.questions.length > 0); + .map((section) => ({ + ...section, + questions: section.questions.filter( + (q) => + q.question.toLowerCase().includes(searchQuery.toLowerCase()) || + q.answer.toLowerCase().includes(searchQuery.toLowerCase()) + ), + })) + .filter((section) => section.questions.length > 0); const hasResults = filteredData.length > 0; return ( <> - -
-
- -

Frequently Asked Questions

-

- Find quick answers to common questions about BudgetChain. Can't find what you're looking for? Contact our support team. -

-
+ +
+
+ +

+ Frequently Asked Questions +

+

+ Find quick answers to common questions about BudgetChain. Can't + find what you're looking for? Contact our support team. +

+
- -
-
- + +
+
+ +
+ setSearchQuery(e.target.value)} + />
- setSearchQuery(e.target.value)} - /> -
- - - -
- {categories.map((category) => ( - - ))} -
-
+ - {!hasResults && ( -

No results found

-

Try adjusting your search or filter to find what you're looking for.

+
+ {categories.map((category) => ( + + ))} +
- )} - - {hasResults && ( + {!hasResults && ( - {filteredData.map((section) => ( - -
-

- {categories.find(c => c.id === section.category)?.name} -

-
-
- {section.questions.map((item, index) => ( -
- - - {activeQuestion === `${section.category}-${index}` && ( - -

{item.answer}

-
- )} -
-
- ))} -
-
- ))} +

+ No results found +

+

+ Try adjusting your search or filter to find what you're looking + for. +

)} -
+ + + {hasResults && ( + + {filteredData.map((section) => ( + +
+

+ { + categories.find((c) => c.id === section.category) + ?.name + } +

+
+
+ {section.questions.map((item, index) => ( +
+ + + {activeQuestion === + `${section.category}-${index}` && ( + +

{item.answer}

+
+ )} +
+
+ ))} +
+
+ ))} +
+ )} +
+
-
-