Merge pull request #23789 Better surfacing of Scala support via Scio.

website/www/site/content/en/documentation/sdks/scala.md

@@ -0,0 +1,28 @@
+---
+type: languages
+title: "Apache Beam Scala SDK"
+---
+<!--
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+# Apache Beam Scala SDK
+
+The official SDK for writing Beam Pipelines in Scala is [Scio](https://spotify.github.io/scio/).
+
+## Scio
+
+Scio is a Scala API for Apache Beam and Google Cloud Dataflow inspired by Apache Spark and Scalding.
+Scio aims to be a thin wrapper on top of Beam while offering idiomatic Scala style API.
+
+
+Learn more about Scio [here](https://spotify.github.io/scio/).

website/www/site/data/pipelines.yaml

@@ -19,6 +19,9 @@
 - title: Go
   image_url: /images/logos/sdks/go_pipelines.png
   url: /documentation/sdks/go/
+- title: Scala
+  image_url: /images/logos/sdks/scala_pipeline.png
+  url: /documentation/sdks/scala/
 - title: SQL
   image_url: /images/logos/sdks/sql_pipelines.png
   url: /documentation/dsls/sql/overview/

website/www/site/layouts/partials/section-menu/en/sdks.html

@@ -60,6 +60,17 @@
   </ul>
 </li>
 
+<li>
+  <span class="section-nav-list-title">Scala</span>
+  <ul class="section-nav-list">
+    <li><a href="/documentation/sdks/scala/">Scio</a></li>
+    <li><a href="https://spotify.github.io/scio/api/com/spotify/scio/index.html" target="_blank">Scio SDK API reference <img src="/images/external-link-icon.png"
+                                                                                                                                   width="14" height="14"
+                                                                                                                                   alt="External link."></a>
+    </li>
+  </ul>
+</li>
+
 <li>
   <span class="section-nav-list-title">SQL</span>
   <ul class="section-nav-list">