Created a plone site for learning purpose http://araadhnatravels.herokuapp.com
However after installation its showing "Plone is up and running" on home page.
And the actual plone site displays under additional urlpatterns:
I want to display this plone site on homepage? Please help.
What you see at http://araadhnatravels.herokuapp.com/ is the "Management Interface" of a Plone installation.
Your actual Plone site is probably at http://araadhnatravels.herokuapp.com/Plone
In the above,
Plone is the ID of the site, and it is part of the URL.
When you add more sites to that installation, you give them different IDs, so if you created
Plone2, that new site would be at http://araadhnatravels.herokuapp.com/Plone2 and so on.
So how could I display content within /Plone site on homepage instead of management interface.
The Heroku button is really meant for testing/trying out only. Normally, you would not expose the management interface to the public. Instead, you would put a web server like nginx in front of your Plone installation, and you would configure nginx so that browsing to https://mydomain.com causes nginx to rewrite that to http://localhost:8080/Plone
You can read about this in https://docs.plone.org/manage/deploying/front-end/index.html
You can do this in the VHM mappings tab in the ZMI but it will require you to have another domain name, otherwise you might lose access to the root of the zope instance which would be bad.