Logo and Favicon

Logo

The on-page logo component is located at src/components/common/Logo.astro. Inspect the component before editing because it may contain text, inline SVG, image imports, or props used by the header and footer.

To replace it:

Add the final logo asset to src/assets/images or src/assets/logos if it should be imported and optimized.
Update src/components/common/Logo.astro.
Check every place the logo is used, especially Header.astro, Footer.astro, and mobile navigation.
Confirm the logo has accessible text through visible text or an aria-label.

Favicons

Browser icons live in:

public/favicon.svg
public/favicon.ico

Replace both files so older browsers and platforms have a fallback. Keep the same filenames unless you also update references in astro.config.mjs or layout metadata.

Testing

Run:

npm run dev

Check the header, footer, mobile navigation, browser tab icon, and production build.