From 8581e94dc92b9d1e064f71eab1e56627c5b65686 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 22:09:21 +0000
Subject: [PATCH] Update src/app/reports/page.tsx

---
 src/app/reports/page.tsx | 91 ++++++++++------------------------------
 1 file changed, 22 insertions(+), 69 deletions(-)

diff --git a/src/app/reports/page.tsx b/src/app/reports/page.tsx
index 49370ca..1061f97 100644
--- a/src/app/reports/page.tsx
+++ b/src/app/reports/page.tsx
@@ -19,8 +19,7 @@ export default function ReportsPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "#features" },
         { label: "Reports", href: "/reports" },
         { label: "Vehicles", href: "/vehicles" },
@@ -28,8 +27,7 @@ export default function ReportsPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/" },
         { label: "Blog", href: "/" },
         { label: "Careers", href: "/" },
@@ -37,8 +35,7 @@ export default function ReportsPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Security", href: "#" },
@@ -54,7 +51,7 @@ export default function ReportsPage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="medium"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-depth"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -65,9 +62,7 @@ export default function ReportsPage() {
           brandName="TransitFlow"
           navItems={navItems}
           button={{
-            text: "Get Started",
-            href: "#contact",
-          }}
+            text: "Get Started",            href: "#contact"}}
           animateOnLoad={true}
         />
       </div>
@@ -79,34 +74,22 @@ export default function ReportsPage() {
           features={[
             {
               icon: Calendar,
-              title: "Daily Reports",
-              description: "Monitor daily vehicle operations, mileage, fuel consumption, and route efficiency with real-time updates",
-            },
+              title: "Daily Reports",              description: "Monitor daily vehicle operations, mileage, fuel consumption, and route efficiency with real-time updates"},
             {
               icon: BarChart3,
-              title: "Monthly Analysis",
-              description: "Comprehensive monthly summaries showing trends, cost analysis, and performance metrics across your fleet",
-            },
+              title: "Monthly Analysis",              description: "Comprehensive monthly summaries showing trends, cost analysis, and performance metrics across your fleet"},
             {
               icon: TrendingUp,
-              title: "Quarterly Insights",
-              description: "Strategic quarterly reviews with year-over-year comparisons and operational benchmarking",
-            },
+              title: "Quarterly Insights",              description: "Strategic quarterly reviews with year-over-year comparisons and operational benchmarking"},
             {
               icon: Download,
-              title: "Custom Exports",
-              description: "Export reports in multiple formats including PDF, CSV, and Excel for easy sharing and archival",
-            },
+              title: "Custom Exports",              description: "Export reports in multiple formats including PDF, CSV, and Excel for easy sharing and archival"},
             {
               icon: Filter,
-              title: "Advanced Filtering",
-              description: "Filter reports by vehicle, service type, date range, and expense category for targeted analysis",
-            },
+              title: "Advanced Filtering",              description: "Filter reports by vehicle, service type, date range, and expense category for targeted analysis"},
             {
               icon: Zap,
-              title: "Automated Scheduling",
-              description: "Set up recurring reports that automatically generate and deliver to your inbox on schedule",
-            },
+              title: "Automated Scheduling",              description: "Set up recurring reports that automatically generate and deliver to your inbox on schedule"},
           ]}
           animationType="slide-up"
           tag="Reporting Tools"
@@ -122,34 +105,16 @@ export default function ReportsPage() {
           description="Generate and analyze reports with unprecedented speed and accuracy"
           metrics={[
             {
-              id: "1",
-              value: "< 5s",
-              title: "Report Generation Time",
-              items: [
-                "Advanced data processing",
-                "Real-time data refresh",
-                "Instant PDF export",
-              ],
+              id: "1",              value: "< 5s",              title: "Report Generation Time",              items: [
+                "Advanced data processing",                "Real-time data refresh",                "Instant PDF export"],
             },
             {
-              id: "2",
-              value: "99.9%",
-              title: "Data Accuracy",
-              items: [
-                "Automated validation",
-                "Error detection systems",
-                "Compliance auditing",
-              ],
+              id: "2",              value: "99.9%",              title: "Data Accuracy",              items: [
+                "Automated validation",                "Error detection systems",                "Compliance auditing"],
             },
             {
-              id: "3",
-              value: "100+",
-              title: "Report Templates",
-              items: [
-                "Pre-built dashboards",
-                "Custom report builder",
-                "Industry-standard formats",
-              ],
+              id: "3",              value: "100+",              title: "Report Templates",              items: [
+                "Pre-built dashboards",                "Custom report builder",                "Industry-standard formats"],
             },
           ]}
           animationType="scale-rotate"
@@ -163,25 +128,13 @@ export default function ReportsPage() {
         <FaqSplitText
           faqs={[
             {
-              id: "1",
-              title: "How do I generate custom date range reports?",
-              content: "Simply navigate to the Reports section, select your desired date range using the calendar picker, choose the report type (Daily, Monthly, or Quarterly), select vehicles or service categories to include, and click Generate. The system processes your report in seconds and provides multiple export options.",
-            },
+              id: "1",              title: "How do I generate custom date range reports?",              content: "Simply navigate to the Reports section, select your desired date range using the calendar picker, choose the report type (Daily, Monthly, or Quarterly), select vehicles or service categories to include, and click Generate. The system processes your report in seconds and provides multiple export options."},
             {
-              id: "2",
-              title: "Can I compare metrics across multiple vehicles?",
-              content: "Yes! Our comparative reporting tool allows you to select multiple vehicles and view side-by-side metrics including fuel efficiency, cost per mile, maintenance frequency, and uptime. You can also compare across time periods to identify trends and anomalies.",
-            },
+              id: "2",              title: "Can I compare metrics across multiple vehicles?",              content: "Yes! Our comparative reporting tool allows you to select multiple vehicles and view side-by-side metrics including fuel efficiency, cost per mile, maintenance frequency, and uptime. You can also compare across time periods to identify trends and anomalies."},
             {
-              id: "3",
-              title: "Are reports automatically saved and archived?",
-              content: "All reports are automatically saved to your account and archived for 7 years in compliance with regulatory requirements. You can access historical reports from the Report Archive section, and we provide bulk download capabilities for compliance audits.",
-            },
+              id: "3",              title: "Are reports automatically saved and archived?",              content: "All reports are automatically saved to your account and archived for 7 years in compliance with regulatory requirements. You can access historical reports from the Report Archive section, and we provide bulk download capabilities for compliance audits."},
             {
-              id: "4",
-              title: "Can I schedule automated weekly or monthly reports?",
-              content: "Absolutely! The Scheduled Reports feature allows you to create recurring reports that automatically generate and email stakeholders on your chosen frequency (daily, weekly, monthly, or quarterly). You can set up multiple schedules with different recipients and customizations.",
-            },
+              id: "4",              title: "Can I schedule automated weekly or monthly reports?",              content: "Absolutely! The Scheduled Reports feature allows you to create recurring reports that automatically generate and email stakeholders on your chosen frequency (daily, weekly, monthly, or quarterly). You can set up multiple schedules with different recipients and customizations."},
           ]}
           sideTitle="Reporting Questions"
           sideDescription="Find answers to common questions about our reporting features"
@@ -194,7 +147,7 @@ export default function ReportsPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/wide-aerial-view-of-a-modern-transportat-1772489121730-52e07e45.png?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/wide-aerial-view-of-a-modern-transportat-1772489121730-52e07e45.png"
           imageAlt="Fleet operations background"
           columns={footerColumns}
           logoText="TransitFlow"