Update comma3X product photo to not have nav UI

[ugtthis]

Alexandre from Discord pointed this out here

Ways to go about this:

• I could drop in a different road scene that doesn't have the nav UI but it would not match the hero shot of the comma3X on the site
• If you guys have the image of the road I can use that image and photoshop that onto the device (ideal scenario)
• Provide the route ID so I could replay it on my machine and screenshot the UI of when it gets to that part of the road that matches the current image

[adeebshihadeh]

@sshane might happen to have the route, but I couldn't find it or even the source for this image in our Figma.

Feel free to just replace it with a nice replay. Maybe the openpilot demo route has something nice?

[sshane]

It's from the EV6 demo route, I can try to find it

[ugtthis]

Feel free to just replace it with a nice replay.

If I change this to another route, the device route UI would not match the the device-backdrop.jpg found here. The 2 places the device-backdrop.jpg is used is in https://comma.ai/shop, and https://comma.ai/vehicles. Technically comma.ai/vehicles uses cover-vehicles-v2-3x-optimized_1.jpg(found here) which is just the backdrop photo + the comma3x device in it.

So if we wanted to go down the path of changing the specific route UI on the device then we would also need to change the device-backdrop.jpg. Or we can stop using the backdrop image on the site, which then changing the route UI on device to any route would work.

Screenshot of device-backdrop.jpg

[ugtthis]

I tried to use device-backdrop.jpg and crop out a portion of the background to then photoshop in to the device but the photo doesn't have enough pixels so it does not looks as good versus getting the actual route video

Comparing the draft edit and current UI

comparing-edits.mp4