From 932cc438622a3ff31b08d31a104dc03419fdc068 Mon Sep 17 00:00:00 2001 From: sonln99 Date: Fri, 6 Dec 2024 16:15:48 +0700 Subject: [PATCH] update ecosystem --- src/app/build/{page.tsx => index.tsx} | 0 src/app/ecosystem/layout.tsx | 21 - src/app/ecosystem/page.tsx | 538 ++++++++++--------- src/app/get-aura/{page.tsx => index.tsx} | 0 src/app/globals.css | 282 ++++++---- src/app/introduction/{page.tsx => index.tsx} | 0 src/app/tech-stack/{page.tsx => index.tsx} | 0 src/assets/images/arrow-up-right.png | Bin 454 -> 207 bytes src/assets/images/ecosystem/aura_scan.png | Bin 1640 -> 1443 bytes src/assets/images/ecosystem/horo.png | Bin 1776 -> 921 bytes src/assets/images/ecosystem/pyxis.png | Bin 721 -> 473 bytes src/assets/images/logo3.svg | 17 + src/components/Card/index.tsx | 12 +- src/components/Header/index.tsx | 74 ++- src/components/Select/index.tsx | 8 +- src/sections/blogs/components/Card/index.tsx | 81 +-- src/sections/partners/index.tsx | 403 +++++++++++++- 17 files changed, 971 insertions(+), 465 deletions(-) rename src/app/build/{page.tsx => index.tsx} (100%) delete mode 100644 src/app/ecosystem/layout.tsx rename src/app/get-aura/{page.tsx => index.tsx} (100%) rename src/app/introduction/{page.tsx => index.tsx} (100%) rename src/app/tech-stack/{page.tsx => index.tsx} (100%) create mode 100644 src/assets/images/logo3.svg diff --git a/src/app/build/page.tsx b/src/app/build/index.tsx similarity index 100% rename from src/app/build/page.tsx rename to src/app/build/index.tsx diff --git a/src/app/ecosystem/layout.tsx b/src/app/ecosystem/layout.tsx deleted file mode 100644 index e6279d2..0000000 --- a/src/app/ecosystem/layout.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { Metadata } from "next"; -import Tutorials from "../../sections/tutorials"; - -export const metadata: Metadata = { - title: "Ecosystem", - description: "Explore Aura Network's tech stack including Found Contract Suite, Pyxis Smart Account, Fee Registry, Software Development Kit and Infrastructure Application.", -}; - -export default function Layout({ - children, -}: Readonly<{ - children: React.ReactNode; -}>) { - return ( -
- {children} - -
- - ); -} diff --git a/src/app/ecosystem/page.tsx b/src/app/ecosystem/page.tsx index 943ad09..fb8f228 100644 --- a/src/app/ecosystem/page.tsx +++ b/src/app/ecosystem/page.tsx @@ -37,233 +37,252 @@ import validator_8 from "@/assets/images/ecosystem/validator_8.png"; import validator_9 from "@/assets/images/ecosystem/validator_9.png"; import yooldo from "@/assets/images/ecosystem/yooldo.png"; - import { useEffect, useState } from "react"; import Card from "../../components/Card"; import Select from "../../components/Select"; import useWindowSize from "../../hooks/useWindowSize"; const options = [ - { value: 'All', label: 'All ' }, - { value: 'Infrastructure', label: 'Infrastructure' }, - { value: 'NFT', label: 'NFT' }, - { value: 'CEX', label: 'CEX' }, - { value: 'Wallet', label: 'Wallet' }, - { value: 'DeFi', label: 'DeFi' }, - { value: 'Validator', label: 'Validator' }, - { value: 'Web3 Game', label: 'Web3 Game' }, - { value: 'SocialFi', label: 'SocialFi' }, - { value: 'Web2 Transition', label: 'Web2 Transition' }, + { value: "All", label: "All " }, + { value: "Infrastructure", label: "Infrastructure" }, + { value: "NFT", label: "NFT" }, + { value: "CEX", label: "CEX" }, + { value: "Wallet", label: "Wallet" }, + { value: "DeFi", label: "DeFi" }, + { value: "Validator", label: "Validator" }, + { value: "Web3 Game", label: "Web3 Game" }, + { value: "SocialFi", label: "SocialFi" }, + { value: "Web2 Transition", label: "Web2 Transition" }, ]; const data = [ - { - title: 'Aurascan', - description: 'The next generation blockchain explorer for Aura Network', - tag: 'Infrastructure', - img: aura_scan, - link: 'https://aurascan.io/' - }, - { - title: 'Pyxis Safe', - description: 'Multi-signature and fine -grain access control, asset management tool', - tag: 'Infrastructure', - img: pyxis, - link: 'https://pyxis.aura.network/' - }, - { - title: 'Horoscope', - description: 'An indexing service to provide real-time data for Aura ecosystem', - tag: 'Infrastructure', - img: horo, - link: 'https://horoscope.aura.network/' - }, - { - title: 'Band Protocol', - description: 'A cross-chain data oracle platform that aggregates and connects real-world data and APIs to smart contracts.', - tag: 'Infrastructure', - img: band, - link: 'https://www.bandprotocol.com/' - }, - { - title: 'Nois Network', - description: 'Reliable Randomness For the Interchain', - tag: 'Infrastructure', - img: nois, - link: 'https://nois.network/' - }, - { - title: 'Dev3Map', - description: 'The Interchain Developers Metrics Map', - tag: 'Infrastructure', - img: dev3, - link: 'https://beta.dev3map.com/' - }, - { - title: 'Nimbus', - description: 'A Personalized Portfolio for Crypto investors', - tag: 'DeFi', - img: nimbus, - link: 'https://getnimbus.io/' - }, - { - title: 'Halotrade', - description: 'Seamless crypto trading, built for all', - tag: 'DeFi', - img: halotrade, - link: 'https://halotrade.zone/' - }, - { - title: 'BingX', - tag: 'CEX', - img: bingx, - link: 'https://bingx.com/vi-vn/' - }, - { - title: 'MEXC', - tag: 'CEX', - img: mexc, - link: 'https://www.mexc.com/' - }, - { - title: 'ONUS', - tag: 'CEX', - img: onus, - link: 'https://goonus.io/' - }, - { - title: 'Gate', - tag: 'CEX', - img: gate, - link: 'http://gate.io' - }, - { - title: 'Aliniex', - tag: 'CEX', - img: aliniex, - link: 'https://aliniex.com/' - - }, - { - title: 'Monsterra', - description: 'A leading multi-chain NFT Game with free-to-play-and-earn mechanism developed by CrescentShine Studio, offering gamers an unparalleled and immersive gaming experience.', - tag: 'Web3 Game', - img: monsterra, - link: 'https://monsterra.io/' - }, - { - title: 'Yooldo', - description: 'Yooldo is a gaming platform renowned for its innovative Anti abuse system, Jury DAO', - tag: 'Web3 Game', - img: yooldo, - link: 'https://www.yooldo.gg/' - }, - { - title: 'AhaFast Ride 2 Earn', - description: 'Spearheading the Blockchain O2O (Online-to-offline) movement in Vietnam', - tag: 'Web2 Transition', - img: ahafast, - link: 'https://twitter.com/ahafastofficial' - }, - { - title: 'Subwallet', - description: 'A non-custodial Web3 Wallet', - tag: 'Wallet', - img: sub_wallet, - link: 'https://www.subwallet.app/' - }, - { - title: 'Coin98', - description: 'The #1 non-custodial, multi-chain wallet, and DeFi gateway, designed to seamlessly connect users to the crypto world in a safe and secure manner.', - tag: 'Wallet', - img: c98, - link: 'https://coin98.com/wallet' - }, - { - title: 'Keplr', - description: 'Wallet for the Inter blockchain ecosystem', - tag: 'Wallet', - img: keplr, - link: 'https://www.klever.io/' - }, - { - title: 'Leap Wallet', - description: 'The Super Wallet‍ for Web3', - tag: 'Wallet', - img: leap, - link: 'https://www.leapwallet.io/' - }, - { - title: 'Klever', - description: 'The Ultimate Crypto Wallet for Your Digital Assets', - tag: 'Wallet', - img: klever, - link: 'https://www.klever.io/' - }, - { - title: 'SeekHYPE', - description: 'NFT Marketplace for IP', - tag: 'NFT', - img: seekhype, - link: 'https://beta.seekhype.io/' - }, - { - title: 'Stakify', - description: 'NFT Staking Campaign Platform', - tag: 'NFT', - img: stakify, - link: 'https://stakify.zone/' - }, - { - title: 'Aura Validators', - tag: 'Validator', - img: aura_scan, - listImgs: [validator_0, validator_1, validator_2, validator_3, validator_4, validator_5, validator_6, validator_7, validator_8, validator_9, validator_10, validator_11], - link: 'https://aurascan.io/validators' - }, - { - title: 'Micro3', - description: 'A Decentralized SocialFi Mint-To-Earn platform that empowers Web3 projects and individuals through the creator economy, leveraging advanced LayerZero and Chainlink technologies.', - tag: 'SocialFi', - img: micro3, - link: 'https://micro3.io/', - isBigger: true - }, -] + { + title: "Aurascan", + description: "The next generation blockchain explorer for Aura Network", + tag: "Infrastructure", + img: aura_scan, + link: "https://aurascan.io/", + }, + { + title: "Pyxis Safe", + description: + "Multi-signature and fine -grain access control, asset management tool", + tag: "Infrastructure", + img: pyxis, + link: "https://pyxis.aura.network/", + }, + { + title: "Horoscope", + description: + "An indexing service to provide real-time data for Aura ecosystem", + tag: "Infrastructure", + img: horo, + link: "https://horoscope.aura.network/", + }, + { + title: "Band Protocol", + description: + "A cross-chain data oracle platform that aggregates and connects real-world data and APIs to smart contracts.", + tag: "Infrastructure", + img: band, + link: "https://www.bandprotocol.com/", + }, + { + title: "Nois Network", + description: "Reliable Randomness For the Interchain", + tag: "Infrastructure", + img: nois, + link: "https://nois.network/", + }, + { + title: "Dev3Map", + description: "The Interchain Developers Metrics Map", + tag: "Infrastructure", + img: dev3, + link: "https://beta.dev3map.com/", + }, + { + title: "Nimbus", + description: "A Personalized Portfolio for Crypto investors", + tag: "DeFi", + img: nimbus, + link: "https://getnimbus.io/", + }, + { + title: "Halotrade", + description: "Seamless crypto trading, built for all", + tag: "DeFi", + img: halotrade, + link: "https://halotrade.zone/", + }, + { + title: "BingX", + tag: "CEX", + img: bingx, + link: "https://bingx.com/vi-vn/", + }, + { + title: "MEXC", + tag: "CEX", + img: mexc, + link: "https://www.mexc.com/", + }, + { + title: "ONUS", + tag: "CEX", + img: onus, + link: "https://goonus.io/", + }, + { + title: "Gate", + tag: "CEX", + img: gate, + link: "http://gate.io", + }, + { + title: "Aliniex", + tag: "CEX", + img: aliniex, + link: "https://aliniex.com/", + }, + { + title: "Monsterra", + description: + "A leading multi-chain NFT Game with free-to-play-and-earn mechanism developed by CrescentShine Studio, offering gamers an unparalleled and immersive gaming experience.", + tag: "Web3 Game", + img: monsterra, + link: "https://monsterra.io/", + }, + { + title: "Yooldo", + description: + "Yooldo is a gaming platform renowned for its innovative Anti abuse system, Jury DAO", + tag: "Web3 Game", + img: yooldo, + link: "https://www.yooldo.gg/", + }, + { + title: "AhaFast Ride 2 Earn", + description: + "Spearheading the Blockchain O2O (Online-to-offline) movement in Vietnam", + tag: "Web2 Transition", + img: ahafast, + link: "https://twitter.com/ahafastofficial", + }, + { + title: "Subwallet", + description: "A non-custodial Web3 Wallet", + tag: "Wallet", + img: sub_wallet, + link: "https://www.subwallet.app/", + }, + { + title: "Coin98", + description: + "The #1 non-custodial, multi-chain wallet, and DeFi gateway, designed to seamlessly connect users to the crypto world in a safe and secure manner.", + tag: "Wallet", + img: c98, + link: "https://coin98.com/wallet", + }, + { + title: "Keplr", + description: "Wallet for the Inter blockchain ecosystem", + tag: "Wallet", + img: keplr, + link: "https://www.klever.io/", + }, + { + title: "Leap Wallet", + description: "The Super Wallet‍ for Web3", + tag: "Wallet", + img: leap, + link: "https://www.leapwallet.io/", + }, + { + title: "Klever", + description: "The Ultimate Crypto Wallet for Your Digital Assets", + tag: "Wallet", + img: klever, + link: "https://www.klever.io/", + }, + { + title: "SeekHYPE", + description: "NFT Marketplace for IP", + tag: "NFT", + img: seekhype, + link: "https://beta.seekhype.io/", + }, + { + title: "Stakify", + description: "NFT Staking Campaign Platform", + tag: "NFT", + img: stakify, + link: "https://stakify.zone/", + }, + { + title: "Aura Validators", + tag: "Validator", + img: aura_scan, + listImgs: [ + validator_0, + validator_1, + validator_2, + validator_3, + validator_4, + validator_5, + validator_6, + validator_7, + validator_8, + validator_9, + validator_10, + validator_11, + ], + link: "https://aurascan.io/validators", + }, + { + title: "Micro3", + description: + "A Decentralized SocialFi Mint-To-Earn platform that empowers Web3 projects and individuals through the creator economy, leveraging advanced LayerZero and Chainlink technologies.", + tag: "SocialFi", + img: micro3, + link: "https://micro3.io/", + isBigger: true, + }, +]; function Ecosystem() { - const { isMobile } = useWindowSize(); - const [selectedTag, setSelectedTag] = useState('All'); - const [displayedItems, setDisplayedItems] = useState(6); - const [visibleItems, setVisibleItems] = useState(data.slice(0, 6)); - - const filteredData = selectedTag && selectedTag !== 'All' - ? data.filter(item => item.tag === selectedTag) - : data; + const { isMobile } = useWindowSize(); + const [selectedTag, setSelectedTag] = useState("All"); + const [displayedItems, setDisplayedItems] = useState(6); + const [visibleItems, setVisibleItems] = useState(data.slice(0, 6)); - useEffect(() => { - setDisplayedItems(isMobile ? 6 : 12); - }, [isMobile]); + const filteredData = + selectedTag && selectedTag !== "All" + ? data.filter((item) => item.tag === selectedTag) + : data; - useEffect(() => { - setVisibleItems(filteredData.slice(0, displayedItems)); - }, [selectedTag, displayedItems, data]); + useEffect(() => { + setDisplayedItems(isMobile ? 6 : 12); + }, [isMobile]); - const handleSelect = (option: string) => { - setSelectedTag(option); - setDisplayedItems(6); - }; + useEffect(() => { + setVisibleItems(filteredData.slice(0, displayedItems)); + }, [selectedTag, displayedItems, data]); - const loadMore = () => { - setDisplayedItems(prev => prev + 6); - }; + const handleSelect = (option: string) => { + setSelectedTag(option); + setDisplayedItems(6); + }; + const loadMore = () => { + setDisplayedItems((prev) => prev + 6); + }; - return ( -
-
-
-
+ return ( +
+
+
+ {/*
@@ -276,52 +295,65 @@ function Ecosystem() {
-
- +
+
+ {options.map((e, i) => ( +
handleSelect(e.value)} + > + {e.label}
+ ))} +
+
+
+ {visibleItems.map((e, index) => { + if (e.isBigger) { + return ( +
+ +
+ ); + } + return ( +
+ +
+ ); + })} +
+ {visibleItems.length < filteredData.length && ( + + )}
+
- ); +
+
+ ); } export default Ecosystem; diff --git a/src/app/get-aura/page.tsx b/src/app/get-aura/index.tsx similarity index 100% rename from src/app/get-aura/page.tsx rename to src/app/get-aura/index.tsx diff --git a/src/app/globals.css b/src/app/globals.css index c341284..6ed2b51 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -6,16 +6,16 @@ --foreground-rgb: 255, 255, 255; --background-start-rgb: 214, 219, 220; --background-end-rgb: 255, 255, 255; - --blur-dark-charcoal: #1F1C1999; + --blur-dark-charcoal: #1f1c1999; --dark-charcoal: #171513; --medium-charcoal: #292523; - --light-charcoal: #3B3632; - --black-charcoal: #0C0A09; + --light-charcoal: #3b3632; + --black-charcoal: #0c0a09; --blur-grayish-brown: rgba(64, 59, 53, 0.45); - --light-yellow: #FFD369; - --medium-gray: #968C7C; - --swiper-pagination-color: #FFBF61; - --swiper-pagination-bullet-inactive-color: #2C2925; + --light-yellow: #ffd369; + --medium-gray: #968c7c; + --swiper-pagination-color: #ffbf61; + --swiper-pagination-bullet-inactive-color: #2c2925; } html:focus-within { @@ -59,7 +59,11 @@ body { .border-gradient { border-width: 1px; border-style: solid; - border-image-source: linear-gradient(180deg, rgba(160, 150, 114, 0.2) 0%, rgba(160, 150, 114, 0) 100%); + border-image-source: linear-gradient( + 180deg, + rgba(160, 150, 114, 0.2) 0%, + rgba(160, 150, 114, 0) 100% + ); border-image-slice: 1; border-radius: 8px; } @@ -101,6 +105,9 @@ body { } } +.icon .cathay2 { + display: none; +} @media only screen and (min-width: 1024px) { .main-container { /* padding-top: 324px; */ @@ -117,117 +124,157 @@ body { border-radius: 32px !important; } + /* cathay icon */ + .icon:hover .cathay1 { + display: none; + } + .icon:hover .cathay2 { + display: block; + } + /* bayer icon */ + .icon:hover #bayer path { + fill: #10384f; + } + .icon:hover #bayer #path1 { + fill: #89d329; + } + .icon:hover #bayer #path2 { + fill: #00bcff; + } + + .icon:hover #bayer2 { + display: block; + } + /* sga icon */ + .icon:hover #sga #sga1 { + fill: #f99f1c; + } + .icon:hover #sga .sga2 { + fill: #232f67; + } + /* aia icon */ + .icon:hover #aia path { + fill: #d31145; + } + /* vpb icon */ + .icon:hover #vpb #vpb1 { + fill: #e00500; + } + .icon:hover #vpb #vpb2 { + fill: #00b74f; + } + /* Coin98 icon */ -.icon:hover #coin98 path { - fill: url(#paint0_linear_561_9462); -} + .icon:hover #coin98 path { + fill: url(#paint0_linear_561_9462); + } -/* Hashed icon */ -.icon:hover #hashed path { - fill: black; -} + /* Hashed icon */ + .icon:hover #hashed path { + fill: black; + } -/* Fpt icon */ -.icon:hover #fpt #Vector { - fill: #1C6EB2; -} + /* Fpt icon */ + .icon:hover #fpt #Vector { + fill: #1c6eb2; + } -.icon:hover #fpt #Vector_2 { - fill: #F3762F; -} + .icon:hover #fpt #Vector_2 { + fill: #f3762f; + } -.icon:hover #fpt #Vector_3 { - fill: #1FB351; -} + .icon:hover #fpt #Vector_3 { + fill: #1fb351; + } -.icon:hover #fpt #Vector_4, -.icon:hover #fpt #Vector_5, -.icon:hover #fpt #Vector_6 { - fill: white; -} + .icon:hover #fpt #Vector_4, + .icon:hover #fpt #Vector_5, + .icon:hover #fpt #Vector_6 { + fill: white; + } -/* Kyber icon */ -.icon:hover #kyber #Group #Vector, -.icon:hover #kyber #Group #Vector_2, -.icon:hover #kyber #Group #Vector_3, -.icon:hover #kyber #Group #Vector_4, -.icon:hover #kyber #Group #Vector_5, -.icon:hover #kyber #Group #Vector_6, -.icon:hover #kyber #Group #Vector_7, -.icon:hover #kyber #Group #Vector_8, -.icon:hover #kyber #Group #Vector_9, -.icon:hover #kyber #Group #Vector_10, -.icon:hover #kyber #Group #Vector_11, -.icon:hover #kyber #Group #Vector_12, -.icon:hover #kyber #Group #Vector_13, -.icon:hover #kyber #Group #Vector_14 { - fill: black; -} + /* Kyber icon */ + .icon:hover #kyber #Group #Vector, + .icon:hover #kyber #Group #Vector_2, + .icon:hover #kyber #Group #Vector_3, + .icon:hover #kyber #Group #Vector_4, + .icon:hover #kyber #Group #Vector_5, + .icon:hover #kyber #Group #Vector_6, + .icon:hover #kyber #Group #Vector_7, + .icon:hover #kyber #Group #Vector_8, + .icon:hover #kyber #Group #Vector_9, + .icon:hover #kyber #Group #Vector_10, + .icon:hover #kyber #Group #Vector_11, + .icon:hover #kyber #Group #Vector_12, + .icon:hover #kyber #Group #Vector_13, + .icon:hover #kyber #Group #Vector_14 { + fill: black; + } -.icon:hover #kyber #Vector_15, -.icon:hover #kyber #Vector_16, -.icon:hover #kyber #Vector_17, -.icon:hover #kyber #Vector_18 { - fill: #39CDA1; -} + .icon:hover #kyber #Vector_15, + .icon:hover #kyber #Vector_16, + .icon:hover #kyber #Vector_17, + .icon:hover #kyber #Vector_18 { + fill: #39cda1; + } -/* Blizzard icon */ -.icon:hover #blizzard path { - fill: #E74A46; -} + /* Blizzard icon */ + .icon:hover #blizzard path { + fill: #e74a46; + } -/* NGC icon */ -.icon:hover #ngc path { - fill: black; -} + /* NGC icon */ + .icon:hover #ngc path { + fill: black; + } -/* NGC icon */ -.icon:hover #crypto path { - fill: black; -} + /* NGC icon */ + .icon:hover #crypto path { + fill: black; + } -/* Crypto icon */ -.icon:hover #crypto #Vector_1, -.icon:hover #crypto #Vector_2, -.icon:hover #crypto #Vector_3, -.icon:hover #crypto #Vector_4, -.icon:hover #crypto #Vector_5 { - fill: #48FFCF; -} -.icon:hover #crypto #Vector_6 { - fill: black; -} + /* Crypto icon */ + .icon:hover #crypto #Vector_1, + .icon:hover #crypto #Vector_2, + .icon:hover #crypto #Vector_3, + .icon:hover #crypto #Vector_4, + .icon:hover #crypto #Vector_5 { + fill: #48ffcf; + } + .icon:hover #crypto #Vector_6 { + fill: black; + } -/* zentry icon */ -.icon:hover #zentry path { - fill: black; -} + /* zentry icon */ + .icon:hover #zentry path { + fill: black; + } -/* dwf icon */ -.icon:hover #dwf path { - fill: black; -} + /* dwf icon */ + .icon:hover #dwf path { + fill: black; + } -/* gbv icon */ -.icon:hover #gbv mask { - fill: #F1D050; -} + /* gbv icon */ + .icon:hover #gbv mask { + fill: #f1d050; + } -/* kucoin icon */ -.icon:hover #kucoin path { - fill: #28CD96; -} + /* kucoin icon */ + .icon:hover #kucoin path { + fill: #28cd96; + } -/* finance icon */ -.icon:hover #finance #Vector_2 { - fill: #00FFB9 -} -.icon:hover #finance #Vector_3 { - fill: #00DAFF; -} -.icon:hover #finance path { - fill: black; -} + /* finance icon */ + .icon:hover #finance #Vector_2 { + fill: #00ffb9; + } + .icon:hover #finance #Vector_3 { + fill: #00daff; + } + .icon:hover #finance path { + fill: black; + } } @media only screen and (min-width: 1280px) { @@ -254,19 +301,17 @@ body { } } - - /* Statistic card */ .statistic-card:hover #card-bg circle { fill: url(#paint0_linear_566_10821); - fill-opacity: 1 + fill-opacity: 1; } .statistic-card:hover { - background: url("../assets/images/img_mask.webp"), #221F1C; + background: url("../assets/images/img_mask.webp"), #221f1c; background-size: cover; background-repeat: no-repeat; - border: 1px solid #FD9552; + border: 1px solid #fd9552; } /* Ecosystem card */ @@ -301,7 +346,7 @@ body { .swiper-pagination-fraction, .swiper-pagination-custom, -.swiper-horizontal>.swiper-pagination-bullets, +.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0 !important; height: 18px !important; @@ -318,11 +363,11 @@ body { } /* Navbar */ -.nav-input:checked~.header>.nav-menu { +.nav-input:checked ~ .header > .nav-menu { display: block; } -.nav-input:checked~.header>.nav-container { +.nav-input:checked ~ .header > .nav-container { border-radius: 1rem 1rem 0 0; } @@ -330,15 +375,15 @@ body { display: none; } -.nav-input:checked~.header>.nav-container .nav-icon-menu { +.nav-input:checked ~ .header > .nav-container .nav-icon-menu { display: none; } -.nav-input:checked~.header>.nav-container .nav-icon-close { +.nav-input:checked ~ .header > .nav-container .nav-icon-close { display: block; } -.nav-input:checked~.nav-overlay { +.nav-input:checked ~ .nav-overlay { display: block; } @@ -353,19 +398,22 @@ body { } /* Section selector */ -.section-selector:checked~.section-menu { +.section-selector:checked ~ .section-menu { display: block; } /* Active section */ .active { - border-left: 2px solid #F7B85F; + border-left: 2px solid #f7b85f; border-top: none; border-right: none; border-bottom: none; } .border-linear { - border-image: linear-gradient(180deg, rgba(160, 150, 114, 0.2) 0%, rgba(160, 150, 114, 0) 100%); + border-image: linear-gradient( + 180deg, + rgba(160, 150, 114, 0.2) 0%, + rgba(160, 150, 114, 0) 100% + ); } - diff --git a/src/app/introduction/page.tsx b/src/app/introduction/index.tsx similarity index 100% rename from src/app/introduction/page.tsx rename to src/app/introduction/index.tsx diff --git a/src/app/tech-stack/page.tsx b/src/app/tech-stack/index.tsx similarity index 100% rename from src/app/tech-stack/page.tsx rename to src/app/tech-stack/index.tsx diff --git a/src/assets/images/arrow-up-right.png b/src/assets/images/arrow-up-right.png index 845877d680a6f625b79359d3246ab4401535ce76..adb86a62a289ad9efeb3e6315b1d74b94091a989 100644 GIT binary patch delta 129 zcmV-{0Dk|*1J41FReAtqNklVB~ zAS#M$n3-A}-FY6uAcUlEEc1ngVv;K~u#gKZu#%7ed|)Ss1WxjFz>}u}5qUP?$|Hf7 j&b0nMW^T?*QC#E)sLu|KRA*#f00000NkvXXu0mjfW3f05 delta 378 zcmV-=0fqk00mcK6Reu3nNklj-3<RoRpQSiq6HzVlEl-6xR9zzB|$$Cx#_zOsSk!uGcvm*;$8qhLF0(XZN;_!Iarp>?P Y110`;JJl`D1poj507*qoM6N<$f&_B14*&oF diff --git a/src/assets/images/ecosystem/aura_scan.png b/src/assets/images/ecosystem/aura_scan.png index d4c2ca21dca1ca07c68ddab1e51f0342417d7cec..e5de84d59bdafaae3d851f645e9ed53e82b1f601 100644 GIT binary patch delta 1409 zcmV-{1%CSI45JGniBL{Q4GJ0x0000DNk~Le0000W0000W2nGNE0CReJ^pPPoe>h1* zK~#7F?N?1wTSpM?o_SSCWn;0Ak#qtc_yEW!K%4+L0kE)vWPw@9CXxzKdy>v@6_HV@~q$tGPz0i)^Zp0B_DdPMXe8`CQ-ZS^bklW&sJh&W`~ zPJKYHuvaDU?(nY_VL3tY%EOwHe_PGAem$d-=BT8l`~8{)*ASL_TeECGDq)RDTJ{;0 zw1mo&1piW`?n2JtrQXUy95>ve{Xk{w1pdW zRrLx>72q_;H}g7bzlke1ymx)c_l-cn7Ezc%_yLnYR?##28vxg$AM+xd8|=9C>BHN- z>3B~{fSasZa1~nXZO^{Prz6MwCc=&b^)AdipUh$FNK`kF;2!q3jexetxnvGph<+9v zzEwlf&eEWpNDM?Bt`;INe}6Evx(>4K*|qtj;ictdL4Yfub`4x*(HxYi9g`B5k-JAQ zaKSj>{0b7SV_zrtp&IzHiztKM$JzJk!SLL?v+Zj0A?Ej8z!v@m1V(oxC4leGP~VjHKxw{S;?kf1w;pg(ZkJ*PPh~ zbM{;Pg4u#oO+}XFF6@!hinSczjd0_q?z~^j+fXYq9-qZBSi(pg#OvY`BSfl1pAdQV zd;;{doZxnguyCe`G{k&57uji8Jag2IVo7Z-!nlaObls5F)=QwqR#OQo`<}leOxj zVgx3JTXhh8hEy_6P%|+B^mD9q@sixyXV}xVZh#&bS5kO(!MnL^t9tTn@WKRg6V%S7 zAk?+Bk`gyGNm>!&0%Mn)n-GCZ4RpjPueX5EbXDY2n1B(>e*)*d90nlOh(lO4W*7M= zjnM_kN({_l;2h6IL2_Cv@_C*EM`)Sgzyl0A(wo>B%w23Y4%F!dn?D@(m7taq2h(7( z3?XAk@oeXZ2`n59PlZC8)t_5C8LTKn+fcB6MqN9Rn85DShuKZ@d3SWX4n<5O3QDW7 z4JRU$pW!c+f5WolWa)=eEJods#K{(ihe7XY#ahk|g9KmO_?5A;kv+$VQ9!bp}=2 zoviQ0K_&Pc0>+-#<2nI}fd8HE=cqWyIi=H5`~(3uf5k$*v)|*GjgT7}HiT>n8X;{8 zLS!~g>upT~S-rEUj*0th#IuB;{WInp&#?ItQQ;~k;+sMQ()}B>ncXDJPx8b6g#PDD ztd)GoK+a}-kU-N_ICcacC#NEqOMFKNk6gl4pt6BISse34 z2s|co*lz;XG)m}{d_KH;pQJhB*|7}4zI17zL+ znPxt)w3h8uTV>8G|0<4;Qt7BT5R8@(yb|kgSJI8|22|3@zlsqkXSQ^DTh;lfj3O74 zwJw#kSA8>@bc;Q;y79$JoEi}^@mf^UUjN;2zuy3W6G4%S=Lq({{TurSyP*p~1e;;P P00000NkvXXu0mjfw!y6> delta 1608 zcmV-O2Dka63+N0XiBL{Q4GJ0x0000DNk~Le0000e0000e2nGNE0F3^)ZIK~0fBi{B zK~#7F?O4xmR8wWLu``z<> z=iKv#Xxp~!zcr>8U~>B00dm0ze=%3d$sBqf5xE-Qx*StZ%MDOYjE|6!`m+uZ0L8o# zQ}OQsuGi-&hZ)LYG8&c1xX}z$jci!gdnsYF}j z>zAWd*w21EN9>?cnRA?cVnt@#Ve+zNxquN>XqUVUOwwq%R;?7>jXU88HURf<&0Z>a za*>P$Fa(7W_KQ#=iP4}~e`6Ljv-A@uWi~VckYqd{N1$GW6`<32A1+w#$B2PWSh`Sb zo<*O}7#gM6w{@VcElQu*7GBf)ge@iO03twU@Gj|d(szRdS6eT^GmO_cw6CRd=$9*R z9oPauP^X~0C8EGY7sG_~ zcLLHaist~ToN7dAP!DSBL_jSlB2dKWgDl;TohNQLU63qfI#fE9THit%qBEp25$`6~ zB_29^(6+v!lm@@k=RB6SrseyTvZWH$J59k+V;*x{^VE9psi#^P>pjU7qCW(<5c@0` zY8McIn+6yx)kQ@ff9PahBb?H?q9eZ`=x&svTQPMpV_XB{=2dSBR1|FJmO%*tn7;y3 zE1jB*Hw{qFPjmI^PIxa;9Z{+iZP~4eyDdwc)Mx|a^LJx5?K+3haiHEZ%ti2;0prj- zmXNFV!~0RUIW|nx{N?qUgmTG8>oVnD@GT_g_N7wPh^dDee?!**> z=c?h+`_mha@3}y*SXX*EXbFX?Kir3II=uK@M4K=ko19N5ILILb6rv7Z)XQ1^liz#r zr04py8MB$Njn`d_U>>F|SmE@&CcHKV@A0zkxX;dQW^7M@E?gSPk}P!8j$5=?i%-Hwx88b4vi_i+3u{xG5yz3i-2>>h{coF?vBJQ^OT3Jtc-JWZ_NA5%2w` zwrPOvD{nS1%@KfmERK$apH5EGzhLs)@rzI|*E>ze}@a#`T| zzLHz_!6SFy--8^8$#@uGDh7e+a40Z9L071vQU0J$`~iVyzZ{#VfTvMzJPP)H+vu=X z>`Nxsf4TbZ0?TE1Tvs1PFn7CaBDxX3={+5AB{Ef+wqAE9SQl*g5QY^nE(98pfo z=|SLl?PeXAj^eJF>W&wXbg$9V;sEcu9+9iC*tTu^KiEIbu#}m8wZn!000006s6Og=Cb*r^~;0j7a) zsX#JL0pyD?gKo1YiC8B~vScUBn2`u^{rDq%zB0=e;0_rXo0|^ zY!)G)AkJzIh2TiD0B}GFZbK0gbg&J&JH5aIIj&46QXi9)FXL;Zur3rK!I;sC--l8w z=79xlN=N0<+!)x_N7u?FVO>yiF|8JOs}!CWh|_wM$T3v74S6KsS4Crq2oqQrQeJ8I z$lgFM33xWO9fsdwO^6S5f1#P=m>-S>NcJb5jluneHE<7LT_D?rQY1JA52)Tj5Lj^IOsWm zAkvRTP?7>&5vHngfz+O{7a6e|pJ$mxCyA(+#2_b-Mem`0k8r1|LQGKcKO_q{?4LR1T92wzT#)Y~FiTFE2;*v_TMFelG{(U>>pb1## zu9fVdNU|G>NJRO?WbL_p-zbV!MLoLJ5s z+kz3mz;4PI7z{S>e*_O%ACWm(?F^=4+HR#hp$rKo=bFc`=a^|{5&R~{%07jsoi%0U z&X^e|6=sGwd*z&K7MsL440noQ;r{~d0djP3`n z*OM*;)fiIEEj-ELOYAd4`ZBFW=L(ZZ5Hew&172RzWf36{O7%pi=B!MjEK-Tkf63k3 zYExZucm>>bYHj-VFYz@B-SwQ$E5aH~X(V8K67ZHnvD%;Azrt_#0-0f#1fXyL0000< KMNUMnLSTZ*@rm#N delta 1746 zcmV;@1}*uS2k;FciBL{Q4GJ0x0000DNk~Le0000e0000e2nGNE0F3^)ZIK}~e+Gp~ zL_t(|0qvO2Z(BtW$7lBKbJX_03x5DH$D&FkoIo5BACZu12P7&G#Az=n2a=RasZisH zRd|Lt&wa6qGpLK<*=e;6=$6$oAdBm_q_KCc71RV-esz!6wafHXA~!L#F& z{MsbH*)NxNt%HaF`Ld&jfaVq!uTYZ?qxL!SKlv@?R;z)F zvv}wFD)eX_0qOh~!$4-SsaX5+Hqhtwc=d2=3-T<38#jx$Z_Gjuwl5$}e_Wd3Vg`&s zZFsNew?Z|a;{uz9;r^iGbH^Ts3Q&^6xw$$V22kM;3p*5P0gyC=WiYS?WUKyGoMx4H z@X!dujFAW8N1Z}~LMn6>W0UCya#uihYnE&LdDHz(>fti~Ds&2bn!1>Fu#q?DE(;XN zC^ynqM=Xp#&BaSek6xa6u5BrY-K7O0Sq zpj$w%9*il}=1~eTjm57@a6rRr#TxcuhN0?Y6GWR3gUS&(jHjSme?V1li|Gg~9Ynbu zkcDE6T|6yd6o`Tef+!j`CZTIUpkZH|j5_IMqE*8YnJtt`XxuUwcCU9g!@7uW#VwgW{_Imp8yH!#^D_2RG;)+^ug?ygxEz*^918_*g z&^#994Yu=C5n$(oh$LePs=1L zVo48{S2-3+@tya2f~3VWX$*0U6_kO2IzZUX4HHy40%`?)H0u@ASp;NK$1t9x+oL*i z!_UhFuy&f`M@J!AEF}x?ckOQ1XA6GRVl)4VdxO%ke|Ji?z24ce9*n;o{hh1IAg3o@ zVzR6GpTVj*P8l38YhI*2dIh9~Y{V1g5*g$b4*11&;6b?oj!{^4 zfhh&<=|jwwcWitbOZgFN;537bvGo03ISmybfAt3I5K|^T7DN`4I-a^)?FrCBa-6BF zCC0SZ-sRj-6BGoV%M}dF6H?bf#Lw}ZjxTZN(1(aT-;QMuhc*vMvdTGdNf*T%kintd zmE3<{yqJ&3Z7i^2r#+NWB}E1Ots!7qs%Tv4H;(|HUu$-*d2m9GN1+kaJsfvl_ZB>p ze{9gMkX?QHNPhX4;}I@%1O3n(I6la|nk{v`YU)k`uNrB*fx?zyy>Fc7ciuPKMFt!2 z-%DDXAA#%}!lA8uWz!8{@b33>+}ayxO^Nf?T5A;|hc21?%0$ooDn;^K0A5Mt4L-Z@ zwRv7OKZ_V{MU~TUIr{kl{lV8#8%wk@e--tt;C7=wcwK1BX^z1mb~A5LG19K8a`-nt zQRTA2ij}r2LXXamG1h`4uI3dFiOuglh|AoW%%K1eYYOS0w8vff>~I!O74?2sE@~07*qoM6N<$g5qg7Q2+n{ diff --git a/src/assets/images/ecosystem/pyxis.png b/src/assets/images/ecosystem/pyxis.png index 2142315e85f75a5f940e60f8956592a0893710de..65f3724019f58ef4c62458ef7c3b1627bdc8ed7f 100644 GIT binary patch delta 398 zcmV;90dfA(1=$0TReu3)NklPiqnJ%Pyyf+x@;^bIn&aGh16$aGnaM07Gkx*82x%v;P1O)>T9-~4KzrlzJGLImxr zNza(%nB^1TDSI zw3CdXBv^#EKwhntg^aG$cA+3xgxGKzT$?24P@u4*+J@!QfF09{Xx~nn_(y_7*uI>0 zLimX%WKa-n2j_erUW*YFgrA9RcPGy*pfb~jR342yAv{O^Lc~{Y6vE4x z^@_k-W4WQs3`7!XhwBzsi0BZJM2VDr~*W00000Ne4wvM6N<$f<;5LVE_OC delta 648 zcmV;30(bq{1JMPLReu6zNkl9*UXp`clb3&0VeqTJ01aJkOde!Lkw(iRk+5yckyMNb~Zf98AhzWDydcK6Q^fExNBFQo+V0@!Eo-)@)_3r==E z;KR=C`^6jq3>E=Julg3rTRwX>JMtZ;A|mx7n9U7zW)8DCa+2$BFZRctd?uM>mh?*_SN>iP}3H&BgNz7_~quc}OTE z59sMSXt~}KG!nO=OrKz+x-v-MKAj+vC=qL=xwT%*@%%h+NA`DV|W?-(&v0oFIZo5o#jF zlpzrz}e;rS0l5WP-xLvJRiYj?COVeehj itcY4C4jj0X`~}0`=J2oio8tfg002ovPDHLkU;%=cQZHQq diff --git a/src/assets/images/logo3.svg b/src/assets/images/logo3.svg new file mode 100644 index 0000000..21020a2 --- /dev/null +++ b/src/assets/images/logo3.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx index dc41a50..82f68f2 100644 --- a/src/components/Card/index.tsx +++ b/src/components/Card/index.tsx @@ -22,31 +22,31 @@ function Card({ data }: CardProps) { const { title, img, description, tag, link, listImgs } = data return ( -
+
-
+
-
+
{tag}
- {title} + {title}
- {description && {description}} + {description && {description}} {listImgs &&
{listImgs.map((e: any, i: number) => (
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index 47cac70..6d525df 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -2,28 +2,13 @@ import ic_discord from "@/assets/icons/ic_discord_none_bg.svg"; import ic_telegram from "@/assets/icons/ic_telegram.svg"; import ic_x from "@/assets/icons/ic_x.svg"; import ic_logo from "@/assets/images/img_logo.svg"; +import logo3 from "@/assets/images/logo3.svg"; import Image from "next/image"; import Link from "next/link"; import { PAGE_ROUTE, SOCIAL } from "../../common"; - +import { usePathname } from "next/navigation"; import { useEffect, useState } from "react"; -const learnMenu = [ - { - name: "Introduction", - pageRoute: PAGE_ROUTE.INTRODUCTION, - }, - { - name: "Tech Stack", - pageRoute: PAGE_ROUTE.TECH_STACK, - }, - - { - name: "Docs", - link: "https://docs.aura.network/", - }, -]; - const socials = [ { name: "X", @@ -43,6 +28,8 @@ const socials = [ ]; function Header() { const [isShow, setIsShow] = useState(false); + const pathname = usePathname(); + // console.log(pathname); useEffect(() => { const navbar: any = document.getElementById("navbar"); window.addEventListener("scroll", () => { @@ -62,11 +49,19 @@ function Header() {
- logo + logo
{ setIsShow(true); }} @@ -77,19 +72,34 @@ function Header() {
Home About + Ecosystem + + Press @@ -132,10 +142,7 @@ function Header() {
{ - setIsShow(false); - }} + href={pathname !== "/ecosystem/" ? "#about" : PAGE_ROUTE.HOME} className="self-stretch px-5 py-3 border-b border-white/25 justify-center items-center gap-2 inline-flex" >
@@ -143,11 +150,20 @@ function Header() {
{ setIsShow(false); }} className="self-stretch px-5 py-3 border-b border-white/25 justify-center items-center gap-2 inline-flex" + > +
+ Ecosystem +
+ +
Press diff --git a/src/components/Select/index.tsx b/src/components/Select/index.tsx index 2eb6967..203e1ac 100644 --- a/src/components/Select/index.tsx +++ b/src/components/Select/index.tsx @@ -35,23 +35,23 @@ const Select: React.FC = ({ options, selectedOption, onSelect }) => return (
- {selectedOption} + {selectedOption}
{isOpen && ( -
+
{options.map((option, i) => (
{ onSelect(option.value); setIsOpen(false); }} > - {option.label} + {option.label}
))}
diff --git a/src/sections/blogs/components/Card/index.tsx b/src/sections/blogs/components/Card/index.tsx index 3b08bb4..e11ee11 100644 --- a/src/sections/blogs/components/Card/index.tsx +++ b/src/sections/blogs/components/Card/index.tsx @@ -2,42 +2,55 @@ import Link from "next/link"; import BlurImage from "../../../../components/Image/BlurImage"; export type Post = { - id: string, - title: string, - featureImage: string, - tag: string, - url: string -} + id: string; + title: string; + featureImage: string; + tag: string; + url: string; +}; type CardProps = { - post: Post -} + post: Post; +}; function Card({ post }: CardProps) { - const { title, featureImage, tag, url } = post - return ( - //
- // - //
- // - //
- // - //
- // {tag} - // {title} - //
- //
-
- -
- -
- -
- {tag} - {title} -
- {/* + const { title, featureImage, tag, url } = post; + return ( + //
+ // + //
+ // + //
+ // + //
+ // {tag} + // {title} + //
+ //
+
+ +
+ +
+ +
+ + {title} + + + {tag} + +
+ {/*
November 23, 2024
@@ -46,7 +59,7 @@ function Card({ post }: CardProps) {
Our new product suite has been developed to accelerate the journey towards production, lower costs and widen market access.
*/}
- ); + ); } -export default Card; \ No newline at end of file +export default Card; diff --git a/src/sections/partners/index.tsx b/src/sections/partners/index.tsx index 333fb7a..85dc96e 100644 --- a/src/sections/partners/index.tsx +++ b/src/sections/partners/index.tsx @@ -1,6 +1,407 @@ import Marquee from "react-fast-marquee"; const partners = [ + { + name: "cathay", + img: ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ), + }, + { + name: "bayer", + img: ( + + + + + + + + + + + + + + + + ), + }, + { + name: "sga", + img: ( + + + + + + + + + + + + + + + + + + + + + + + ), + }, + { + name: "vpb", + img: ( + + + + + + + ), + }, + { + name: "aia", + img: ( + + + + + + ), + }, { name: "hashed", img: ( @@ -686,7 +1087,7 @@ function Parters() {
-
+
{partners.map((item) => (