apps/web/components/new/onboarding/welcome/greeting-step.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import { motion } from "motion/react"

interface GreetingStepProps {
	name: string
}

export function GreetingStep({ name }: GreetingStepProps) {
	const userName = name ? `${name.split(" ")[0]}` : ""
	return (
		<motion.div
			className="text-center"
			initial={{ opacity: 0, y: 0 }}
			animate={{ opacity: 1, y: 0 }}
			exit={{ opacity: 0, y: 0 }}
			transition={{ duration: 1, ease: "easeOut" }}
			layout
		>
			<h2 className="text-white text-[32px] font-medium mb-2">
				Hi {userName}, I'm Nova
			</h2>
		</motion.div>
	)
}