1"use client";
2import {motion} from "framer-motion";
3const Button = () => {
4 return (
5 <div className='relative flex justify-center items-center min-h-screen w-full'>
6 <div className="flex flex-col sm:flex-row gap-4 pt-4">
7 <button
8 className="relative px-8 py-4 bg-gradient-to-bl group from-purple-500 via-cyan-500 to-blue-600 text-white tracking-wide rounded-lg hover:shadow-xl overflow-x-hidden transition-all transform hover:-translate-y-0.5">
9 Get Started Free
10 <motion.span
11 initial={{ x: -100 }}
12 animate={{ x: 250 }}
13 transition={{
14 duration: 4,
15 repeat: Infinity,
16 repeatType: "loop",
17 ease: "easeInOut",
18 }}
19 className="absolute top-1/2 left-0 w-10 h-full -translate-y-1/2 bg-gray-300 blur-xl"
20 ></motion.span>
21 </button>
22 </div>
23 </div>
24 )
25}
26
27export default Button