DOC-2559: Update key documentation pages with information about the Cloud account creation and the social login option.

Author: kemister85

modules/ROOT/pages/cloud-quick-start.adoc

@@ -5,4 +5,6 @@
 :keywords: tinymce, script, textarea
 :productSource: cloud
 
+include::partial$misc/admin-account-creation-and-social-option.adoc[]
+
 include::partial$install/basic-quickstart-base.adoc[]

modules/ROOT/pages/getting-started.adoc

@@ -23,4 +23,6 @@ Learn how to install {productname} via {cloudname}, package managers, self-hoste
 // Empty cell to even out rows
 // | 
 
-|===
+|===
+
+include::partial$misc/admin-account-creation-and-social-option.adoc[]

modules/ROOT/pages/introduction-to-tinymce.adoc

@@ -3,3 +3,5 @@
 :keywords: tinymce, script, textarea
 
 include::partial$what-is-tinymce.adoc[]
+
+include::partial$misc/admin-account-creation-and-social-option.adoc[]

modules/ROOT/pages/invalid-api-key.adoc

@@ -65,3 +65,5 @@ You can view the list of approved domains by logging into https://www.tiny.cloud
 * If you want to self-host {productname} and use our Premium features, https://www.tiny.cloud/contact/[get in touch with our Sales team] for a custom quote.
 
 TIP: For additional information on Troubleshooting Tiny Cloud visit: xref:cloud-troubleshooting.adoc[Cloud Troubleshooting].
+
+include::partial$misc/admin-account-creation-and-social-option.adoc[]

modules/ROOT/pages/usage-based-billing.adoc

@@ -67,4 +67,6 @@ If you have an annual plan, your editor loads are calculated on a monthly basis
 
 === If I’m on the Essential plan and reach 5,000 editor loads, will I automatically be upgraded to the Professional plan?
 
-You will not automatically be upgraded. You will remain on your current plan and will automatically be charged $40 USD for each additional block of 1,000 editor loads over your plan limit. To avoid these charges, we encourage you to periodically review your editor load count to ensure you’re on the most appropriate pricing plan. You can always upgrade your plan in our Customer Portal > Settings > Billing Portal > Change Plans.
+You will not automatically be upgraded. You will remain on your current plan and will automatically be charged $40 USD for each additional block of 1,000 editor loads over your plan limit. To avoid these charges, we encourage you to periodically review your editor load count to ensure you’re on the most appropriate pricing plan. You can always upgrade your plan in our Customer Portal > Settings > Billing Portal > Change Plans.
+
+include::partial$misc/admin-account-creation-and-social-option.adoc[]

modules/ROOT/partials/misc/admin-account-creation-and-social-option.adoc

@@ -0,0 +1,38 @@
+++++
+<h1 style="color: #000000;">Quick Start</h1>
+<h2 style="color: #000000;">Create your free Tiny account</h2>
+<br>
+<p style="margin-bottom: 16px;">
+    TinyMCE 7 is a powerful and flexible rich text editor that can be embedded in web applications. This quick start guide covers how to add a TinyMCE editor to a web page using the Tiny Cloud.
+</p>
+<p style="margin-bottom: 16px;">
+    Install TinyMCE to add a fully-featured, sleek, and intuitive rich text editor to your app—in just a few lines of code. After registration, you will find the personalized code snippet with your API key and a helpful guide that will walk you through the initial steps of your TinyMCE integration.
+</p>
+<p style="margin-bottom: 16px;">
+    It only takes 2 minutes to create your free Tiny account and get the API key:
+</p>
+<div class="account-creation-buttons" style="display: flex; gap: 10px; margin-bottom: 16px;">
+    <a href="https://tiny.cloud/signup" title="Sign in with Google" style="text-decoration: none; padding: 8px 16px; background-color: #ffffff; color: #000000; border: 1px solid #000000; border-radius: 4px; font-weight: bold; display: flex; align-items: center; transition: background-color 0.3s, color 0.3s;">
+        <img src="https://www.tiny.cloud/images/icons/google.svg" alt="Google" width="24" height="24" style="margin-right: 8px;">
+        Sign up with Google
+    </a>
+    <a href="https://tiny.cloud/signup" title="Sign in with Github" style="text-decoration: none; padding: 8px 16px; background-color: #ffffff; color: #000000; border: 1px solid #000000; border-radius: 4px; font-weight: bold; display: flex; align-items: center; transition: background-color 0.3s, color 0.3s;">
+        <img src="https://www.tiny.cloud/images/icons/github.svg" alt="GitHub" width="24" height="24" style="margin-right: 8px;">
+        Sign up with Github
+    </a>
+</div>
+
+<style>
+    .account-creation-buttons a {
+        transition: transform 0.3s ease;
+    }
+
+    .account-creation-buttons a:hover {
+        transform: scale(1.05);
+    }
+</style>
+
+<p style="margin-bottom: 16px;">
+    Or create your account on <a href="https://tiny.cloud/signup" style="color: #000000; text-decoration: none; border-bottom: 1px solid #000000;">https://tiny.cloud/signup</a>
+</p>
+++++