Merge branch '281027-add-reassurance-to-the-trial-flow-part-1' into 'master'

Set up trial reassurances experiment & add simple version of sidebar [RUN ALL RSPEC] [RUN AS-IF-FOSS]

See merge request gitlab-org/gitlab!61639

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,16 +4,28 @@
   = render "layouts/google_tag_manager_head"
 = render "layouts/google_tag_manager_body"
 
-.row
-  .col-md-6.offset-md-3
-    %h2.gl-text-center.gl-pb-5.gl-my-0
-      = _('Start a Free Ultimate Trial')
+- registration_form_content = capture do
+  %h2.gl-text-center.gl-pb-5.gl-my-0
+    = _('Start a Free Ultimate Trial')
+
+  .signup-page
+    = render 'devise/shared/signup_box',
+      url: trial_registrations_path,
+      button_text: _('Continue'),
+      show_omniauth_providers: social_signin_enabled?,
+      omniauth_providers_placement: :top
 
-    .signup-page
-      = render 'devise/shared/signup_box',
-        url: trial_registrations_path,
-        button_text: _('Continue'),
-        show_omniauth_providers: social_signin_enabled?,
-        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
 
-      = render 'devise/shared/sign_in_link'
+    - 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

@@ -16865,6 +16865,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 ""
 
@@ -16904,6 +16907,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 ""
 
@@ -16982,6 +16988,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 ""
 
@@ -17024,12 +17033,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 ""
 
@@ -17120,6 +17135,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 ""