added code

Author: marciocloudflare

src/content/partials/networking-services/analytics/traceroutes.mdx

@@ -5,41 +5,72 @@ params:
   - magicWord
 ---
 
-import { DashButton, Markdown } from "~/components";
+import { Aside, DashButton, Markdown, Tabs, TabItem } from "~/components";
 
 {props.productName} customers can run traceroutes to understand the hop by hop Internet path and latencies from Cloudflare's network to their own network.
 
 { props.magicWord === "wan-tunnels" && (
   <>
     <Markdown
       text={`
-## To run a traceroute from a specific Cloudflare data center to your network:
+To run a traceroute from a specific Cloudflare data center to your network:
 
 1. Log in to [Cloudflare One](https://one.dash.cloudflare.com/) > **Insights**.
 2. Go to **Network visibility** > **WAN connector health**.
 3. Select the tunnel you want to run the traceroute on.
 4. Select the three dots > **Traceroute details**.
       `}
+		inline={false}
     />
   </>
 )}
 
 { props.magicWord !== "wan-tunnels" && (
   <>
-    <Markdown
-      text={`
-## To run a traceroute from a specific Cloudflare data center to your network:
+    <Aside type="note">
+      To change between the new dashboard experience and the old one, find the banner at the top of the screen.
+    </Aside>
 
-1. In the Cloudflare dashboard, go to ${props.productName}'s **Network health** page.
-      `}
-    />
-    <DashButton url={props.dashButtonPath} />
-    <Markdown
-      text={`
-2. Expand a Magic Tunnel, and find the Cloudflare data center where the traceroute will be run from.
-3. Select **Traceroute for details**.
-      `}
-    />
+   To run a traceroute from a specific Cloudflare data center to your network:
+
+    <Tabs syncKey="dasNewNav">
+      <TabItem label="Old dashboard">
+        <Markdown
+          text={`
+					1. In the Cloudflare dashboard, go to ${props.productName}'s **Network health** page.
+          `}
+					inline={false}
+        />
+
+				<DashButton url={props.dashButtonPath} />
+
+				<Markdown
+          text={`
+					2. Expand a Magic Tunnel, and find the Cloudflare data center where the traceroute will be run from.
+					3. Select **Traceroute for details**.
+          `}
+				inline={false}
+        />
+      </TabItem>
+
+      <TabItem label="New dashboard" icon="rocket">
+				<Markdown
+					text={`
+					1. In the Cloudflare dashboard, go to ${props.productName}'s **Network health** page.
+				`}
+				inline={false}
+				/>
+				<DashButton url={props.dashButtonPath} />
+
+				<Markdown
+					text={`
+					2. Select the tunnel you want to run the traceroute on.
+					3. Select the three dots > **Traceroute details**.
+					`}
+				inline={false}
+				/>
+      </TabItem>
+    </Tabs>
   </>
 )}