Merge branch '237-stages-devops-lifecycle-product' into 'master'

Resolve "/stages-devops-lifecycle/以下のページの/product/以下のページヘのリンク切れを修正"

Closes #237

See merge request gitlab-jp/www-gitlab-jp!229

source/includes/stages/stage-page.html.haml

@@ -13,41 +13,48 @@
 .page-container.product-categories-container.text-center
   .container.titles
     %h1
-      Product categories
+      製品カテゴリー
     .gitlab-content-container-full.margin-top40
       .content
         .grid-layout.grid-layout2
-          - data.categories.each do |key, category|
-            - url = category.alt_link ? category.alt_link : "/product/#{key.gsub('_', '-').downcase}"
+          - Gitlab::Homepage::Category.all!.select{|category| category.marketing}.each do |category|
+            - url = category.best_link
+            - badge = nil
+            - if category.maturity == 'planned'
+              - badge = 'Future Category'
             - if solution.display_name.downcase === category.stage
               .grid-item.fiex-container.flex-column.flex-start.text-left
                 %a.category-title.flex-container.align-center.full-width{ href: "#{url}" }
-                  %img.category-logo{ src: "/images/devops-tools/gitlab-logo.svg", alt: "GitLab logo svg" }
-                  %h3.margin0{ id: "#{key.gsub('_', '-').downcase}" }
+                  = image_tag "/images/devops-tools/gitlab-logo.svg", class: "category-logo", alt: "GitLab logo svg"
+                  %h3.margin0{ id: "#{category.key.gsub('_', '-').downcase}" }
                     = category.name
+                  - unless badge.nil?
+                    .badge-container.top-row
+                      .badge.available
+                        = badge
                 - if category.description? || category.description != ""
                   %p.margin-top20
                     = category.description
                 %a.learn-more.flex-container.align-center{ href: "#{url}"}
-                  Learn More →
+                  詳細 →
 
 .page-container.feature-gallery-alt.text-center
   - if solution.cta
     = partial "#{solution.cta}"
   .container.titles
     %h1
-      Direction
+      計画
     .direction
       %p
-        Learn more about our roadmap for upcoming features on our
-        = succeed "." do
-          %a.learn-more{ href: "/direction/#{solution.display_name.downcase}/"}Direction page
+        %a.learn-more{ href: "/direction/#{solution.display_name.downcase}/"}計画ページ
+        = succeed "。" do
+          で、将来的に追加予定の機能を調べる
 
 - if (defined?(solution.related))
   .page-container.feature-gallery.text-center
     .container.titles
       %h1
-        Related
+        関連する
       .related-solutions
         - solution.related.each do |related_solution|
           .related-solution-item