feat: add smooth scrolling (#26)

dezh-tech · Mar 31, 2024 · 9e362e8 · 9e362e8
1 parent 1fe7450
commit 9e362e8
Show file tree

Hide file tree

Showing 13 changed files with 296 additions and 38 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,18 +9,23 @@
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "predeploy" : "npm run build",
-    "deploy" : "gh-pages -d build"
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build"
   },
   "dependencies": {
+    "@studio-freight/lenis": "^1.0.42",
+    "@studio-freight/react-lenis": "^0.0.46",
     "clsx": "^2.1.0",
+    "gsap": "^3.12.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-hash-link": "^2.4.3",
     "tailwind-merge": "^2.2.2"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
+    "@types/react-router-hash-link": "^2.4.9",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,15 +1,18 @@
 import Home from "components/Home";
 import "./App.css";
 import { Header, Footer } from "layout";
+import { ReactLenis } from "@studio-freight/react-lenis";
 
 function App() {
   return (
     <>
-      <Header />
-      <main>
-        <Home />
-      </main>
-      <Footer />
+      <ReactLenis root>
+        <Header />
+        <main>
+          <Home />
+        </main>
+        <Footer />
+      </ReactLenis>
     </>
   );
 }