feat: first commit

src/components/Logo.tsx

@@ -0,0 +1,30 @@
+import { motion } from "framer-motion";
+import { Link } from "react-router-dom";
+import { useTheme } from "../context/ThemeContext";
+
+export function Logo({ onClick }: { onClick?: () => void }) {
+  const { theme } = useTheme();
+  return (
+    <Link
+      to="/"
+      onClick={onClick}
+      className="focusable group inline-flex items-center gap-2.5 rounded-xl"
+    >
+      <motion.span
+        whileHover={{ scale: 1.08 }}
+        transition={{ type: "spring", stiffness: 420, damping: 12 }}
+        className="flex items-center"
+      >
+        <img
+          src={theme === "dark" ? "/favicon.svg" : "/favicon_dark.svg"}
+          alt=""
+          className="h-7 w-auto"
+        />
+      </motion.span>
+      <span className="font-display text-[22px] font-bold tracking-tight text-ink">
+        snip
+        <span className="text-accent">.</span>
+      </span>
+    </Link>
+  );
+}