Add responsive branded header and sound controls

2026-03-09 06:54:47 +01:00
parent a65037e3b3
commit 9d76eabb39
16 changed files with 616 additions and 136 deletions
@@ -36,9 +36,12 @@ export function SiteLogo({

  return (
    <motion.span
-      className="block"
-      whileHover={{ scale: 1.04, y: -1 }}
-      transition={{ duration: 0.28, ease: "easeOut" }}
+      className="block [transform-style:preserve-3d]"
+      initial={{ opacity: 0, x: -42, scale: 0.88, rotate: -360 }}
+      animate={{ opacity: 1, x: 0, scale: 1, rotate: 0 }}
+      whileHover={{ scale: 1.05, y: -2, rotate: -2, filter: "drop-shadow(0 16px 28px rgba(15,23,42,0.14))" }}
+      whileTap={{ scale: 0.9, rotate: 6, y: 1, filter: "drop-shadow(0 8px 18px rgba(15,23,42,0.18))" }}
+      transition={{ x: { duration: 0.78, ease: [0.22, 1, 0.36, 1] }, opacity: { duration: 0.46 }, rotate: { duration: 0.56, ease: "easeOut" }, scale: { duration: 0.72, ease: [0.22, 1, 0.36, 1] } }}
    >
      <Image
        src={src}