diff options
| author | 2025-01-26 23:29:23 +0800 | |
|---|---|---|
| committer | 2025-01-26 23:29:23 +0800 | |
| commit | a97b7a38f4a652e7b24e101ef34e4f37b8c3094e (patch) | |
| tree | c387ca55aa6977499b03346ab46e63a0f7c09b36 /src/app/components/RepoCard.tsx | |
| parent | d4d7fac39528b978b742420a3cb4e91cea6f5834 (diff) | |
| parent | cd8aab3a511091ce378ff7ebcaa42bf979f00882 (diff) | |
| download | HydroRollSite-main.tar.gz HydroRollSite-main.zip | |
Refactor: Rewrite Site
Diffstat (limited to 'src/app/components/RepoCard.tsx')
| -rw-r--r-- | src/app/components/RepoCard.tsx | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/src/app/components/RepoCard.tsx b/src/app/components/RepoCard.tsx new file mode 100644 index 0000000..412e572 --- /dev/null +++ b/src/app/components/RepoCard.tsx @@ -0,0 +1,24 @@ +import React from "react"; +import * as motion from "motion/react-client"; +import { Card } from "@nextui-org/react"; + +interface RepoCardProps { + title: string; + description: string; +} + +export const RepoCard: React.FC<RepoCardProps> = ({ title, description }) => { + return ( + <motion.div + whileHover={{ scale: 1.05 }} + transition={{ type: "spring", stiffness: 300 }} + > + <Card className="p-6 bg-gradient-to-br from-gray-800/50 to-gray-900/50 border border-gray-700"> + <div className="flex flex-col items-center text-center"> + <h3 className="text-xl font-bold mb-2 text-white">{title}</h3> + <p className="text-gray-400">{description}</p> + </div> + </Card> + </motion.div> + ); +}; |
