Full View pages.js

const pages = {
    'default': {
        [1]: `
            <div class="header center">VMS GUIDE BOOK</div>
            <div>This is a simple first page, you can freely edit each page and add new ones</div>
            <img src="https://dunb17ur4ymx4.cloudfront.net/webstore/logos/3e47607098ced1a73d0a8832cdc58809a546a1bb.png" draggable="false"/>
        `,
        [2]: `
            <div class="header center">HOW TO BUY THIS GUIDE BOOK</div>
            <div>1. Launch the browser</div>
            <div>2. Visit <a onclick="openUrl('https://www.vames-store.com')">www.vames-store.com</a></div>
            <div>3. Add the product <b>vms_guidebook</b> to your cart</div>
            <div>4. Make a payment</div>
            <div>5. Download your new script from <a onclick="openUrl('https://keymaster.fivem.net/')">keymaster.fivem.net</a></div>
        `,
        [3]: `
            <div class="header center">HOW TO CREATE SUCH PAGES</div>
            <div>It's very easy, in the configuration file you write what you want to be displayed on a given page and using the documentation you look for the styles you need</div>
            <br>
            <br>
            <div>Remember, if you encounter a problem or need help setting up your pages, we are happy to help you on our <a onclick="openUrl('https://discord.gg/k4YNwYxE4h')">discord</a></div>
            <br>
            <br>
            <div class="center"><a onclick="openUrl('https://docs.vames-store.com/')">docs.vames-store.com</a></div>
        `,
        [4]: `
            <div class="header">HEADER TEXT</div>
            <div class="center">CENTER TEXT</div>
            <div><b>BOLD</b></div>
            <div class="darkred">DARK RED TEXT</div>
            <div class="red">RED TEXT</div>
            <div class="lightred">LIGHT RED TEXT</div>
            <div class="darkgreen">DARK GREEN TEXT</div>
            <div class="green">GREEN TEXT</div>
            <div class="lightgreen">LIGHT GREEN TEXT</div>
            <div class="darkblue">DARK BLUE TEXT</div>
            <div class="blue">BLUE TEXT</div>
            <div class="lightblue">LIGHT BLUE TEXT</div>
            <div class="yellow">YELLOW TEXT</div>
            <div class="orange">ORANGE TEXT</div>
            <div class="pink">PINK TEXT</div>
            <div class="purple">PURPLE TEXT</div>
            <div><a onclick="openUrl('URL_HERE')">CLICKABLE LINK</a></div>
        `,
        [5]: `
            <br>
            <br>
            <br>
            <div class="header center red" onclick="useAction(1)">CLICKABLE FUNCTION IN GAME</div>
            <br>
            <img src="https://i.imgur.com/vkYfkdB.gif" style="border-radius:15px" draggable="false"/>
        `,
        [6]: `
        
        `,
    },
    'police': {
        [1]: `
            <div class="header center">LOS SANTOS POLICE DEPARTMENT</div>
            <img src="https://prod.cloud.rockstargames.com/crews/sc/0291/19566919/publish/emblem/emblem_512.png" draggable="false"/>
        `,
        [2]: `
            <div class="center"><b>Would you like to support the ranks of LSPD?</b></div>
            <div class="center">Would you like to join us as a state police officer? What are you waiting for! Call the Los Santos Police Department and we'll train you and make you a real police officer!</div>
            <br>
            <br>
            <div><b>🤲 We offer:</b></div>
            <div>• Broad career path</div>
            <div>• A decent salary that increases with your rank</div>
            <div>• Advanced management and training staff</div>
            <div>• Nice working atmosphere</div>
            <div>• Bonuses, uniform allowances</div>
            <div>• Health insurance</div>
            <div>• Integration meetings and events</div>
            <div>• Various types of courses and training</div>
            <br>
            <br>
            <div><b>🤝 We require:</b></div>
            <div>• Willing to work</div>
            <div>• Ability to work in a group</div>
            <div>• Ability to work under stress</div>
            <div>• Engagement at work</div>
            <div>• Respect for citizens and uniforms</div>
            <br>
            <div class="center"><b>We are waiting for you!</b></div>
        `,
    }
}