diff --git a/public/img/animations/efficient-and-sustainable.svg b/public/img/animations/efficient-and-sustainable.svg new file mode 100755 index 00000000..7e4d56cb --- /dev/null +++ b/public/img/animations/efficient-and-sustainable.svg @@ -0,0 +1 @@ +efficient-and-sustainable \ No newline at end of file diff --git a/public/img/animations/pos-security-and-distribution.svg b/public/img/animations/pos-security-and-distribution.svg new file mode 100755 index 00000000..dc890d82 --- /dev/null +++ b/public/img/animations/pos-security-and-distribution.svg @@ -0,0 +1 @@ +s4 final version \ No newline at end of file diff --git a/public/img/animations/reliable-store-of-value.svg b/public/img/animations/reliable-store-of-value.svg new file mode 100755 index 00000000..adb2fa8f --- /dev/null +++ b/public/img/animations/reliable-store-of-value.svg @@ -0,0 +1 @@ +reliable-store-of-value \ No newline at end of file diff --git a/public/img/animations/trustless-base-layer.svg b/public/img/animations/trustless-base-layer.svg new file mode 100755 index 00000000..0d80b185 --- /dev/null +++ b/public/img/animations/trustless-base-layer.svg @@ -0,0 +1,145 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/img/animations/user-driven-governance.svg b/public/img/animations/user-driven-governance.svg new file mode 100755 index 00000000..21c72818 --- /dev/null +++ b/public/img/animations/user-driven-governance.svg @@ -0,0 +1 @@ +WORKPLEASE \ No newline at end of file diff --git a/public/img/logo-menu-white.svg b/public/img/logo-menu-white.svg new file mode 100644 index 00000000..a4250953 --- /dev/null +++ b/public/img/logo-menu-white.svg @@ -0,0 +1 @@ +icon \ No newline at end of file diff --git a/src/components/Menu/Menu.jsx b/src/components/Menu/Menu.jsx index 010fe02e..98442fd1 100644 --- a/src/components/Menu/Menu.jsx +++ b/src/components/Menu/Menu.jsx @@ -1,71 +1,88 @@ -import React from 'react'; +import React, { useEffect, useState } from 'react'; import './Menu.scss'; function Menu() { + const [isFixed, setIsFixed] = useState(false); + + useEffect(() => { + let heroHeight = 100; + + window.addEventListener('scroll', () => { + if (window.scrollY > heroHeight) { + setIsFixed(true); + } else { + setIsFixed(false); + } + }); + }, []); + return ( -