feat: add meta business account creation workflow

Signed-off-by: sarthakjdev <[email protected]>

apps/js.wapikit.com/guide/whatsapp-api-setup/account-verification.mdx

@@ -0,0 +1,35 @@
+---
+title: WhatsApp Business Account Verification
+---
+
+The application you own in your meta dashboard should be in live mode before you make it push it to production. In order to do so, you need to get your WhatsApp Business Account Verified. 
+
+
+Follow the steps below to get your WhatsApp Business Account Verified:
+
+
+<Steps>
+  <Step title="Visit Your WhatsApp Business Account Dashboard">
+    These are instructions or content that only pertain to the first step.
+  </Step>
+  <Step title="Navigate to the Configure Webhook Page">
+    These are instructions or content that only pertain to the second step.
+  </Step>
+  <Step title="Add the Webhook URL">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+   <Step title="Add the Webhook secret (same as you configured your Wapi.js App with.)">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+   <Step title="Click Verify and Save">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+   <Step title="Select the events you to enable">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+     <Step title="Verify the configuration by sending a message to your test phone number">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+</Steps>
+
+

apps/js.wapikit.com/guide/whatsapp-api-setup/configuring-webhook.mdx

@@ -27,3 +27,29 @@ ngrok http http://localhost:<your-application-port>
 
 ### Submitting URL to whatsapp business platform
 
+Follow the steps below to submit your webhook URL to the Whatsapp Business Platform and enable incoming events routing to your local development setup:
+
+
+<Steps>
+  <Step title="Visit Your App Dashboard">
+    These are instructions or content that only pertain to the first step.
+  </Step>
+  <Step title="Navigate to the Configure Webhook Page">
+    These are instructions or content that only pertain to the second step.
+  </Step>
+  <Step title="Add the Webhook URL">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+   <Step title="Add the Webhook secret (same as you configured your Wapi.js App with.)">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+   <Step title="Click Verify and Save">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+   <Step title="Select the events you to enable">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+     <Step title="Verify the configuration by sending a message to your test phone number">
+    These are instructions or content that only pertain to the third step.
+  </Step>
+</Steps>

apps/js.wapikit.com/guide/whatsapp-api-setup/creating-business-app.mdx

@@ -0,0 +1,67 @@
+---
+title: Create a Meta Business App
+---
+
+You need to create a application in your Meta Developer Account in order to get access to WhatsApp Business API Products. 
+
+<Note>Create your account on [Meta Development Hub](https://developers.facebook.com), if you do not have one yet.</Note>
+
+<Steps>
+    <Step>
+        <Accordion title="Visit Meta Development Dashboard Apps Section">
+            <Frame>
+                a<img src="/assets/create-meta-app/1.png" />
+            </Frame>
+        </Accordion>
+    </Step>
+    <Step>
+        <Accordion title="Create a New App">
+            <Frame>
+                <img src="/assets/create-meta-app/2.png" />
+            </Frame>
+        </Accordion>
+    </Step>
+    <Step>
+        <Accordion title="For WhatsApp Business App, select others here.">
+            <Frame>
+                <img src="/assets/create-meta-app/3.png" />
+            </Frame>
+        </Accordion>
+    </Step>
+    <Step>
+        <Accordion title="Select Business">
+            <Frame>
+                <img src="/assets/create-meta-app/4.png" />
+            </Frame>
+        </Accordion>
+    </Step>
+     <Step>
+        <Accordion title="Fill App Details">
+            <Frame>
+                <img src="/assets/create-meta-app/5.png" />
+            </Frame>
+            <Note>You can select the Facebook page of your business from the `Business Portfolio` dropdown.</Note>
+        </Accordion>
+    </Step>
+     <Step>
+        <Accordion title="Add WhatsApp Product to the Application Created">
+            <Frame>
+                <img src="/assets/create-meta-app/6a.png" />
+            </Frame>
+            <Frame>
+                <img src="/assets/create-meta-app/6b.png" />
+            </Frame>
+        </Accordion>
+    </Step>
+     <Step>
+        <Accordion title="Get your Temporary API key, Test Phone Number, Text Phone Number Id and Whatsapp Business Account Id">
+            <Frame>
+                <img src="/assets/create-meta-app/7a.png" />
+            </Frame>
+            <Frame>
+                <img src="/assets/create-meta-app/7b.png" />
+            </Frame>
+            <Note>You will be able to get a permanent access token once you get your WhatsApp Business Account verified.</Note>
+        </Accordion>
+    </Step>
+</Steps>

apps/js.wapikit.com/mint.json

@@ -81,7 +81,8 @@
             "guide/whatsapp-api-setup/understanding-whatsapp-business-platform",
             "guide/whatsapp-api-setup/creating-business-app",
             "guide/whatsapp-api-setup/getting-api-key",
-            "guide/whatsapp-api-setup/configuring-webhook"
+            "guide/whatsapp-api-setup/configuring-webhook",
+            "guide/whatsapp-api-setup/account-verification"
           ]
         },
         {