diff --git a/src/app/analytics/page.tsx b/src/app/analytics/page.tsx index d614146..8f48dad 100644 --- a/src/app/analytics/page.tsx +++ b/src/app/analytics/page.tsx @@ -60,9 +60,11 @@ export default function AnalyticsPage() { description="Our comprehensive analytics platform provides deep insights into your financial performance with interactive dashboards, detailed reporting capabilities, and real-time data processing. Access visualizations of revenue trends, expense patterns, and profitability metrics to make informed business decisions." metrics={[ { - value: "Real-Time", title: "Data Processing Speed"}, + value: "Real-Time", title: "Data Processing Speed" + }, { - value: "100+", title: "Report Templates Available"}, + value: "100+", title: "Report Templates Available" + }, ]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-professional-revenue-trends-visualizat-1773335192060-fbac457d.png" imageAlt="Revenue trends visualization" @@ -81,58 +83,73 @@ export default function AnalyticsPage() { features={[ { id: "1", title: "Interactive Data Visualization", description: "Professional-grade charts and graphs displaying revenue trends, expense breakdowns, and profit patterns 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"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-professional-revenue-trends-visualizat-1773335192060-fbac457d.png" + }, items: [ { icon: LineChart, - text: "Revenue trend analysis"}, + text: "Revenue trend analysis" + }, { icon: PieChart, - text: "Expense distribution charts"}, + text: "Expense distribution charts" + }, { icon: BarChart4, - text: "Comparative metrics"}, + text: "Comparative metrics" + }, { icon: Filter, - text: "Dynamic filtering options"}, + text: "Dynamic filtering options" + }, ], reverse: false, }, { id: "2", title: "Expense Breakdown Analysis", description: "Detailed analysis of operational costs, marketing expenses, and employee salaries with trend analysis and comparative reporting across multiple time periods.", media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-comprehensive-expense-breakdown-visual-1773335192593-ff0d8cf2.png"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-comprehensive-expense-breakdown-visual-1773335192593-ff0d8cf2.png" + }, items: [ { icon: BarChart3, - text: "Cost category tracking"}, + text: "Cost category tracking" + }, { icon: TrendingUp, - text: "Trend identification"}, + text: "Trend identification" + }, { icon: CheckCircle, - text: "Variance analysis"}, + text: "Variance analysis" + }, { icon: Database, - text: "Historical comparison"}, + text: "Historical comparison" + }, ], reverse: true, }, { id: "3", title: "Performance Metrics Dashboard", description: "Key performance indicator tracking with custom metrics, benchmarking capabilities, and performance alerts to monitor your financial health.", media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-modern-clean-software-dashboard-interf-1773335193843-3c4b4eb4.png"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-modern-clean-software-dashboard-interf-1773335193843-3c4b4eb4.png" + }, items: [ { icon: TrendingUp, - text: "KPI tracking"}, + text: "KPI tracking" + }, { icon: Zap, - text: "Real-time alerts"}, + text: "Real-time alerts" + }, { icon: Target, - text: "Goal benchmarking"}, + text: "Goal benchmarking" + }, { icon: Users, - text: "Team performance view"}, + text: "Team performance view" + }, ], reverse: false, }, @@ -152,16 +169,20 @@ export default function AnalyticsPage() { metrics={[ { id: "1", icon: TrendingUp, - title: "Data Accuracy", value: "99.9%"}, + title: "Data Accuracy", value: "99.9%" + }, { id: "2", icon: Zap, - title: "Processing Speed", value: "<50ms"}, + title: "Processing Speed", value: "<50ms" + }, { id: "3", icon: BarChart4, - title: "Report Types", value: "100+"}, + title: "Report Types", value: "100+" + }, { id: "4", icon: Users, - title: "Active Analysts", value: "500+"}, + title: "Active Analysts", value: "500+" + }, ]} animationType="slide-up" textboxLayout="default" @@ -177,17 +198,23 @@ export default function AnalyticsPage() { tagAnimation="slide-up" faqs={[ { - id: "1", title: "What analytics reports are available?", content: "Our platform offers 100+ pre-built report templates including revenue analysis, expense tracking, profitability reports, trend analysis, comparative metrics, and custom report builder functionality. All reports can be exported in multiple formats."}, + id: "1", title: "What analytics reports are available?", content: "Our platform offers 100+ pre-built report templates including revenue analysis, expense tracking, profitability reports, trend analysis, comparative metrics, and custom report builder functionality. All reports can be exported in multiple formats." + }, { - id: "2", title: "How often is data updated in the analytics dashboard?", content: "The analytics platform processes data in real-time with refresh intervals under 50ms. Data visualizations update instantly when new financial data is submitted, ensuring you always have current insights."}, + id: "2", title: "How often is data updated in the analytics dashboard?", content: "The analytics platform processes data in real-time with refresh intervals under 50ms. Data visualizations update instantly when new financial data is submitted, ensuring you always have current insights." + }, { - id: "3", title: "Can I customize the dashboard visualizations?", content: "Yes, you can customize dashboard layouts, select which metrics to display, adjust chart types, modify time periods, and apply filters. Save multiple dashboard configurations for different analytical perspectives."}, + id: "3", title: "Can I customize the dashboard visualizations?", content: "Yes, you can customize dashboard layouts, select which metrics to display, adjust chart types, modify time periods, and apply filters. Save multiple dashboard configurations for different analytical perspectives." + }, { - id: "4", title: "What data visualization types are supported?", content: "We support line charts, bar graphs, pie charts, area charts, scatter plots, heatmaps, and custom visualizations. All charts are interactive with zoom, pan, and drill-down capabilities."}, + id: "4", title: "What data visualization types are supported?", content: "We support line charts, bar graphs, pie charts, area charts, scatter plots, heatmaps, and custom visualizations. All charts are interactive with zoom, pan, and drill-down capabilities." + }, { - id: "5", title: "Can I export analytics reports?", content: "Yes, reports can be exported in PDF, Excel, CSV, and PNG formats. Schedule automated report generation and delivery to email addresses. Create report templates for recurring analysis."}, + id: "5", title: "Can I export analytics reports?", content: "Yes, reports can be exported in PDF, Excel, CSV, and PNG formats. Schedule automated report generation and delivery to email addresses. Create report templates for recurring analysis." + }, { - id: "6", title: "How are multiple data sources integrated?", content: "The analytics platform integrates data from multiple sources through CSV imports, database connections, and API integrations. Data consolidation and normalization happens automatically."}, + id: "6", title: "How are multiple data sources integrated?", content: "The analytics platform integrates data from multiple sources through CSV imports, database connections, and API integrations. Data consolidation and normalization happens automatically." + }, ]} faqsAnimation="slide-up" textboxLayout="default" @@ -202,13 +229,16 @@ export default function AnalyticsPage() { socialLinks={[ { icon: Github, - href: "https://github.com", ariaLabel: "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" + }, ]} /> diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx index 8882597..11ae87c 100644 --- a/src/app/dashboard/page.tsx +++ b/src/app/dashboard/page.tsx @@ -83,16 +83,20 @@ export default function DashboardPage() { metrics={[ { id: "1", icon: TrendingUp, - title: "Current Accuracy", value: "96.2%"}, + title: "Current Accuracy", value: "96.2%" + }, { id: "2", icon: Zap, - title: "Avg Response Time", value: "87ms"}, + title: "Avg Response Time", value: "87ms" + }, { id: "3", icon: Users, - title: "Active Sessions", value: "247"}, + title: "Active Sessions", value: "247" + }, { id: "4", icon: Database, - title: "Data Points Analyzed", value: "2.3M"}, + title: "Data Points Analyzed", value: "2.3M" + }, ]} animationType="slide-up" textboxLayout="default" @@ -112,7 +116,8 @@ export default function DashboardPage() { id: "1", title: "Real-Time Data Monitoring", description: "Monitor your financial metrics as they update in real-time. The dashboard provides live tracking of revenue, expenses, and profit predictions with automatic refresh intervals.", media: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-modern-clean-software-dashboard-interf-1773335193843-3c4b4eb4.png"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-modern-clean-software-dashboard-interf-1773335193843-3c4b4eb4.png" + }, items: [ { icon: LineChart, text: "Live metric tracking" }, { icon: RefreshCw, text: "Auto-refresh intervals" }, @@ -125,7 +130,8 @@ export default function DashboardPage() { id: "2", title: "Advanced Visualization Suite", description: "Powerful chart rendering engine displaying multiple visualization types including line charts, bar graphs, pie charts, and custom analytics views with 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"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-professional-revenue-trends-visualizat-1773335192060-fbac457d.png" + }, items: [ { icon: PieChart, text: "Multi-chart rendering" }, { icon: BarChart4, text: "Custom visualization" }, @@ -138,7 +144,8 @@ export default function DashboardPage() { id: "3", title: "Data Import and Management", description: "Seamlessly import financial data from multiple sources. CSV upload functionality with validation, data mapping, and automatic integration into your forecasting models.", media: { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqzqzcOmjChz5fpsGh2JQ2Xvk6/a-clean-professional-financial-data-inpu-1773335191893-8d4389c9.png"}, + "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-source import" }, { icon: CheckCircle, text: "Data validation" }, @@ -162,13 +169,16 @@ export default function DashboardPage() { socialLinks={[ { icon: Github, - href: "https://github.com", ariaLabel: "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" + }, ]} /> diff --git a/src/app/data/page.tsx b/src/app/data/page.tsx index 638240a..f3c5bf9 100644 --- a/src/app/data/page.tsx +++ b/src/app/data/page.tsx @@ -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() { -
- -
-
-
- -
-
-
- -
-