From 727d4af0d99e17b1545fdf3556857823b2457c98 Mon Sep 17 00:00:00 2001 From: Adeola David Adelakun Date: Fri, 24 Nov 2023 11:52:03 +0100 Subject: [PATCH] Restructured dropdown menu --- components/home/mobileIntro.js | 13 -- components/shared/header.jsx | 34 ++++-- containers/About.jsx | 211 +++++++++++++++++---------------- 3 files changed, 135 insertions(+), 123 deletions(-) diff --git a/components/home/mobileIntro.js b/components/home/mobileIntro.js index 04d76b8..980c67c 100644 --- a/components/home/mobileIntro.js +++ b/components/home/mobileIntro.js @@ -35,19 +35,6 @@ const mobileIntro = () => {
- - - {/*
-
- Setting - Setting - Security -
- Bitcoin -
-
*/} - -
diff --git a/components/shared/header.jsx b/components/shared/header.jsx index ed208c0..c94a791 100644 --- a/components/shared/header.jsx +++ b/components/shared/header.jsx @@ -42,6 +42,11 @@ const links = [ export default function Header() { const segment = useSelectedLayoutSegment(); const [showResource, setShowResource] = useState(false) + const [menuOpen, setMenuOpen] = useState(false); + + const toggleMenu = () => { + setMenuOpen(!menuOpen); + }; const [isOpen, setIsOpen] = useState(false); const dropdownRef = useRef(null); @@ -74,7 +79,7 @@ export default function Header() {
Element removebg preview Request Demo - -
- + +
+ - {isOpen && ( -
    +
+ +
+ {menuOpen && ( +
    {links.map((link) => (
  • {link.text} @@ -134,8 +149,7 @@ export default function Header() {
    • ))}
- )} -
+ )}
diff --git a/containers/About.jsx b/containers/About.jsx index 8508fa7..396cb66 100644 --- a/containers/About.jsx +++ b/containers/About.jsx @@ -1,3 +1,4 @@ +"use client"; import { IoIosArrowDown } from "react-icons/io" import Image from "next/image" import About from "@/components/about" @@ -5,115 +6,125 @@ import RequestDemo from "@/components/shared/request" function AboutContainer() { - return ( + const handleScroll = () => { + const nextSection = document.getElementById('nextSection'); + + if (nextSection) { + window.scrollTo({ + top: nextSection.offsetTop, + behavior: 'smooth', + }); + } + }; + return ( <> -
-
-

- We are Algorinth Labs -

-

- Algorinth Labs is a pioneering leader in the blockchain technology, - specializing in smart contract audits, testing, and innovative web3 - software development.
With a commitment to excellence and security, - we empower businesses and individuals to navigate the decentralized - landscape with confidence. -

-
- +
+
+

+ We are Algorinth Labs +

+

+ Algorinth Labs is a pioneering leader in the blockchain technology, + specializing in smart contract audits, testing, and innovative web3 + software development.
With a commitment to excellence and security, + we empower businesses and individuals to navigate the decentralized + landscape with confidence. +

+
+ +
+
-
-
-
- Shield - Security - security -
- - -
-
- - - Our core focus revolves around ensuring the integrity and - security of blockchain ecosystems. Through meticulous smart - contract audits, robust testing practices, and cutting-edge - software development, we strive to elevate the standards of - reliability and innovation in the web3 space. - -
-
- - - Our mission is to fortify the foundations of blockchain - technology by providing top-tier smart contract audits, - comprehensive testing, and forward-thinking software solutions. - We aim to foster a secure and collaborative environment that empowers - clients to harness the full potential of decentralized technologies. - +
+ Shield + Security + security +
+ + +
+
+ + + Our core focus revolves around ensuring the integrity and + security of blockchain ecosystems. Through meticulous smart + contract audits, robust testing practices, and cutting-edge + software development, we strive to elevate the standards of + reliability and innovation in the web3 space. + +
+
+ + + Our mission is to fortify the foundations of blockchain + technology by providing top-tier smart contract audits, + comprehensive testing, and forward-thinking software solutions. + We aim to foster a secure and collaborative environment that empowers + clients to harness the full potential of decentralized technologies. + +
+
+ + + Algorinth Labs envisions a future where blockchain and web3 technologies + are embraced for their transformative potential without compromising security. + We strive to be at the forefront of innovation, setting industry benchmarks + for best practices in smart contract auditing, testing, and software development. + +
-
- - - Algorinth Labs envisions a future where blockchain and web3 technologies - are embraced for their transformative potential without compromising security. - We strive to be at the forefront of innovation, setting industry benchmarks - for best practices in smart contract auditing, testing, and software development. - -
-
- + -
-
- - - Rigorous code reviews and security analysis to identify - vulnerabilities and ensure the integrity of smart contracts. - -
-
- - - Comprehensive functional, security, and interoperability testing to - validate the reliability of blockchain-based applications. - +
+
+ + + Rigorous code reviews and security analysis to identify + vulnerabilities and ensure the integrity of smart contracts. + +
+
+ + + Comprehensive functional, security, and interoperability testing to + validate the reliability of blockchain-based applications. + +
+
+ + + Crafting cutting-edge web3 solutions that push the boundaries of blockchain technology while maintaining the highest standards + of security. + +
+
+ + + Providing actionable insights and recommendations to mitigate risks and + enhance the security posture of blockchain projects. + +
+
+ + + Building a community of secure blockchain adopters through knowledge-sharing, workshops, and resources. + +
-
- - - Crafting cutting-edge web3 solutions that push the boundaries of blockchain technology while maintaining the highest standards - of security. - -
-
- - - Providing actionable insights and recommendations to mitigate risks and - enhance the security posture of blockchain projects. - -
-
- - - Building a community of secure blockchain adopters through knowledge-sharing, workshops, and resources. - -
-
- + +
-
- {/* ================================ */} -
- meeting -
+ {/* ================================ */} +
+ meeting +
- {/* ================================ */} - - - ) + {/* ================================ */} + + + ) } export default AboutContainer \ No newline at end of file