save

package.json

@@ -5,21 +5,18 @@
   "private": true,
   "main": "src/index.js",
   "dependencies": {
-    "@blueprintjs/core": "^4.13.0",
     "@rainbow-me/rainbowkit": "^0.8.1",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "ethers": "^5.7.2",
-    "particles-bg": "^2.5.5",
+    "rc-slider": "^10.1.0",
     "react": "^18.2.0",
-    "react-animated-text-content": "^1.0.1",
     "react-awesome-button": "^7.0.4",
     "react-dom": "^18.2.0",
     "react-parallax": "^3.5.1",
     "react-scripts": "5.0.1",
     "react-scroll-parallax": "^3.3.2",
     "react-ts-typewriter": "^0.1.8-b",
-    "react-visibility-sensor": "^5.1.1",
     "typescript": "^4.9.4",
     "wagmi": "^0.9.2"
   },

src/index.js

@@ -1,4 +1,3 @@
-import '@blueprintjs/core/lib/css/blueprint.css';
 import '@rainbow-me/rainbowkit/styles.css';
 import 'react-awesome-button/dist/styles.css';
 import "./styles/main.css";

src/template/Sections.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import Typewriter from 'react-ts-typewriter';
+import Slider from 'rc-slider';
 import { Parallax } from 'react-parallax';
 
 import { AwesomeButton } from 'react-awesome-button';
@@ -7,6 +8,8 @@ import Boomer from '../img/unaboomer.png';
 import Newspapers from '../img/newspapers.png';
 import Bomb from '../img/bomb.png';
 import Explosion from '../img/explosion.png';
+
+import 'rc-slider/assets/index.css';
 import '../styles/sections.css';
 
 
@@ -56,6 +59,8 @@ export function Section3() {
                             mint (1 eth)
                         </AwesomeButton>
                     </p>
+                    <Slider min={1} max={40} />
+                    
                 </div>
                 <div className="mintItem">
                     <h1>Assemble Bombs</h1>
@@ -66,6 +71,7 @@ export function Section3() {
                             mint (1 eth)
                         </AwesomeButton>
                     </p>
+                    <Slider min={1} max={40} />
                 </div>
                 <div className="mintItem">
                     <h1>Send Bombs</h1>
@@ -76,6 +82,7 @@ export function Section3() {
                             mint (1 eth)
                         </AwesomeButton>
                     </p>
+                    <Slider min={1} max={40} />
                 </div>
             </div>
         </section>