How to create a page with a form and live preview?

Hi Filament experts, my requirement is to create a page with a form to build a coupon popup. While editing the coupon, on the right side, I want to show live preview of the popup how it looks with colors and buttons as shown in the image. How can I do this in Filament. Appreciate your help!