Can't read a pop-up support page anymore. please help a bit

Hello good people,

Just wondering and need some Pro advise,

I’m at a mission to build a WP site where all the Pages (only 5) will be opened into a Lightbox or FancyBox effect. (doesn’t matter if it’s ugly i can style it)

Very honest here i’ve been Googling like crazy for the last few hours but nothing really worked so i started to code a bit and till now i’ve got this.
Screenshot It’s all Framed into a prettyPhoto code effect.
https://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

It’s not really bad for starters but i still have to build my own Page Template to make the internal Pages look better inside this prettyPhoto effect but the only problem i face is the Permalinks system into WP.

Right now a pop-up link looks like this:

https://example.com/page/#prettyPhoto[iframes]/0/

This isn’t very nice for incoming links, people (other websites) who will link to my About page will never get the pop-up because most browsers will not accept links like above and change the structure to something messy / Result only the homepage will load..

Is there a good practice to do it right?
Please take a look at this Live example how it should work. (also WP driven)

Already Thanks you so much.