Hello @Kartik Agarwal ,
Welcome to Microsoft Q&A Platform. Thank you for reaching out & hope you are doing well.
I see your listener type is multi-site with Public frontend and certificate configured for HTTPs traffic. You also have the backend pool configured with an associated rule, which all seem correct. Now coming to the error message which says "this site can't be reached", may I know if you have created a CNAME mapping in your DNS to point hostnames to your Application gateway IP address?
When you access a host name via the App gateway, the DNS resolves that host name to the public IP address of the App gateway (which should be configured as a CNAME in your DNS or local host files) and then the app gateway uses that host header to find the associated listener. Once it finds the correct listener, it checks the associated rule and use the configured http settings to direct the traffic to the configured backend service.
Without the CNAME mapping in your DNS, the application gateway will not be aware of the host name/domain name that you are using to access the site.
If you have not created a CNAME mapping to your Application gateway's IP in your DNS, you can also make use of host files in your local machine for the name resolution as part of testing.
Reference : https://learn.microsoft.com/en-us/azure/application-gateway/create-multiple-sites-portal#edit-your-hosts-file-for-name-resolution
Kindly let us know if the above helps or you need further assistance on this issue.
----------------------------------------------------------------------------------------------------------------
Please "Accept the answer" if the information helped you. This will help us and others in the community as well.