fix

components/Home/ABanner.tsx

@@ -3,7 +3,7 @@ import { Header } from '../Header'
 
 const ABanner = () => {
   const phrases = ['Aggregated Blockchains', 'Agg.Staking', 'Agg.Data', 'Agg.Growth']
-  const Typewriter = ({ phrases }) => {
+  const Typewriter = ({ phrases }: any) => {
     const [currentPhraseIndex, setCurrentPhraseIndex] = useState(0)
     const [currentCharIndex, setCurrentCharIndex] = useState(0)
     const [isDeleting, setIsDeleting] = useState(false)
@@ -67,6 +67,7 @@ const ABanner = () => {
       <div className=' bg-[url(/block.svg)] h-[350px] w-full '>
         <div className='flex justify-center pt-[118px] rounded-sm '>
           <button
+            onClick={() => window.open('https://docs.ethda.io/')}
             style={{
               background: 'linear-gradient(90deg, rgba(222, 149, 25, 0.6) 0%, rgba(142, 70, 24, 0.6) 100%)',
               //   backgroundImage: 'linear-gradient(90deg, rgba(222, 149, 25, 0.6) 0%, rgba(142, 70, 24, 0.6) 100%)',

components/Home/Agg.tsx

@@ -149,20 +149,9 @@ const Agg = () => {
     event.stopPropagation()
   }
 
-  const onHandleScroll = (e) => {
-    console.log('dasdasdasdasdas', e)
-  }
-
   return (
     <div className=''>
-      <div
-        id='myBar'
-        onWheel={handleWheel}
-        onScroll={onHandleScroll}
-        data-aos='fade-up'
-        data-aos-anchor-placement='top-bottom'
-        className={` scrollable-content`}
-      >
+      <div id='myBar' onWheel={handleWheel} data-aos='fade-up' data-aos-anchor-placement='top-bottom' className={` scrollable-content`}>
         <Slider
           {...settings}
           ref={(slider: any) => {

package.json

@@ -19,6 +19,7 @@
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-popover": "^1.0.7",
+    "@types/react-slick": "^0.23.13",
     "@types/three": "^0.163.0",
     "@wagmi/core": "1.x",
     "classnames": "^2.3.2",