Update src/app/reports/page.tsx

src/app/reports/page.tsx

@@ -19,8 +19,7 @@ export default function ReportsPage() {
 
   const footerColumns = [
     {
-      title: "Product",
+      title: "Product",      items: [
-      items: [
         { label: "Features", href: "#features" },
         { label: "Reports", href: "/reports" },
         { label: "Vehicles", href: "/vehicles" },
@@ -28,8 +27,7 @@ export default function ReportsPage() {
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About Us", href: "/" },
         { label: "Blog", href: "/" },
         { label: "Careers", href: "/" },
@@ -37,8 +35,7 @@ export default function ReportsPage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      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",
+            text: "Get Started",            href: "#contact"}}
-            href: "#contact",
-          }}
           animateOnLoad={true}
         />
       </div>
@@ -79,34 +74,22 @@ export default function ReportsPage() {
           features={[
             {
               icon: Calendar,
-              title: "Daily Reports",
+              title: "Daily Reports",              description: "Monitor daily vehicle operations, mileage, fuel consumption, and route efficiency with real-time updates"},
-              description: "Monitor daily vehicle operations, mileage, fuel consumption, and route efficiency with real-time updates",
-            },
             {
               icon: BarChart3,
-              title: "Monthly Analysis",
+              title: "Monthly Analysis",              description: "Comprehensive monthly summaries showing trends, cost analysis, and performance metrics across your fleet"},
-              description: "Comprehensive monthly summaries showing trends, cost analysis, and performance metrics across your fleet",
-            },
             {
               icon: TrendingUp,
-              title: "Quarterly Insights",
+              title: "Quarterly Insights",              description: "Strategic quarterly reviews with year-over-year comparisons and operational benchmarking"},
-              description: "Strategic quarterly reviews with year-over-year comparisons and operational benchmarking",
-            },
             {
               icon: Download,
-              title: "Custom Exports",
+              title: "Custom Exports",              description: "Export reports in multiple formats including PDF, CSV, and Excel for easy sharing and archival"},
-              description: "Export reports in multiple formats including PDF, CSV, and Excel for easy sharing and archival",
-            },
             {
               icon: Filter,
-              title: "Advanced Filtering",
+              title: "Advanced Filtering",              description: "Filter reports by vehicle, service type, date range, and expense category for targeted analysis"},
-              description: "Filter reports by vehicle, service type, date range, and expense category for targeted analysis",
-            },
             {
               icon: Zap,
-              title: "Automated Scheduling",
+              title: "Automated Scheduling",              description: "Set up recurring reports that automatically generate and deliver to your inbox on schedule"},
-              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",
+              id: "1",              value: "< 5s",              title: "Report Generation Time",              items: [
-              value: "< 5s",
+                "Advanced data processing",                "Real-time data refresh",                "Instant PDF export"],
-              title: "Report Generation Time",
-              items: [
-                "Advanced data processing",
-                "Real-time data refresh",
-                "Instant PDF export",
-              ],
             },
             {
-              id: "2",
+              id: "2",              value: "99.9%",              title: "Data Accuracy",              items: [
-              value: "99.9%",
+                "Automated validation",                "Error detection systems",                "Compliance auditing"],
-              title: "Data Accuracy",
-              items: [
-                "Automated validation",
-                "Error detection systems",
-                "Compliance auditing",
-              ],
             },
             {
-              id: "3",
+              id: "3",              value: "100+",              title: "Report Templates",              items: [
-              value: "100+",
+                "Pre-built dashboards",                "Custom report builder",                "Industry-standard formats"],
-              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",
+              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."},
-              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",
+              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."},
-              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",
+              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."},
-              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",
+              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."},
-              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"