add new source docs header

Author: Thomas Gilbert

src/_includes/content/cloud-app-note.md

@@ -2,11 +2,37 @@
 {% assign currentIntegration = site.data.catalog.sources.items | where: "slug", currentSlug | first %}
 {% if currentIntegration.url contains "cloud-apps" or page.path contains "cloud-apps" %}
 {% if currentIntegration.isCloudEventSource  %}
-<div class="premonition success"><div class="fa fa-check-square"></div><div class="content"><p class="header">Good to know: Event Cloud source</p>
-<p markdown=1>The {{ page.title }} is an **event** source. This means that it sends data as events, which are behaviors or occurrences tied to a user and a point in time. Data from these sources can be loaded into your Segment warehouses, and **also** sent to  Segment streaming destinations. [Learn more about cloud sources.](/docs/connections/sources/#cloud-apps)</p>
-</div></div>
-{% else %}
 
-<div class="premonition success"><div class="fa fa-check-square"></div><div class="content"><p class="header">Good to know: Object Cloud source</p><p markdown=1>The {{ page.title }} is an **object** source. This means that it sends information (traits) about a thing that exists and persists over time, such as a person or company, and which can be updated over time. Data from this source can only be exported directly to a warehouse, but it can then be used for further analysis. [Learn more about cloud sources.](/docs/connections/sources/#cloud-apps)</p></div></div>
+<div class="quick-info">
+  <div class="qi-content">
+    <h6>Source Info</h6>
+    <ul class="qi">
+      <li><p markdown=1>The {{ page.title }} is an **Event Cloud** source. This means that it sends data as events, which are behaviors or occurrences tied to a user and a point in time. Data from these sources can be loaded into your Segment warehouses, and **also** sent to  Segment streaming destinations. [Learn more about cloud sources.](/docs/connections/sources/#cloud-apps)</p></li>
+      {% if page.beta %}<li>This source is in <span class="release-pill">Beta</span></li>{%endif%}
+    </ul>
+    <h6>Partner Owned</h6>
+    <ul class="qi">
+      <li>This integration is partner owned. Please reach out to the partner's support for any issues.</li>
+    </ul>
+  </div>
+</div>
+
+{% else %}
+<div class="quick-info">
+  <div class="qi-content">
+    <h6>Source Info</h6>
+    <ul class="qi">
+      <li><p markdown=1>The {{ page.title }} is an **Object Cloud** source. This means that it sends information (traits) about a thing that exists and persists over time, such as a person or company, and which can be updated over time. Data from this source can only be exported directly to a warehouse, but it can then be used for further analysis. [Learn more about cloud sources.](/docs/connections/sources/#cloud-apps)</p></li>
+      <li>This source is in <span class="release-pill">Beta</span></li>
+    </ul>
+    <h6>Partner Owned</h6>
+    <ul class="qi">
+      <li>This integration is partner owned. Please reach out to the partner's support for any issues.</li>
+    </ul>
+  </div>
+</div>
+<!-- <div class="premonition success"><div class="fa fa-check-square"></div><div class="content"><p class="header">Good to know: Object Cloud source</p><p markdown=1>The {{ page.title }} is an **object** source. This means that it sends information (traits) about a thing that exists and persists over time, such as a person or company, and which can be updated over time. Data from this source can only be exported directly to a warehouse, but it can then be used for further analysis. [Learn more about cloud sources.](/docs/connections/sources/#cloud-apps)</p></div></div> -->
 {% endif %}
 {% endif %}
+
+