# Quickstart

This Quickstart will guide you to implement the use case `Log-in with Google` on your website. [See Github repo](https://github.com/flagship-io/code-samples/tree/master/sdk/quickstart/js).

In this scenario, we need to have 3 renderings of login page according to visitor geographical area.

* All users in Europe/America will have the basic login process and login with Google,
* Users in Asia zone will get the basic login process and login with WeChat
* All the others will get only basic login process.\
  We will change the login button color according to the geographical area too.

<figure><img src="https://233132171-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBWu23t7Qv6wLLh6Hl5b4%2Fuploads%2Fgit-blob-2b83280932464bdaaabb0ca287a787ff2e8020d0%2Fhttps___files.readme.io_7a4ec75-capture6.avif?alt=media" alt=""><figcaption><p>Login page for users in Europe/America zone</p></figcaption></figure>

<figure><img src="https://233132171-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBWu23t7Qv6wLLh6Hl5b4%2Fuploads%2Fgit-blob-9dbe29fd35661ef4d25abdb5da560afb6a450463%2Fhttps___files.readme.io_409d9a4-capture7.avif?alt=media" alt=""><figcaption><p>Login page for users in Asia zone</p></figcaption></figure>

<figure><img src="https://233132171-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBWu23t7Qv6wLLh6Hl5b4%2Fuploads%2Fgit-blob-21e76fad22f78253ed7046173331149589f09a89%2Fhttps___files.readme.io_537ef46-capture8.png?alt=media" alt=""><figcaption><p>Login page for all the others</p></figcaption></figure>