1 files changed, 95 insertions, 0 deletions
diff --git a/apps/web/lib/variants.ts b/apps/web/lib/variants.ts
new file mode 100644
index 00000000..1bfebb7c
--- /dev/null
+++ b/apps/web/lib/variants.ts
@@ -0,0 +1,95 @@
+import type { Variants } from "motion/react"
+
+export const contentVariants: Variants = {
+	visible: {
+		opacity: 1,
+		y: 0,
+		transition: {
+			duration: 0.5,
+			ease: "easeInOut",
+			delay: 0.2,
+		},
+	},
+	hiddenUp: {
+		opacity: 0,
+		y: -40,
+		transition: {
+			duration: 0,
+		},
+	},
+	hiddenDown: {
+		opacity: 0,
+		y: 40,
+		transition: {
+			duration: 0,
+		},
+	},
+}
+
+export const continueVariants: Variants = {
+	visible: {
+		opacity: 1,
+		y: 0,
+		transition: {
+			duration: 0.5,
+			ease: "easeInOut",
+		},
+	},
+	hidden: {
+		opacity: 0,
+		y: -40,
+		transition: {
+			duration: 0,
+		},
+	},
+}
+
+export const gapVariants: Variants = {
+	default: {
+		gap: 16,
+		transition: {
+			duration: 0.6,
+			ease: "easeOut",
+		},
+	},
+	minimized: {
+		gap: 0,
+		transition: {
+			duration: 0.6,
+			ease: "easeOut",
+		},
+	},
+}
+
+export const orbVariants: Variants = {
+	default: {
+		scale: 1,
+		padding: 48,
+		paddingTop: 0,
+		y: 0,
+		transition: {
+			duration: 0.8,
+			ease: "easeOut",
+		},
+	},
+	features: {
+		scale: 0.7,
+		padding: 0,
+		paddingTop: 0,
+		y: 0,
+		transition: {
+			duration: 0.8,
+			ease: "easeOut",
+		},
+	},
+	memories: {
+		scale: 0.4,
+		padding: 0,
+		paddingTop: 0,
+		y: 0,
+		transition: {
+			duration: 0.8,
+			ease: "easeOut",
+		},
+	},
+}