More motion effects

Author: realstoman

src/components/projects/ProjectSingle.js

@@ -6,7 +6,11 @@ const ProjectSingle = ({ title, category, image }) => {
 		<motion.div
 			initial={{ opacity: 0 }}
 			animate={{ opacity: 1, delay: 1 }}
-			exit={{ opacity: 0 }}
+			transition={{
+				ease: 'easeInOut',
+				duration: 0.7,
+				delay: 0.15,
+			}}
 		>
 			<Link
 				to="/projects/single-project"

src/pages/Contact.js

@@ -7,7 +7,11 @@ const Contact = () => {
 		<motion.div
 			initial={{ opacity: 0 }}
 			animate={{ opacity: 1 }}
-			exit={{ opacity: 0 }}
+			transition={{
+				ease: 'easeInOut',
+				duration: 0.5,
+				delay: 0.1,
+			}}
 			className="container mx-auto flex flex-col-reverse lg:flex-row py-5 lg:py-10 lg:mt-10"
 		>
 			<ContactForm />

src/pages/ProjectSingle.js

@@ -10,7 +10,11 @@ const ProjectSingle = () => {
 		<motion.div
 			initial={{ opacity: 0 }}
 			animate={{ opacity: 1, delay: 1 }}
-			exit={{ opacity: 0 }}
+			transition={{
+				ease: 'easeInOut',
+				duration: 0.6,
+				delay: 0.15,
+			}}
 			className="container mx-auto mt-5 sm:mt-10"
 		>
 			<SingleProjectProvider>