851 review apps landing page

Closes #851

Meta Issue: https://gitlab.com/gitlab-org/gitlab-ce/issues/20255

• Release: 8.14
• Due date: Nov 18th
• Merge: Nov 22th

URL: /features/review-apps/

Tasks:

• New hero section (the icon should be review icon from the 10 steps and the background screen should be updated)

• Add the collaboration icon that David shared and the below after automatic live preview

• Benefit: One-click to collaborate

• Supporting text: No need to check out a branch or spin up a staging environment. Just send a link and let your team click around.

• Remove the Review Apps overview section. Since the screenshot does not add value and it takes up a decent amount of space.

• Remove the icons, screens, and copy for all of the benefits

• In the place of the benefits, let's use this portion of Dimitrie's image

• The full image was shared here: !3750 (comment 18497551)

• Above the image it should say: "Review Apps transform the way you and your team work. For developers this means you can kick off your feedback process much sooner. Submit a merge request and preview your changes in a live environment. When you push to master, you'll know your changes have gone through CI testing as well as a live review where the team can make sure things actually work.

• For designers, product managers, marketing counterparts, etc., giving feedback just got a lot easier. You won't have to check out branches or spin up a staging environment to preview changes. With Review Apps, you click a link and see the live changes. Hopefully, this means you can give more timely and informed feedback."

• Make size of buttons under Get Started with GitLab Review Apps section be equal.

bin/pick-random-team-members

+#!/usr/bin/env ruby
+
+require 'docopt'
+require 'yaml'
+
+docstring = <<DOCSTRING
+Pick some random team members!
+
+Usage:
+  #{__FILE__} <n> [--min=<m>] [--reports-to=<reports-to>]... [--role=<role>]...
+  #{__FILE__} -h | --help
+
+Options:
+  -h --help                  Show this screen.
+  --min=<m>                  Pick a minimum number of team members from each category.
+  --reports-to=<reports-to>  Pick team members who report to the given team members.
+  --role=<role>              Pick team members with the given role.
+DOCSTRING
+
+def strip_html(string)
+  string.gsub(/<[^>]+>/, '')
+end
+
+def print_selected(options)
+  selected = []
+  team_members = YAML.load_file('data/team.yml')
+
+  n = options['<n>'].to_i
+  min = options['--min'].to_i
+  reports_to, role = options.values_at('--reports-to', '--role')
+
+  # Key the team members by (reports to, role). If --reports-to isn't passed,
+  # use nil for that part of the key; do the same for --role. Strip HTML tags
+  # from both.
+  categorised_team_members = team_members.group_by do |member|
+    [
+      reports_to && strip_html(member['reports_to']),
+      role && strip_html(member['role'])
+    ]
+  end
+
+  reports_to ||= [nil]
+  role ||= [nil]
+
+  chosen_hash_keys = reports_to.product(role)
+  available_categorised_team_members = categorised_team_members.values_at(*chosen_hash_keys).compact
+
+  # If min * selected categories > n, then we can't enforce that.
+  if min > 0 && (min * available_categorised_team_members.length) <= n
+    available_categorised_team_members.map! do |members|
+      sampled = members.sample(min)
+
+      selected += sampled
+      n -= min
+
+      members - sampled
+    end
+  end
+
+  selected += available_categorised_team_members.flatten.sample(n)
+
+  puts selected.map { |member| member['name'] }.sort
+end
+
+begin
+  options = Docopt::docopt(docstring)
+
+  print_selected(options)
+rescue Docopt::Exit => e
+  puts e.message
+end