diff --git a/package-lock.json b/package-lock.json index a88b646..a51e6be 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,8 @@ "framer-motion": "^11.0.0", "lucide-react": "^0.300.0", "react": "^18.2.0", - "react-dom": "^18.2.0" + "react-dom": "^18.2.0", + "react-snowfall": "^2.4.0" }, "devDependencies": { "@types/react": "^18.2.43", @@ -2229,6 +2230,12 @@ "react": "^18.3.1" } }, + "node_modules/react-fast-compare": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz", + "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==", + "license": "MIT" + }, "node_modules/react-refresh": { "version": "0.17.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz", @@ -2239,6 +2246,19 @@ "node": ">=0.10.0" } }, + "node_modules/react-snowfall": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/react-snowfall/-/react-snowfall-2.4.0.tgz", + "integrity": "sha512-KAPMiGnxt11PEgC2pTVrTQsvk5jt1kLUtG+ZamiKLphTZ7GiYT1Aa5kX6jp4jKWq1kqJHchnGT9CDm4g86A5Gg==", + "license": "MIT", + "dependencies": { + "react-fast-compare": "^3.2.2" + }, + "peerDependencies": { + "react": "^16.8 || 17.x || 18.x || 19.x", + "react-dom": "^16.8 || 17.x || 18.x || 19.x" + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", diff --git a/package.json b/package.json index bdd956d..945ef4b 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,8 @@ "framer-motion": "^11.0.0", "lucide-react": "^0.300.0", "react": "^18.2.0", - "react-dom": "^18.2.0" + "react-dom": "^18.2.0", + "react-snowfall": "^2.4.0" }, "devDependencies": { "@types/react": "^18.2.43", diff --git a/src/App.jsx b/src/App.jsx index 0d4916d..6745e24 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -4,13 +4,30 @@ import {Footer} from './components/Footer'; import {Hero} from './sections/Hero'; import {Projects} from './sections/Projects'; import {Team} from './sections/Team'; +import Snowfall from 'react-snowfall' export default function LiquidDevelopment() { return (