29 lines
792 B
JavaScript
29 lines
792 B
JavaScript
import { motion } from "framer-motion";
|
|
export default function ArrowForScroll() {
|
|
return (
|
|
<>
|
|
<motion.div
|
|
className="absolute bottom-8 left-1/2 transform -translate-x-1/2 cursor-pointer"
|
|
animate={{
|
|
y: [0, 10, 0],
|
|
}}
|
|
transition={{
|
|
duration: 1.5,
|
|
repeat: Infinity,
|
|
ease: "easeInOut",
|
|
}}
|
|
onClick={() =>
|
|
window.scrollTo({
|
|
top: window.innerHeight,
|
|
behavior: "smooth",
|
|
})
|
|
}
|
|
>
|
|
<svg className="w-6 h-6 text-amber-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 14l-7 7m0 0l-7-7m7 7V3" />
|
|
</svg>
|
|
</motion.div>
|
|
</>
|
|
);
|
|
}
|