Initial react editor website template

components/logo.tsx

@@ -0,0 +1,11 @@
+import Link from 'next/link';
+
+export function Logo({ name = 'Your Company', logoUrl, href = '/' }: { name?: string; logoUrl?: string; href?: string }) {
+  const mark = logoUrl ? (
+    <img src={logoUrl} alt={name} className="h-7 w-auto object-contain" />
+  ) : (
+    <span className="text-base font-semibold tracking-tight">{name}</span>
+  );
+
+  return <Link href={href} className="inline-flex items-center">{mark}</Link>;
+}