feat: flatten routes and merge marketing and onboarding directories

2026-06-06 18:52:03 -07:00
parent 47417d13a0
commit 0480b306f1
139 changed files with 36409 additions and 229 deletions
--- a/(2)/vibn-app/tailwind.config.js
+++ b/(2)/vibn-app/tailwind.config.js
@@ -0,0 +1,60 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ["./index.html", "./beta.html", "./src/**/*.{js,jsx,ts,tsx}"],
+  theme: {
+    extend: {
+      colors: {
+        // Tokens are wired to CSS variables so the Tweaks panel (or any
+        // runtime themer) can swap the accent palette without rebuilding.
+        bg:        "var(--c-bg)",
+        "bg-1":    "var(--c-bg-1)",
+        "bg-2":    "var(--c-bg-2)",
+        fg:        "var(--c-fg)",
+        "fg-dim":  "var(--c-fg-dim)",
+        "fg-mute": "var(--c-fg-mute)",
+        "fg-faint":"var(--c-fg-faint)",
+        hairline:  "var(--c-hairline)",
+        "hairline-2": "var(--c-hairline-2)",
+        accent: {
+          DEFAULT: "var(--c-accent)",
+          soft:    "var(--c-accent-soft)",
+          glow:    "var(--c-accent-glow)",
+          fg:      "var(--c-accent-fg)",
+        },
+        ok: "var(--c-ok)",
+      },
+      fontFamily: {
+        sans: ['Geist', 'ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'],
+        mono: ['"Geist Mono"', 'ui-monospace', '"SF Mono"', 'Menlo', 'monospace'],
+      },
+      borderRadius: {
+        xl: "18px",
+        "2xl": "22px",
+        "3xl": "28px",
+      },
+      boxShadow: {
+        "accent-glow": "0 10px 40px -10px var(--c-accent-glow), 0 0 50px -8px var(--c-accent-glow)",
+        "card":        "0 30px 80px -20px oklch(0 0 0 / 0.6)",
+      },
+      keyframes: {
+        "caret-blink": { "50%": { opacity: "0.25" } },
+        "pulse-ok":    {
+          "0%":   { boxShadow: "0 0 0 0 oklch(0.78 0.16 155 / 0.6)" },
+          "70%":  { boxShadow: "0 0 0 8px oklch(0.78 0.16 155 / 0)" },
+          "100%": { boxShadow: "0 0 0 0 oklch(0.78 0.16 155 / 0)" },
+        },
+        spin: { to: { transform: "rotate(360deg)" } },
+        strike: {
+          from: { opacity: "0", transform: "translateY(-50%) rotate(-1deg) scaleX(0)" },
+          to:   { opacity: "1", transform: "translateY(-50%) rotate(-1deg) scaleX(1)" },
+        },
+      },
+      animation: {
+        "caret-blink": "caret-blink 1.4s steps(2) infinite",
+        "pulse-ok":    "pulse-ok 2s ease-out infinite",
+        spin:          "spin .9s linear infinite",
+      },
+    },
+  },
+  plugins: [],
+};