Set up Trial Reassurance experiment & add simple version of sidebar

- Add new `trial_registration_with_reassurance` EE-only feature flag
- Use GLEX to set up the experiment using the new feature flag
- In the candidate experience, adjust the layout to have two columns,
  the left column being the new reassurances sidebar

app/assets/stylesheets/utilities.scss

@@ -240,3 +240,13 @@ $gl-line-height-42: px-to-rem(42px);
     }
   }
 }
+
+// Will be moved to @gitlab/ui by https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1490
+.gl-w-grid-size-28 {
+  width: $grid-size * 28;
+}
+
+// Will be moved to @gitlab/ui by https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1491
+.gl-min-w-8 {
+  min-width: $gl-spacing-scale-8;
+}

ee/app/views/trial_registrations/_reassurances.html.haml

+%h2.gl-mb-2.gl-text-center.gl-text-gray-800= s_('InProductMarketing|Free 30-day trial')
+%p.gl-font-lg.gl-text-center.gl-text-gray-800= s_('InProductMarketing|No credit card required.')
+
+%ul.gl-pl-0.gl-mb-6.gl-pl-0.gl-mb-6x.gl-text-gray-800.gl-font-sm
+  - [s_('InProductMarketing|Increase Operational Efficiencies'), s_('InProductMarketing|Deliver Better Products Faster'), s_('InProductMarketing|Reduce Security & Compliance Risk')].each do |value_prop|
+    %li.gl-display-flex.gl-mb-5
+      %span.gl-mr-3.gl-text-green-400= sprite_icon 'check-circle', css_class: 'gl-icon'
+      = value_prop
+
+%p.gl-mb-3.gl-text-gray-400.gl-font-sm.gl-line-height-24= s_('InProductMarketing|Used by more than 100,000 organizations from around the globe:')
+
+%ul.gl-display-flex.gl-flex-wrap.gl-pl-0.gl-font-sm.gl-text-gray-400.gl-font-weight-bold
+  - ['NASA', 'ING', 'Goldman Sachs', 'Wish', 'Ticketmaster', 'Siemens', 'Nvidia', 'Hotjar'].each do |company|
+    %li.gl-display-flex.gl-align-items-center.gl-min-w-8.gl-h-8.gl-mr-5
+      = company

ee/app/views/trial_registrations/new.html.haml

@@ -4,8 +4,7 @@
   = render "layouts/google_tag_manager_head"
 = render "layouts/google_tag_manager_body"
 
-.row
-  .col-md-6.offset-md-3
+- registration_form_content = capture do
   %h2.gl-text-center.gl-pb-5.gl-my-0
     = _('Start a Free Ultimate Trial')
 
@@ -17,3 +16,16 @@
       omniauth_providers_placement: :top
 
     = render 'devise/shared/sign_in_link'
+
+.row
+  - experiment(:trial_registration_with_reassurance) do |e|
+    - e.use do
+      .col-md-6.offset-md-3
+        = registration_form_content
+
+    - e.try do
+      .col-lg-6.gl-display-none.gl-lg-display-flex.gl-flex-direction-column.gl-justify-content-center.gl-align-items-center
+        .gl-w-grid-size-28
+          = render 'reassurances'
+      .col-md-6.offset-md-3.offset-lg-0
+        = registration_form_content

ee/config/feature_flags/experiment/trial_registration_with_reassurance.yml

+---
+name: trial_registration_with_reassurance
+introduced_by_url: https://gitlab.com/gitlab-org/gitlab/-/merge_requests/61639
+rollout_issue_url: https://gitlab.com/gitlab-org/gitlab/-/issues/281028
+milestone: '14.1'
+type: experiment
+group: group::conversion
+default_enabled: false

ee/spec/views/trial_registrations/new.html.haml_spec.rb

+# frozen_string_literal: true
+
+require 'spec_helper'
+
+RSpec.describe 'trial_registrations/new.html.haml' do
+  let_it_be(:resource) { Users::AuthorizedBuildService.new(nil, {}).execute }
+
+  before do
+    allow(view).to receive(:resource).and_return(resource)
+    allow(view).to receive(:resource_name).and_return(:user)
+  end
+
+  subject { render && rendered }
+
+  describe 'trial_registration_with_reassurance experiment' do
+    before do
+      stub_experiments(trial_registration_with_reassurance: trial_registration_with_reassurance_variant)
+    end
+
+    context 'when in the control' do
+      let_it_be(:trial_registration_with_reassurance_variant) { :control }
+
+      it 'does not include the reassurance sidebar content' do
+        is_expected.not_to have_content('No credit card required.')
+      end
+    end
+
+    context 'when in the candidate' do
+      let_it_be(:trial_registration_with_reassurance_variant) { :candidate }
+
+      it 'includes the reassurance sidebar content' do
+        is_expected.to have_content('No credit card required.')
+      end
+    end
+  end
+end

locale/gitlab.pot

@@ -16783,6 +16783,9 @@ msgstr ""
 msgid "InProductMarketing|Create your first project!"
 msgstr ""
 
+msgid "InProductMarketing|Deliver Better Products Faster"
+msgstr ""
+
 msgid "InProductMarketing|Did you know teams that use GitLab are far more efficient?"
 msgstr ""
 
@@ -16822,6 +16825,9 @@ msgstr ""
 msgid "InProductMarketing|Follow our steps"
 msgstr ""
 
+msgid "InProductMarketing|Free 30-day trial"
+msgstr ""
+
 msgid "InProductMarketing|Get going with CI/CD quickly using our %{quick_start_link}. Start with an available runner and then create a CI .yml file – it's really that easy."
 msgstr ""
 
@@ -16900,6 +16906,9 @@ msgstr ""
 msgid "InProductMarketing|Improve code quality and streamline reviews"
 msgstr ""
 
+msgid "InProductMarketing|Increase Operational Efficiencies"
+msgstr ""
+
 msgid "InProductMarketing|Invite your colleagues and start shipping code faster."
 msgstr ""
 
@@ -16942,12 +16951,18 @@ msgstr ""
 msgid "InProductMarketing|Neutral"
 msgstr ""
 
+msgid "InProductMarketing|No credit card required."
+msgstr ""
+
 msgid "InProductMarketing|Our tool brings all the things together"
 msgstr ""
 
 msgid "InProductMarketing|Rapid development, simplified"
 msgstr ""
 
+msgid "InProductMarketing|Reduce Security & Compliance Risk"
+msgstr ""
+
 msgid "InProductMarketing|Security that's integrated into your development lifecycle"
 msgstr ""
 
@@ -17038,6 +17053,9 @@ msgstr ""
 msgid "InProductMarketing|Use GitLab CI/CD"
 msgstr ""
 
+msgid "InProductMarketing|Used by more than 100,000 organizations from around the globe:"
+msgstr ""
+
 msgid "InProductMarketing|Very difficult"
 msgstr ""