Apache looks at the incoming domain name and uses that to decide which site to serve by matching it to a ServerName or ServerAlias in your VH definitions.
So amend the VH to use the correct domain name
So for example change the VH to be
<VirtualHost *:80>
ServerName langridgephotography.com
ServerAlias www.langridgephotography.com
DocumentRoot "${INSTALL_DIR}/langridge"
<Directory "${INSTALL_DIR}/langridge/">
Options +Indexes +Includes +FollowSymLinks +MultiViews
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
Then get the domian name pointed to your routers WAN ip as before
Then change your HOSTS file to
127.0.0.1 langridgephotography.com
::1 langridgephotography.com
so that you can still server the site locally, if that what you want
Now when you use the domain name `langridgephotography.com` in your local browser you will server your site locally and when requests come from the internet they will also server the correct site.
---------------------------------------------------------------------------------------------
(Windows 10 Pro 64bit) (Wampserver 3.3.4 64bit) Aestan Tray Menu 3.2.5.4
<Apache versions MULTIPE> <PHP versions MULTIPLE> <MySQL Versions MULTIPLE>
<MariaDB versions MULTIPLE> <phpMyAdmin versions MULTIPLE> <MySQL Workbench 8.0.23>Read The Manuals Apache --
MySQL --
PHP --
phpMyAdminGet your Apache/MySQL/mariaDB/PHP ADDONs here from the
WAMPServer alternate Repo-X-X-X-
Backup your databases regularly Here is How dont regret it later! Yes even when developing -X-X-X-