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() {