WhatsApp Bot Website

I'll create a website for a WhatsApp bot that can be easily deployed. This will include a landing page explaining the bot and the necessary backend code to handle WhatsApp API interactions.

How to Deploy Your WhatsApp Bot Website

Now that you have the code for your WhatsApp Bot website, here's how to deploy it:

1. Set Up Environment Variables

Before deploying, you'll need to set up these environment variables:

• WHATSAPP_TOKEN: Your WhatsApp API token from Meta Developer Portal
• WHATSAPP_PHONE_NUMBER_ID: Your WhatsApp phone number ID
• WEBHOOK_VERIFY_TOKEN: A custom token you create to verify webhook requests

2. Deploy to Vercel

The easiest way to deploy this website is using Vercel:

1. Push the code to a GitHub repository
2. Sign up for a Vercel account if you don't have one
3. Create a new project in Vercel and import your GitHub repository
4. Add the required environment variables in the Vercel dashboard
5. Deploy your project

3. Configure WhatsApp Business API

After deployment:

1. Go to the Meta Developer Portal
2. Create a new app and add the WhatsApp product
3. Set up your webhook URL (e.g., https://your-domain.com/api/whatsapp/webhook)
4. Use your WEBHOOK_VERIFY_TOKEN for verification
5. Subscribe to the webhook events (messages, message_deliveries, etc.)

4. Test Your Bot

Once everything is set up, you can test your WhatsApp Bot by sending a message to your WhatsApp Business number. The bot should respond based on the logic in the webhook handler.

Please make sure to add the following environment variables to your project: