Logo

The Logo component is in the SiteHeader:

It animates with gsap (gsap can possibly be eliminated) on the home page.

<a href="/" class={styles["logo-link"]}>
    <Logo
        client:only="react"
        width="1rem"
        mode={type}
        animation={getLogoAnimation()}
    />
    <span class={styles.title}>Elliot Reed Music</span>
</a>

The type is obsolete? with the site split, refactor (eleminate?).

width has no effect except for defining the svg as square. Any value works, the actuall size is set with css. :(

The getLogoAnimation() function seems like it could move into the Logo component.