Add banner back on send sms page

app/assets/stylesheets/components/banner.scss

@@ -64,13 +64,18 @@
 
 }
 
+.banner-info,
 .banner-important {
   @extend %banner;
   background: $white;
   color: $text-colour;
   background-image: file-url('icon-important-2x.png');
   background-size: 34px 34px;
-  background-position: 0 0;
+  background-position: 0 0px;
   background-repeat: no-repeat;
   padding: 7px 0 5px 50px;
 }
+
+.banner-info {
+  background-image: file-url('icon-information-2x.png');
+}

app/templates/views/send-sms.html

@@ -14,14 +14,21 @@
 
   <div class="grid-row">
     <div class="column-two-thirds">
+
       {{ sms_message(template.formatted_as_markup) }}
+
+      {{ banner(
+        'You can upload real data, but we’ll only send to your mobile number until you <a href="{}">request to go live</a>'|safe,
+        'info'
+      )}}
+
     </div>
   </div>
 
+  {{file_upload(form.file, button_text='Upload a CSV file')}}
+
   <p>
     <a href="{{ url_for('.get_example_csv', service_id=service_id, template_id=template.id) }}">Download an example CSV file</a>
   </p>
 
-  {{file_upload(form.file, button_text='Upload a CSV file')}}
-
 {% endblock %}