Refactoring

leaky-ships/components/Logo.tsx

@@ -0,0 +1,17 @@
+import React from "react"
+
+function Logo() {
+  return (
+    <div className="flex flex-row bg-shield-gray bg-[url('/assets/shield.png')] bg-cover bg-no-repeat">
+      <div className="flex flex-col items-center justify-between">
+        <h1 className="font-checkpoint my-4 mx-32 border-y-4 border-slate-700 text-center text-6xl leading-tight tracking-widest">
+          Leaky
+          <br />
+          Ships
+        </h1>
+      </div>
+    </div>
+  )
+}
+
+export default Logo