added tons of features

components/shared/home/logo.tsx

@@ -0,0 +1,29 @@
+'use client'
+
+import Image from 'next/image'
+import Link from 'next/link'
+
+import {APP_NAME} from '@/lib/constants'
+import logoImg from '@/public/images/logo.svg'
+
+export default function Logo() {
+	const ar = 121 / 192
+	const w = 112
+
+	return (
+		<div className='mt-0.5 flex items-center justify-center'>
+			<Link
+				href='/'
+				className='m-1 flex cursor-pointer items-center pt-[7px] text-2xl font-extrabold outline-0'
+			>
+				<Image
+					src={logoImg}
+					width={w}
+					height={w * ar}
+					alt={`${APP_NAME} logo`}
+					className='w-[131]'
+				/>
+			</Link>
+		</div>
+	)
+}