feature page on metrics and dashboards (#658)

Co-authored-by: ankit01-oss <>

app/distributed-tracing/DistributedTracing.tsx

@@ -263,7 +263,7 @@ const SigNozFeatures = () => {
       image: "/img/features/distributed-tracing/trace-query-builder.webp",
     },
     {
-      title: 'Different Compact views',
+      title: 'Different Compact Views',
       desc: "See your trace data in different views based on your use cases, like list view, root spans, time series, and table view.",
       image: "/img/features/distributed-tracing/traces-time-series.webp",
       buttonText: 'Learn More',
@@ -286,10 +286,13 @@ const SigNozFeatures = () => {
     },
     {
       title: 'Access to Trace data through API',
-      desc: "Accessing trace data efficiently through our Trace API allows you to manage and analyze it efficiently. This opens up many opportunities for integration with other tools, programmatic analysis of trace data, and customized data handling, enhancing overall observability and operational efficiency.",
+      desc: "Accessing trace data through our Trace API allows you to manage and analyze it efficiently. This opens up many opportunities for integration with other tools, programmatic analysis of trace data, and customized data handling.",
       buttonText: 'Learn More',
       buttonLink: 'https://signoz.io/docs/traces-management/trace-api/overview/',
     },
+    {
+
+    }
   ]
   return (
     <>

app/distributed-tracing/page.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import Apm from './DistributedTracing'
+import DistributedTracing from './DistributedTracing'
 import { Metadata } from 'next'
 
 export const metadata: Metadata = {
@@ -20,6 +20,6 @@ export const metadata: Metadata = {
   }
 }
 
-export default function apmPage() {
-  return <Apm />
+export default function Page() {
+  return <DistributedTracing />
 }

app/metrics-and-dashboards/page.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import MetricsDashboards from './MetricsDashboards'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: {
+    absolute: 'Metrics & Dashboards | SigNoz',
+  },
+  openGraph: {
+    title: 'Metrics & Dashboards | SigNoz',
+    description: 'Monitor any metrics important to you. Ingest metrics from your infrastructure or applications and create customized dashboards to monitor them. Set alerts and get notified in your preferred notification channel.',
+    images:"/img/platform/LogsManagementHero.webp"
+  },
+  description:
+    'Monitor any metrics important to you. Ingest metrics from your infrastructure or applications and create customized dashboards to monitor them. Set alerts and get notified in your preferred notification channel.',
+  twitter:{
+    title: 'Metrics & Dashboards | SigNoz',
+    description: 'Monitor any metrics important to you. Ingest metrics from your infrastructure or applications and create customized dashboards to monitor them. Set alerts and get notified in your preferred notification channel.',
+    images:"/img/platform/LogsManagementHero.webp",
+  }
+}
+
+export default function MetricsDashboardsPage() {
+  return <MetricsDashboards />
+}