diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index 2ca4a48..d0e8dde 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -83,6 +83,12 @@ const Header = ({ className }: { className?: string }) => { > Contract Repo + + 4byte + Docs diff --git a/src/pages/LandingPage/AboutSection.tsx b/src/pages/LandingPage/AboutSection.tsx index 0b86690..d14a25b 100644 --- a/src/pages/LandingPage/AboutSection.tsx +++ b/src/pages/LandingPage/AboutSection.tsx @@ -1,5 +1,5 @@ import { motion } from "framer-motion"; -import { FaDownload } from "react-icons/fa"; +import { FaDownload, FaCheckCircle } from "react-icons/fa"; const AboutSection = () => { const variants = { @@ -11,6 +11,72 @@ const AboutSection = () => {
+ {/* What You Can Do Section */} + +
+ {/* Verify Contracts */} +
+
+ +

+ Verify Contracts +

+

Verify Solidity and Vyper contracts with full metadata support

+
+
+ + {/* Get ABIs */} +
+
+
📋
+

+ ABIs +

+

Fetch verified contract ABIs

+

+ {" "} + + (Example) → + +

+
+
+ + {/* 4byte Selectors */} +
+
+
🔍
+

+ 4byte Selectors +

+

+ Extensive signature database including signatures from verified contracts +

+

+ + 4byte.sourcify.dev → + +
+
+
+
+ {/* Feature 1 */} { const MIN_VELOCITY = 0.1; const velocityRef = useRef({ x: MAX_VELOCITY, y: MAX_VELOCITY }); // Store velocity const positionRef = useRef({ x: 50, y: 50 }); // Store position - const [isVisible, setIsVisible] = useState(true); - const { pathname, hash, key } = useLocation() + const { pathname, hash, key } = useLocation(); useEffect(() => { const element = document.querySelector(".spotlight-effect") as HTMLElement; @@ -82,56 +80,32 @@ const LandingPage = () => { useEffect(() => { // Handle direct route to dataset-playground - if (pathname === '/dataset-playground') { - const element = document.getElementById('dataset-playground'); + if (pathname === "/dataset-playground") { + const element = document.getElementById("dataset-playground"); if (element) { setTimeout(() => { - element.scrollIntoView({ behavior: 'smooth', }); + element.scrollIntoView({ behavior: "smooth" }); }, 100); } } }, [pathname]); useEffect(() => { - if (hash !== '') { + if (hash !== "") { setTimeout(() => { - const id = hash.replace('#', '') - const element = document.getElementById(id) + const id = hash.replace("#", ""); + const element = document.getElementById(id); if (element) { element.scrollIntoView({ - behavior: 'smooth', - }) + behavior: "smooth", + }); } - }, 100) + }, 100); } - }, [pathname, hash, key]) + }, [pathname, hash, key]); return (
- {isVisible && ( -
-
-

- 🚀 APIv2 is now available! Make the most of the information-rich responses{" "} - - Learn more → - -

- -
-
- )}
@@ -211,7 +185,10 @@ const LandingPage = () => { {/* Verified contract stats */} -
+