Create form success screen

Author: achen178

app/assets/stylesheets/marketing_redesign/components/_section.css

@@ -66,6 +66,12 @@
   margin: 0;
 }
 
+.success-info {
+  .button {
+    margin-block: var(--space--medium);
+  }
+}
+
 @media screen and (min-width: 998px) {
   .contact-header {
     text-align: left;

app/controllers/marketing_redesign/opportunities_controller.rb

@@ -12,11 +12,14 @@ def create
         conversion_point: HUB_CONVERSION_POINT,
         project_type: HUB_PROJECT_TYPE
       })
-      redirect_back(
-        fallback_location: {action: :new}
+      redirect_to(
+        {action: :show}
       )
     end
 
+    def show
+    end
+
     private
 
     def opportunity_params

app/views/marketing_redesign/opportunities/show.html.erb

@@ -0,0 +1,16 @@
+<%= content_for(:page_title, t(".page_title")) %>
+<section class="section contact-us">
+  <div class="contact-header">
+    <h1><%= t(".section_title") %></h1>
+    <p class="text-lg"><%= t(".section_subtitle") %></p>
+  </div>
+  <div class="success-info">
+    <h4><%= t(".form_success_title") %></h4>
+    <p><%= t(".form_success_subtitle") %></p>
+    <%= link_to(
+          t(".cta"),
+          {controller: "/marketing_redesign/home", action: :show},
+          class: "button button--primary"
+        ) %>
+  </div>
+</section>

config/locales/en.yml

@@ -254,15 +254,22 @@ en:
     opportunities:
       new:
         attributes:
-          contact_first_name: First name
-          contact_last_name: Last name
+          contact_first_name: First Name
+          contact_last_name: Last Name
           email: Email
-          company_name: Company name
-          contact_job_title: Your role
+          company_name: Company Name
+          contact_job_title: Your Role
         page_title: Contact Us
         section_title: Let’s get to know you and your needs
         section_subtitle: Help us tailor your learning experience.
         submit: Send
+      show:
+        page_title: Contact Us
+        section_title: Let’s get to know you and your needs
+        section_subtitle: Help us tailor your learning experience.
+        form_success_title: Thank you for reaching out!
+        form_success_subtitle: We’ll be in touch as soon as possible with the email you provided
+        cta: Return to Home
     library:
       show:
         page_title: Library

config/routes.rb

@@ -10,10 +10,11 @@
         get "about-us", controller: :about, action: :show
         resources(
           :opportunities,
-          only: %i[new create],
+          only: %i[new create show],
           path: "contact-us",
           path_names: {
-            new: ""
+            new: "",
+            show: "success",
           }
         )
         if Rails.env.development?