diff --git a/__test__/app/sidebarNav.test.tsx b/__test__/app/sidebarNav.test.tsx
index d20dc45bc4..4562c15571 100644
--- a/__test__/app/sidebarNav.test.tsx
+++ b/__test__/app/sidebarNav.test.tsx
@@ -44,7 +44,9 @@ describe('', () => {
const sidebar = screen.getByRole('region', {
name: 'sidebar',
});
- const logo = screen.getByTitle('Shortvid.io Logo').parentNode;
+ const logo = screen.getByRole('img', {
+ name: 'Shortvid.io logo',
+ });
const contributingLink = screen.getByRole('link', {
name: 'Contributing',
});
diff --git a/app/layout.tsx b/app/layout.tsx
index 919998fa83..27b4d808fc 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -9,7 +9,7 @@ export const metadata = {
description:
'This application is developed and maintained by the volunteer organizers of the Lyon JS Meetup. It aims to facilitate the generation of video for the social networks of the association.',
icons: {
- icon: '/branding/monogram-white.svg',
+ icon: '/branding/monogram.svg',
},
openGraph: {
type: 'website',
diff --git a/public/branding/full-logo-with-mono-vertical.svg b/public/branding/full-logo-with-mono-vertical.svg
new file mode 100644
index 0000000000..064b0843ea
--- /dev/null
+++ b/public/branding/full-logo-with-mono-vertical.svg
@@ -0,0 +1,93 @@
+
+
\ No newline at end of file
diff --git a/public/branding/full-logo-with-mono.svg b/public/branding/full-logo-with-mono.svg
new file mode 100644
index 0000000000..3f2712ad9a
--- /dev/null
+++ b/public/branding/full-logo-with-mono.svg
@@ -0,0 +1,93 @@
+
+
\ No newline at end of file
diff --git a/public/branding/full-logo.svg b/public/branding/full-logo.svg
new file mode 100644
index 0000000000..07753bddce
--- /dev/null
+++ b/public/branding/full-logo.svg
@@ -0,0 +1,78 @@
+
+
\ No newline at end of file
diff --git a/public/branding/monogram-white.svg b/public/branding/monogram-white.svg
deleted file mode 100644
index 4b526a0a9d..0000000000
--- a/public/branding/monogram-white.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
diff --git a/public/branding/monogram.svg b/public/branding/monogram.svg
new file mode 100644
index 0000000000..71422972ca
--- /dev/null
+++ b/public/branding/monogram.svg
@@ -0,0 +1,39 @@
+
+
\ No newline at end of file
diff --git a/public/branding/screenshot.png b/public/branding/screenshot.png
index b19f246e7e..d172a199cc 100644
Binary files a/public/branding/screenshot.png and b/public/branding/screenshot.png differ
diff --git a/src/app/Logo.tsx b/src/app/Logo.tsx
deleted file mode 100644
index 62f85259dd..0000000000
--- a/src/app/Logo.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import styles from '../../styles/app/layout/logo.module.css';
-
-export const Logo: React.FC<{className?: string}> = ({className}) => {
- return (
-
- );
-};
diff --git a/src/app/components/landingPage/Footer.tsx b/src/app/components/landingPage/Footer.tsx
index 11bf814a86..60a1b1133d 100644
--- a/src/app/components/landingPage/Footer.tsx
+++ b/src/app/components/landingPage/Footer.tsx
@@ -1,6 +1,6 @@
import React from 'react';
+import Image from 'next/image';
-import {Logo} from '../../Logo';
import {PoweredByVercel} from '../../PoweredByVercel';
import {SwitchThemeButtons} from '../../SwitchThemeButtons';
@@ -9,7 +9,13 @@ import styles from '../../../../styles/app/layout/footer.module.css';
export const Footer = () => {
return (