callout for api page

public/docs/js/latest/_data.json

@@ -11,15 +11,15 @@
     "title": "5 Min Quickstart"
   },
 
-  "guide": {
+  "guide-overview": {
     "icon": "list",
-    "title": "Guide",
+    "title": "Step By Step Guide",
     "banner": "Angular 2 is currently in Alpha Preview. For <a href='https://docs.angularjs.org/guide'>Angular 1.X Resources</a> please visit <a href='https://angularjs.org/'>Angularjs.org</a>."
   },
 
-  "api": {
+  "api-overview": {
     "icon": "book",
-    "title": "API"
+    "title": "API Preview"
   },
 
   "help": {

public/docs/js/latest/api-overview.jade

@@ -1,17 +1,12 @@
 .l-main-section
-  h2 Developer Preview
 
-  p.
+  .callout.is-helpful
-    The Angular 2.0 API is currently in active development and not production ready.
+    header Developer Preview
-    This page will showcase a preview of proposed methods to help further the discussion
-    in the development community.
-
-  .l-sub-section
-    h3 Angular 1.X for Production
     p.
-      If you're building a production app today, please
+      The Angular 2.0 API is currently in active development and not production ready.
+      This page will showcase a preview of proposed methods to help further the discussion
+      in the development community. If you're building a production app today, please
       <a href="https://docs.angularjs.org/api">use Angular 1.X</a>.
-      These versions of Angular are production ready and available today.
 
 number = 1;
 ul