I'm creating a component on the homepage of a website where the hero photo changes based on the time of day. It will show a day scene during the daytime and a night scene when it's night.

Since this relies on the user's timezone, I initially created it as a client component. However, it seems a little slow and I was wondering if there might be a more efficient way such as making it a server component that relies on an async function to retrieve if it's day or night from a route handler or server action by passing the user's timezone and acting on the response.

Thanks in advance for any suggestions and guidance!