From cf0f31153b72c95844a538061629cebe87363c7b Mon Sep 17 00:00:00 2001 From: misanthropic-codes Date: Sat, 19 Oct 2024 10:48:21 +0530 Subject: [PATCH] added animation to cards --- src/Components/Card.js | 66 +++++++++++++++++++++++++++++++++++------- 1 file changed, 55 insertions(+), 11 deletions(-) diff --git a/src/Components/Card.js b/src/Components/Card.js index 8d95b9b..e58ed0b 100644 --- a/src/Components/Card.js +++ b/src/Components/Card.js @@ -1,10 +1,28 @@ import React from "react"; import { Github, Linkedin, Twitter } from "lucide-react"; +import { motion } from "framer-motion"; function Card({ data }) { return ( -
- {`${data.name}'s + +
@@ -13,15 +31,36 @@ function Card({ data }) {

{data.bio}

@@ -29,14 +68,19 @@ function Card({ data }) {
    {data.skills.map((skill, index) => ( -
  • + {skill} -
  • + ))}
-
+ ); }