Tweak some navigation ui to make onboarding more intuitive

Author: Alex Krawiec

docs/product/index.mdx

@@ -1,5 +1,5 @@
 ---
-title: Product Walkthroughs
+title: What Is Sentry?
 sidebar_order: 30
 description: "Get an overview of how you can use Sentry to not just observe, but debug errors, get to the root of user complaints, and identify performance bottlenecks."
 ---

docs/product/sentry-basics/index.mdx

@@ -1,5 +1,5 @@
 ---
-title: An Intro to Sentry
+title: Getting Started With Sentry
 sidebar_order: 10
 description: "Learn about our recommendations for getting the most out of Sentry."
 ---
@@ -20,6 +20,6 @@ There are three things we recommend you do to get the most out of Sentry:
 
 ## Tutorials: Frontend and Backend Error Monitoring
 
-Learn how to set up Sentry by following along with a step-by-step frontend or backend tutorial.
+Learn how to set up Sentry by following along with a step-by-step frontend or backend tutorial. To see how errors can be monitored across your frontend **and** backend, try the distributed tracing tutorial.
 
 <PageGrid />

src/components/home.tsx

@@ -60,7 +60,7 @@ export async function Home() {
         <PlatformFilter platforms={sortedPlatforms} />
         <h2 className="text-2xl mt-16 mb-6 font-medium">Get to know us</h2>
         <div className="flex flex-wrap gap-6">
-          <Link href="/product/sentry-basics/" className="w-full">
+          <Link href="/product/" className="w-full">
             <div className="flex flex-col md:flex-row shadow dark:bg-[var(--gray-4)] p-6 rounded gap-4">
               <Image src={RocketImage} height={64} alt="Rocket image" />
               <div className="space-y-2">

src/components/sidebar/sidebarLinks.tsx

@@ -22,7 +22,7 @@ const productSidebarItems = [
     root: 'organization',
   },
   {
-    title: 'Product Walkthroughs',
+    title: 'What Is Sentry?',
     root: 'product',
   },
   {