search

SSWConsulting / SSW.Website

Generator for ssw.com.au
https://www.ssw.com.au
Apache License 2.0
8 stars 8 forks source link

📄 SSW Office Map #1865

Open hveraus opened 10 months ago

hveraus commented 10 months ago

URL: https://ssw.com.au

As per request from @samsmithssw - Email Thread: SSW Office Map

  1. Please implement the map feature from [ssw.com.cn] onto [ssw.com.au] so that they are the same.

  2. Add country flags for each office.

    image

  3. have all of our offices on the same map, exactly like china, to show we have a global presence

KristenHu commented 9 months ago

There are several options for this map feature:

  1. Anime.js - The performance of which isn't really good cause this SVG is too complex for it https://github.com/SSWConsulting/SSW.Website/assets/52522913/356e1a0b-d60a-49c0-aa35-021957997ebe
  2. Framer motion - As same as Anime.js
  3. GSAP - It works pretty well, but it's not free. https://github.com/SSWConsulting/SSW.Website/assets/52522913/a57a0ef9-5e06-4aeb-88f8-43ede41b49f1
  4. Ant Motion - This component is also been used on the China website, but we received a lot of errors which may caused by NextJS

As per my conversation with @wicksipedia , we choose to use Ant Motion and try to solve these errors.

KristenHu commented 9 months ago

As per my discussion with @amankumarrr , Ant Motion package is using Bable runtime which is not compatible with Next.js, we need to find another solution.

KristenHu commented 8 months ago

As per my conversation with @wicksipedia , since Ant Motion doesn't work, we have 3 options above:

  1. Option A - Lottie(https://lottiefiles.com/): @hveraus may need at least 2 days to create AE animations for it.
  2. Option B - GSAP(https://gsap.com/): It cost $99 per year.
  3. Option C - Keep the map as it is in ssw.com.au.