function AnimationTextHead({ name, text, children }) {
    return (
        <div className='flex justify-center items-start relative w-fit'>
            <div className='overflow-hidden mb-1.5'>
                <p
                    data-aos={name}
                    className='text-[#3B3B3B] text-nowrap overflow-hidden text-[20px] font-bold'>{text}</p>
            </div>
            <div className="absolute bottom-0 right-1/2 translate-x-1/2 w-full flex justify-center">
                {children}
            </div>
        </div>
    )
}

export default AnimationTextHead