feat: new design

components/logo.tsx

@@ -0,0 +1,26 @@
+import Image from 'next/image'
+
+type GreywallLogoProps = {
+  className?: string
+  size?: 'default' | 'small'
+}
+
+const dimensions = {
+  default: { width: 285, height: 70 },
+  small: { width: 138, height: 40 },
+}
+
+export function GreywallLogo({ className = '', size = 'small' }: GreywallLogoProps) {
+  const { width, height } = dimensions[size]
+
+  return (
+    <Image
+      src="/greywall-logo.png"
+      alt="Greywall"
+      width={width}
+      height={height}
+      className={className}
+      priority
+    />
+  )
+}