chore: add Branding component

1 files changed, 35 insertions, 0 deletions

diff --git a/src/components/Branding/Branding.tsx b/src/components/Branding/Branding.tsx
new file mode 100644
index 0000000..e5565a4
--- /dev/null
+++ b/src/components/Branding/Branding.tsx
@@ -0,0 +1,35 @@
+import Image from 'next/image';
+import Link from 'next/link';
+import { ReactElement } from 'react';
+import { t } from '@lingui/macro';
+import photo from '@assets/images/armand-philippot.jpg';
+import { config } from '@config/website';
+import styles from './Branding.module.scss';
+
+type BrandingReturn = ({ isHome }: { isHome?: boolean }) => ReactElement;
+
+const Branding: BrandingReturn = ({ isHome = false }) => {
+  return (
+    <div className={styles.wrapper}>
+      <div className={styles.logo}>
+        <Image src={photo} alt={t`${config.name} picture`} layout="intrinsic" />
+      </div>
+      {isHome ? (
+        <h1 className={styles.name}>
+          <Link href="/">
+            <a>{config.name}</a>
+          </Link>
+        </h1>
+      ) : (
+        <p className={styles.name}>
+          <Link href="/">
+            <a>{config.name}</a>
+          </Link>
+        </p>
+      )}
+      <p className={styles.job}>{config.baseline}</p>
+    </div>
+  );
+};
+
+export default Branding;