31 lines
865 B
TypeScript
31 lines
865 B
TypeScript
"use client";
|
|
|
|
import { motion } from "framer-motion"; // Add this import at the top
|
|
import Image from "next/image";
|
|
|
|
export const DeviceImage = () => {
|
|
return (
|
|
<div className="relative h-[260px] w-full items-center -mt-8">
|
|
<motion.div
|
|
animate={{
|
|
y: [-5, 5, -5],
|
|
}}
|
|
transition={{
|
|
duration: 4,
|
|
ease: "easeInOut",
|
|
repeat: Infinity,
|
|
}}
|
|
className="w-full h-full"
|
|
>
|
|
<Image
|
|
src="/products/box43.png"
|
|
alt="Elato Toy"
|
|
fill
|
|
className="object-contain object-center mr-6 rounded-3xl"
|
|
/>
|
|
</motion.div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default DeviceImage;
|