Have I gotten my settings wrong!

[Halfhidden]

Hi guys,
I need a bit of guidance here. I'll list my setup below and then ask the question:
I have PFsense installed on a Dell T550 dedicated as a gateway. It is connected to a Plusnet Hub 2 running as bridged. Bothe WAN and LAN are working as they should and I'm able to ping and use the net as expected.
My setup is that after the gateway (the Dell T550) I have a switch that connects the three Dell R710's Theses serve various websites and VM's.
All on the servers are on the same subnet as the gateway (192.168.x.x)
PFSense is running DHCP for the lan, and I have set static ip's for the websites outside of the DHCP scope as to keep the ips' for the websites separate.

My goal is to publish the websites through HAProxy that is hosted on PFSense.
In order to do this I have tried to host a single site first before trying to do all of the sites. So far I haven't been successful although I believe I have read the right documents and set the right settings.
The External DNS is handled by Cloudflare. All simple dns like A records and cnames. I have a single Public ip address and the dns server points to it. PFsense recognises the public ip address and shows it in the dashboard.

So what did I do:
I installed HAProxy and then enabled it.
And followed this guide link text
And this guide link text

But the end results are error 404
So I then made a firewall rule on the WAN for 443 to be allowed from any source and any destination
I also made a firewall rule on the WAN For NAT AS the source as any and the destination set with port 8080 and ip destination to the ip address of Pfsense.

Somewhere, I've made mistakes.... anyone willing to help please?