bender/6ddb3429-1858-4d46-beaf-7e73681daf38
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/data/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-12 17:15:04 +00:00
parent eacb429d5a
commit c4e5614ce4
1 changed files with 102 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

380
src/app/data/page.tsx
View File

@@ -1,45 +1,33 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import {
Sparkles,
Target,
CheckCircle,
Database,
BarChart3,
Brain,
TrendingUp,
AlertCircle,
RefreshCw,
LineChart,
PieChart,
BarChart4,
Filter,
Upload,
FileCheck,
Table,
RotateCcw,
Lightbulb,
AlertTriangle,
TrendingUp,
Zap,
Users,
Github,
Linkedin,
Twitter,
} from "lucide-react";
export default function DataManagementPage() {
export default function DataPage() {
const navItems = [
{ name: "Dashboard", id: "dashboard" },
{ name: "Dashboard", id: "analytics" },
{ name: "Analytics", id: "analytics" },
{ name: "Forecasting", id: "forecasting" },
{ name: "Data", id: "data" },
@@ -53,7 +41,7 @@ export default function DataManagementPage() {
borderRadius="soft"
contentWidth="small"
sizing="mediumLarge"
background="noise"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -63,131 +51,105 @@ export default function DataManagementPage() {
<NavbarStyleApple brandName="IAEFS" navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroBillboard
title="Intelligent Accounting Analytics: Enterprise Profit Forecasting System"
description="Advanced machine learning-powered platform for real-time financial analysis, profit prediction, and business intelligence. Transform your accounting data into actionable insights with our enterprise-grade forecasting system."
background={{ variant: "noise" }}
tag="Advanced AI Analytics"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Launch Dashboard", href: "/dashboard" },
{ text: "Learn More", href: "features" },
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-modern-clean-software-dashboard-interf-1773335193843-3c4b4eb4.png?_wi=5"
imageAlt="Enterprise Financial Dashboard Interface"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="System Overview"
tag="Data Management"
tagIcon={Target}
title="Transforming Financial Data into Predictive Intelligence"
description="Our Intelligent Accounting Analytics System leverages machine learning regression models to forecast enterprise profits with unprecedented accuracy. Designed for educational excellence and practical business application, this comprehensive platform integrates data visualization, predictive analytics, and AI-powered recommendations to empower financial decision-making."
tagAnimation="slide-up"
title="Enterprise Data Management & Integration"
description="Our comprehensive data management platform provides seamless integration of financial datasets from multiple sources. Advanced data processing, validation, and transformation capabilities ensure your data is always accurate, clean, and ready for analysis and forecasting."
metrics={[
{ value: "95%+", title: "Prediction Accuracy Rate" },
{ value: "Real-Time", title: "Data Processing Speed" },
{
value: "Real-Time", title: "Data Processing Speed"
},
{
value: "99.9%", title: "Data Accuracy Rate"
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-clean-professional-financial-data-inpu-1773335191893-8d4389c9.png?_wi=4"
imageAlt="Financial Data Input Interface"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-professional-revenue-trends-visualizat-1773335192060-fbac457d.png"
imageAlt="Data management interface"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
title="Core Capabilities & Features"
description="A comprehensive suite of tools designed for enterprise financial forecasting and analysis"
tag="Key Features"
title="Data Management Capabilities"
description="Comprehensive tools for data integration, validation, and transformation"
tag="Data Features"
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Financial Data Input Module",
description:
"Seamlessly input and manage financial data including monthly revenue, operational costs, marketing expenses, and employee salary expenses with real-time validation and error checking.",
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-clean-professional-financial-data-inpu-1773335191893-8d4389c9.png?_wi=5",
id: "1", title: "Multi-Source Data Integration", description: "Integrate financial data from multiple sources including CSV files, database connections, and API endpoints. Automatic data consolidation and normalization ensures consistency across all data streams.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-clean-professional-financial-data-inpu-1773335191893-8d4389c9.png"
},
items: [
{ icon: Database, text: "Multi-field data entry forms" },
{ icon: CheckCircle, text: "Automated data validation" },
{ icon: Database, text: "Secure data storage" },
{ icon: BarChart3, text: "Real-time data preview" },
{
icon: Database,
text: "Multi-source import"
},
{
icon: CheckCircle,
text: "Data validation"
},
{
icon: BarChart3,
text: "Format detection"
},
{
icon: Database,
text: "Secure storage"
},
],
reverse: false,
},
{
id: "2",
title: "Advanced ML Prediction Engine",
description:
"Proprietary machine learning regression model trained on extensive financial datasets to deliver accurate profit forecasting based on multiple financial indicators and historical patterns.",
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-professional-data-visualization-showin-1773335191639-f62dbbb1.png?_wi=4",
id: "2", title: "Data Quality & Validation", description: "Advanced validation rules ensure data quality and integrity. Automatic error detection, correction suggestions, and data cleaning workflows maintain high data standards.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-modern-file-upload-interface-for-csv-d-1773335193067-2db0959a.png"
},
items: [
{ icon: Brain, text: "Regression-based predictions" },
{ icon: TrendingUp, text: "Seasonal trend analysis" },
{ icon: AlertCircle, text: "Confidence intervals" },
{ icon: RefreshCw, text: "Continuous model optimization" },
{
icon: CheckCircle,
text: "Real-time validation"
},
{
icon: Database,
text: "Error detection"
},
{
icon: TrendingUp,
text: "Data quality scoring"
},
{
icon: BarChart3,
text: "Correction suggestions"
},
],
reverse: true,
},
{
id: "3",
title: "Interactive Data Visualization",
description:
"Professional-grade charts and graphs displaying revenue trends, expense breakdowns, and profit predictions with interactive filtering and drill-down capabilities.",
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-professional-revenue-trends-visualizat-1773335192060-fbac457d.png?_wi=5",
id: "3", title: "Historical Data Analysis", description: "Access and analyze historical financial data with powerful query and analysis tools. Track data trends over time and identify patterns that inform business decisions.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-comprehensive-expense-breakdown-visual-1773335192593-ff0d8cf2.png"
},
items: [
{ icon: LineChart, text: "Revenue trend analysis" },
{ icon: PieChart, text: "Expense distribution charts" },
{ icon: BarChart4, text: "Comparative metrics" },
{ icon: Filter, text: "Dynamic filtering options" },
],
reverse: false,
},
{
id: "4",
title: "CSV Dataset Management",
description:
"Upload and process large financial datasets from CSV files with automatic parsing, validation, and integration into the forecasting model for bulk analysis.",
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-modern-file-upload-interface-for-csv-d-1773335193067-2db0959a.png?_wi=3",
},
items: [
{ icon: Upload, text: "Drag-and-drop file upload" },
{ icon: FileCheck, text: "CSV format validation" },
{ icon: Table, text: "Data preview and mapping" },
{ icon: RotateCcw, text: "Batch processing" },
],
reverse: true,
},
{
id: "5",
title: "AI-Powered Business Recommendations",
description:
"Intelligent analysis engine that generates actionable business recommendations based on financial data patterns, market trends, and forecasting results.",
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-professional-ai-powered-business-recom-1773335193567-6d51e7f9.png?_wi=2",
},
items: [
{ icon: Lightbulb, text: "Smart recommendations" },
{ icon: Target, text: "Actionable insights" },
{ icon: AlertTriangle, text: "Risk identification" },
{ icon: Zap, text: "Opportunity highlights" },
{
icon: LineChart,
text: "Trend analysis"
},
{
icon: PieChart,
text: "Distribution analysis"
},
{
icon: BarChart4,
text: "Comparative reports"
},
{
icon: Filter,
text: "Advanced filtering"
},
],
reverse: false,
},
@@ -200,91 +162,28 @@ export default function DataManagementPage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
title="System Performance Metrics"
description="Key performance indicators demonstrating the effectiveness of our forecasting platform"
tag="KPIs"
title="Data Platform Performance"
description="Key metrics for our data management and processing capabilities"
tag="Performance Metrics"
tagAnimation="slide-up"
metrics={[
{ id: "1", icon: TrendingUp, title: "Prediction Accuracy", value: "95%+" },
{ id: "2", icon: Zap, title: "Processing Speed", value: "<100ms" },
{ id: "3", icon: TrendingUp, title: "Enterprise Users", value: "500+" },
{ id: "4", icon: Database, title: "Datasets Processed", value: "10,000+" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Testimonials from Industry Leaders"
description="Hear from finance professionals and enterprise clients who have transformed their business with our platform"
tag="Success Stories"
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Dr. Sarah Chen",
handle: "@drsarahchen",
testimonial:
"The IAEFS platform has revolutionized how our finance department approaches forecasting. The accuracy and speed of predictions have directly improved our quarterly planning process. Highly recommended for enterprises.",
rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/professional-headshot-of-a-university-pr-1773335191476-5686aeaa.png?_wi=3",
id: "1", icon: TrendingUp,
title: "Data Accuracy", value: "99.9%"
},
{
id: "2",
name: "Michael Rodriguez",
handle: "@mrodriguez",
testimonial:
"Implementing this system reduced our forecasting time by 70% while improving accuracy. The ML model is incredibly sophisticated yet intuitive to use. Outstanding platform for financial analytics.",
rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/professional-headshot-of-a-university-re-1773335191572-188747dc.png?_wi=3",
id: "2", icon: Zap,
title: "Processing Speed", value: "<50ms"
},
{
id: "3",
name: "Professor Elena Ivanova",
handle: "@prof_ivanova",
testimonial:
"As an academic advisor, I'm impressed by both the technical sophistication and educational value of this system. It's perfect for demonstrating real-world ML applications in finance.",
rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/professional-headshot-of-a-university-st-1773335192039-ac4d7f37.png?_wi=3",
id: "3", icon: Database,
title: "Data Points Stored", value: "100M+"
},
{
id: "4",
name: "James Thompson",
handle: "@jthompson_cfo",
testimonial:
"The AI-powered recommendations have provided insights we wouldn't have discovered through traditional analysis. This is enterprise-grade analytics made accessible to organizations of all sizes.",
rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/professional-headshot-of-a-university-pr-1773335191476-5686aeaa.png?_wi=4",
},
{
id: "5",
name: "Lisa Park",
handle: "@lisapark_analyst",
testimonial:
"The data visualization features are exceptional. Being able to see revenue trends, expense breakdowns, and profit predictions in one integrated interface has transformed our decision-making.",
rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/professional-headshot-of-a-university-re-1773335191572-188747dc.png?_wi=4",
},
{
id: "6",
name: "Dr. Rajesh Patel",
handle: "@dr_rpatel",
testimonial:
"This platform represents the future of corporate finance. The machine learning integration is seamless, and the system maintains academic rigor while delivering practical business value.",
rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/professional-headshot-of-a-university-st-1773335192039-ac4d7f37.png?_wi=4",
id: "4", icon: Users,
title: "Active Datasets", value: "1,000+"
},
]}
showRating={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -293,58 +192,28 @@ export default function DataManagementPage() {
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Get answers to common questions about the IAEFS platform, its capabilities, and implementation"
tag="FAQ"
title="Data Management FAQ"
description="Find answers to common questions about our data management and integration features"
tag="Data Help"
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "How accurate are the profit predictions?",
content:
"Our machine learning regression model achieves 95%+ accuracy on historical datasets. Accuracy depends on data quality and relevance. The system continuously learns and improves predictions as new data is provided. Confidence intervals are displayed for all forecasts to indicate prediction reliability.",
id: "1", title: "What data formats does the platform support?", content: "We support multiple data formats including CSV, Excel, JSON, and direct database connections. Data is automatically validated and normalized regardless of the source format."
},
{
id: "2",
title: "What financial data does the system require?",
content:
"The core system requires: monthly revenue, operational costs, marketing expenses, and employee salary expenses. The model can incorporate additional variables like seasonal trends, market indicators, and historical forecasts for enhanced predictions. CSV bulk upload is supported for batch data processing.",
id: "2", title: "How is my data secured and backed up?", content: "All data is encrypted in transit and at rest using industry-standard encryption. Automatic daily backups ensure data protection. The platform complies with GDPR and enterprise security standards."
},
{
id: "3",
title: "Can I upload historical data in CSV format?",
content:
"Yes! The platform supports CSV file uploads for bulk data processing. Simply prepare your data with columns for date, revenue, operational costs, marketing expenses, and salaries. The system validates and parses the data automatically, then integrates it into the forecasting model.",
id: "3", title: "Can I integrate real-time data streams?", content: "Yes, the platform supports real-time data integration through API connections and webhook integrations. Data is processed and updated instantly as new information arrives."
},
{
id: "4",
title: "What kind of business recommendations does the AI provide?",
content:
"The AI analysis engine generates recommendations based on: expense trends, profit margin patterns, seasonal variations, growth opportunities, cost optimization suggestions, and risk alerts. Recommendations are prioritized by potential impact and include supporting data visualization.",
id: "4", title: "What validation rules are applied to data?", content: "Validation includes type checking, range validation, required field verification, referential integrity checks, and custom business rule validation. Failed validations are flagged with detailed error messages."
},
{
id: "5",
title: "Is my financial data secure?",
content:
"Yes. The platform implements enterprise-grade security including: encrypted data transmission (HTTPS), secure backend storage, role-based access controls, audit logging, and GDPR compliance. Data is never shared with third parties and can be deleted on request.",
id: "5", title: "How long is historical data retained?", content: "Historical data is retained indefinitely with tiered storage optimization. Frequently accessed data is kept in hot storage while older archives are available for analysis and reporting."
},
{
id: "6",
title: "What is the technology stack?",
content:
"Frontend: HTML5, CSS3, JavaScript with modern dashboard UI patterns. Backend: Python Flask framework for REST API and data processing. Machine Learning: Python with scikit-learn for regression modeling and predictions. Database: Secure data storage with automated backups.",
},
{
id: "7",
title: "How often are predictions updated?",
content:
"Predictions are generated in real-time when you submit new financial data. The system processes updates instantly and displays forecasts within milliseconds. For CSV batch uploads, bulk predictions are generated and displayed immediately after processing.",
},
{
id: "8",
title: "Can the system handle multiple forecasting scenarios?",
content:
"Yes. You can input different financial scenarios (optimistic, realistic, pessimistic) and compare predictions side-by-side. This helps with strategic planning and risk assessment. The system stores historical scenarios for comparison and trend analysis.",
id: "6", title: "Can I export my data?", content: "Yes, you can export data in multiple formats (CSV, Excel, JSON) with flexible filtering and date range selection. Bulk exports are supported for large datasets."
},
]}
faqsAnimation="slide-up"
@@ -353,67 +222,22 @@ export default function DataManagementPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get Started with IAEFS"
description="Have questions about our platform? Contact our team to schedule a demo, request more information, or discuss enterprise implementation options."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Professional Email",
required: true,
},
{
name: "company",
type: "text",
placeholder: "Company/Organization",
required: true,
},
{
name: "role",
type: "text",
placeholder: "Job Title/Role",
required: true,
},
]}
textarea={{
name: "message",
placeholder:
"Tell us about your forecasting needs and how IAEFS can help...",
rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-professional-system-architecture-diagr-1773335192249-d34de477.png?_wi=3"
imageAlt="System Architecture Diagram"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="IAEFS"
copyrightText="© 2025 Intelligent Accounting Analytics: Enterprise Profit Forecasting System | Diploma Project"
socialLinks={[
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
{
icon: Github,
href: "https://github.com", ariaLabel: "GitHub"
},
{
icon: Linkedin,
href: "https://linkedin.com",
ariaLabel: "LinkedIn",
href: "https://linkedin.com", ariaLabel: "LinkedIn"
},
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Twitter",
href: "https://twitter.com", ariaLabel: "Twitter"
},
]}
/>