feat: add pitch-deck service to core infrastructure
Migrated pitch-deck from breakpilot-pwa to breakpilot-core. Container: bp-core-pitch-deck on port 3012. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
67
pitch-deck/lib/animations.ts
Normal file
67
pitch-deck/lib/animations.ts
Normal file
@@ -0,0 +1,67 @@
|
||||
export const fadeIn = {
|
||||
initial: { opacity: 0 },
|
||||
animate: { opacity: 1 },
|
||||
exit: { opacity: 0 },
|
||||
transition: { duration: 0.5 },
|
||||
}
|
||||
|
||||
export const fadeInUp = {
|
||||
initial: { opacity: 0, y: 40 },
|
||||
animate: { opacity: 1, y: 0 },
|
||||
exit: { opacity: 0, y: -20 },
|
||||
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
||||
}
|
||||
|
||||
export const fadeInDown = {
|
||||
initial: { opacity: 0, y: -40 },
|
||||
animate: { opacity: 1, y: 0 },
|
||||
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
||||
}
|
||||
|
||||
export const fadeInLeft = {
|
||||
initial: { opacity: 0, x: -60 },
|
||||
animate: { opacity: 1, x: 0 },
|
||||
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
||||
}
|
||||
|
||||
export const fadeInRight = {
|
||||
initial: { opacity: 0, x: 60 },
|
||||
animate: { opacity: 1, x: 0 },
|
||||
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
||||
}
|
||||
|
||||
export const scaleIn = {
|
||||
initial: { opacity: 0, scale: 0.8 },
|
||||
animate: { opacity: 1, scale: 1 },
|
||||
transition: { duration: 0.5, ease: [0.22, 1, 0.36, 1] },
|
||||
}
|
||||
|
||||
export const slideVariants = {
|
||||
enter: (direction: number) => ({
|
||||
x: direction > 0 ? '100%' : '-100%',
|
||||
opacity: 0,
|
||||
}),
|
||||
center: {
|
||||
x: 0,
|
||||
opacity: 1,
|
||||
},
|
||||
exit: (direction: number) => ({
|
||||
x: direction < 0 ? '100%' : '-100%',
|
||||
opacity: 0,
|
||||
}),
|
||||
}
|
||||
|
||||
export const staggerContainer = {
|
||||
animate: {
|
||||
transition: {
|
||||
staggerChildren: 0.1,
|
||||
delayChildren: 0.2,
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
export const staggerItem = {
|
||||
initial: { opacity: 0, y: 20 },
|
||||
animate: { opacity: 1, y: 0 },
|
||||
transition: { duration: 0.5 },
|
||||
}
|
||||
Reference in New Issue
Block a user