In Next.js I want to build a system that:

• we use React and Tailwind, but we don't use lucide-react or shadcn components

• has a form in the frontend as a component

• the component accepts a required prop called campaign

• the form collects email and GDPR checkbox

• the form has a claim/heading

• the form makes a POST request to an API generated in Next.js

• the API makes a POST request to a webhook sending all form info: email, gdpr and campaign

• the form button is disabled from submission until response is received

• if everything went well, the user is redirected to another website

• if it failed, the error appears in the form