diff --git a/bun.lockb b/bun.lockb index 36a0278..9ba1994 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 5a55dee..3bde182 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -20,7 +20,7 @@ const config: Config = { title: "ZUNI Lab", tagline: "Building innovative privacy-preserving solutions for the decentralized world.", - favicon: "img/favicon.ico", + favicon: "img/favicon.svg", // Set the production url of your site here url: "https://zuni-lab.github.io", diff --git a/package.json b/package.json index 07a91d0..da5813f 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "@docusaurus/core": "3.2.1", "@docusaurus/preset-classic": "3.2.1", "@mdx-js/react": "^3.0.0", + "classnames": "^2.5.1", "clsx": "^2.0.0", "prism-react-renderer": "^2.3.0", "react": "^18.0.0", diff --git a/src/components/Containter.tsx b/src/components/Containter.tsx new file mode 100644 index 0000000..e07aef7 --- /dev/null +++ b/src/components/Containter.tsx @@ -0,0 +1,19 @@ +import { cx } from "../utils/tool"; +import styles from "./style.module.css"; + +export const Container = (props: { + children: React.ReactNode; + className?: string; +}) => { + return ( +
+ {props.children} +
+ ); +}; diff --git a/src/components/icons/AwsSvg.tsx b/src/components/icons/AwsSvg.tsx new file mode 100644 index 0000000..8f9dbef --- /dev/null +++ b/src/components/icons/AwsSvg.tsx @@ -0,0 +1,19 @@ +export const AwsSvg = (props) => { + return ( + + + + + ); +}; diff --git a/src/components/icons/BSCSvg.tsx b/src/components/icons/BSCSvg.tsx new file mode 100644 index 0000000..dd3e601 --- /dev/null +++ b/src/components/icons/BSCSvg.tsx @@ -0,0 +1,8 @@ +export const BSCSvg = (props) => { + return ( + + + + + ); +}; diff --git a/src/components/icons/EthereumSvg.tsx b/src/components/icons/EthereumSvg.tsx new file mode 100644 index 0000000..bfba54d --- /dev/null +++ b/src/components/icons/EthereumSvg.tsx @@ -0,0 +1,36 @@ +export const EthereumSvg = (props) => { + return ( + + + + + + + + + + ); +}; diff --git a/src/components/icons/FlowSvg.tsx b/src/components/icons/FlowSvg.tsx new file mode 100644 index 0000000..7fb8682 --- /dev/null +++ b/src/components/icons/FlowSvg.tsx @@ -0,0 +1,28 @@ +export const FlowSvg = (props) => { + return ( + + + + + + + + ); +}; diff --git a/src/components/icons/FlutterSvg.tsx b/src/components/icons/FlutterSvg.tsx new file mode 100644 index 0000000..fa61e68 --- /dev/null +++ b/src/components/icons/FlutterSvg.tsx @@ -0,0 +1,50 @@ +export const FlutterSvg = (props) => { + return ( + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/components/icons/GoSvg.tsx b/src/components/icons/GoSvg.tsx new file mode 100644 index 0000000..9be82c4 --- /dev/null +++ b/src/components/icons/GoSvg.tsx @@ -0,0 +1,91 @@ +export const GoSvg = (props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/components/icons/IconSvg.tsx b/src/components/icons/IconSvg.tsx new file mode 100644 index 0000000..613fa2f --- /dev/null +++ b/src/components/icons/IconSvg.tsx @@ -0,0 +1,58 @@ +export const IconSvg = (props) => { + return ( + + + + + + + + + + + + + ); +}; diff --git a/src/components/icons/JSSvg.tsx b/src/components/icons/JSSvg.tsx new file mode 100644 index 0000000..4c0d3c5 --- /dev/null +++ b/src/components/icons/JSSvg.tsx @@ -0,0 +1,38 @@ +export const JSSvg = (props) => { + return ( + + + + + + + + + + + + + ); +}; diff --git a/src/components/icons/K8SSvg.tsx b/src/components/icons/K8SSvg.tsx new file mode 100644 index 0000000..4e58b75 --- /dev/null +++ b/src/components/icons/K8SSvg.tsx @@ -0,0 +1,23 @@ +export const K8SSvg = (props) => { + return ( + + + + + + ); +}; diff --git a/src/components/icons/MongoDbSvg.tsx b/src/components/icons/MongoDbSvg.tsx new file mode 100644 index 0000000..20b50d0 --- /dev/null +++ b/src/components/icons/MongoDbSvg.tsx @@ -0,0 +1,101 @@ +export const MongoDbSvg = (props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/components/icons/NearSvg.tsx b/src/components/icons/NearSvg.tsx new file mode 100644 index 0000000..87b5b87 --- /dev/null +++ b/src/components/icons/NearSvg.tsx @@ -0,0 +1,36 @@ +export const NearSvg = (props) => { + return ( + + + + + + + + + + + ); +}; diff --git a/src/components/icons/NextJSSvg.tsx b/src/components/icons/NextJSSvg.tsx new file mode 100644 index 0000000..f6ea434 --- /dev/null +++ b/src/components/icons/NextJSSvg.tsx @@ -0,0 +1,15 @@ +export const NextJSSvg = (props) => { + return ( + + + + ); +}; diff --git a/src/components/icons/PolkadotSvg.tsx b/src/components/icons/PolkadotSvg.tsx new file mode 100644 index 0000000..92fb017 --- /dev/null +++ b/src/components/icons/PolkadotSvg.tsx @@ -0,0 +1,48 @@ +export const PolkadotSvg = (props) => { + return ( + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/components/icons/PostgresSvg.tsx b/src/components/icons/PostgresSvg.tsx new file mode 100644 index 0000000..86af17d --- /dev/null +++ b/src/components/icons/PostgresSvg.tsx @@ -0,0 +1,63 @@ +export const PostgresSvg = (props) => { + return ( + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/components/icons/RustSvg.tsx b/src/components/icons/RustSvg.tsx new file mode 100644 index 0000000..7ed0803 --- /dev/null +++ b/src/components/icons/RustSvg.tsx @@ -0,0 +1,23 @@ +export const RustSvg = (props) => { + return ( + + + + + + + + + + + ); +}; diff --git a/src/components/icons/SolanaSvg.tsx b/src/components/icons/SolanaSvg.tsx new file mode 100644 index 0000000..02ccb39 --- /dev/null +++ b/src/components/icons/SolanaSvg.tsx @@ -0,0 +1,58 @@ +export const SolanaSvg = (props) => { + return ( + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/components/icons/SoliditytSvg.tsx b/src/components/icons/SoliditytSvg.tsx new file mode 100644 index 0000000..dc2114f --- /dev/null +++ b/src/components/icons/SoliditytSvg.tsx @@ -0,0 +1,67 @@ +export const SoliditySvg = (props) => { + return + Vector 1 + Created with Sketch. + + + + + + + + + + + + + ; +}; diff --git a/src/components/style.module.css b/src/components/style.module.css new file mode 100644 index 0000000..62418b7 --- /dev/null +++ b/src/components/style.module.css @@ -0,0 +1,13 @@ +.container { + border-radius: 30px; + border: 1.5px solid #fff; + background: linear-gradient( + 137deg, + rgba(255, 255, 255, 0.61) 0%, + rgba(255, 255, 255, 0.2) 100% + ); + box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.08); + backdrop-filter: blur(22.5px); + padding: 24px 32px; + line-height: 48px; +} diff --git a/src/pages/TechStack.tsx b/src/pages/TechStack.tsx new file mode 100644 index 0000000..78abac5 --- /dev/null +++ b/src/pages/TechStack.tsx @@ -0,0 +1,96 @@ +import { Container } from "../components/Containter"; +import { AwsSvg } from "../components/icons/AwsSvg"; +import { BSCSvg } from "../components/icons/BSCSvg"; +import { EthereumSvg } from "../components/icons/EthereumSvg"; +import { FlowSvg } from "../components/icons/FlowSvg"; +import { FlutterSvg } from "../components/icons/FlutterSvg"; +import { GoSvg } from "../components/icons/GoSvg"; +import { IconSvg } from "../components/icons/IconSvg"; +import { JSSvg } from "../components/icons/JSSvg"; +import { K8SSvg } from "../components/icons/K8SSvg"; +import { MongoDbSvg } from "../components/icons/MongoDbSvg"; +import { NearSvg } from "../components/icons/NearSvg"; +import { NextJSSvg } from "../components/icons/NextJSSvg"; +import { PolkadotSvg } from "../components/icons/PolkadotSvg"; +import { PostgresSvg } from "../components/icons/PostgresSvg"; +import { RustSvg } from "../components/icons/RustSvg"; +import { SolanaSvg } from "../components/icons/SolanaSvg"; +import { SoliditySvg } from "../components/icons/SoliditytSvg"; + +export const TechStack = () => { + return ( + +
+ +
+
+ +
+
+ +
+ +
+ +
+
+ circom +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ with shipped project on +
+ +
+
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ +
+
+ + ); +}; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 83effce..ab79fce 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,12 +1,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; import Layout from "@theme/Layout"; - -const features = [ - "Polkadot, Substrate, Near, Solana, Ethereum, Cosmos, now Flow", - "Smart contract development", - "Dapp development", - "NFTs and decentralized marketplaces", -]; +import { Container } from "../components/Containter"; +import { TechStack } from "./TechStack"; export default function Home(): JSX.Element { const { siteConfig } = useDocusaurusContext(); @@ -23,45 +18,27 @@ export default function Home(): JSX.Element { Seeking the art in the decentrialized world 🚀

-
+

About us

-
+

ZUNI Laboratory - is a pioneering research and development lab at the forefront of - art and technology. Our passion lies in delving into the - potential of decentralized technologies and creating innovative - applications that have a transformative impact on society. -

-

- Our diverse team comprises engineers, researchers, and artists, - all united by a shared passion for leveraging the power of - decentralized technologies. We are committed to pushing the - boundaries of what's possible and creating applications that - enrich and enhance people's lives. + is made up of engineers, researchers, and artists, all united by + a shared passion for leveraging the power of decentralized + technologies. We are committed to pushing the boundaries of + what's possible and creating applications that enrich and + enhance people's lives.

-
+
-
-

What we do

-
-

- At our organization, we focus on researching and developing - cutting-edge web3 and blockchain applications that can help - bring about a more decentralized and transparent world. Some of - our key areas of focus include: -

-
    - {features.map((feature) => ( -
  • {feature}
    • - ))} -
-
+
+

Tech stack

+

Our Goals

-
+

Our primary goal is to build innovative applications that can help drive the adoption of web3 and blockchain technologies. We diff --git a/src/theme/Footer/index.tsx b/src/theme/Footer/index.tsx index 0d3d853..b8795f1 100644 --- a/src/theme/Footer/index.tsx +++ b/src/theme/Footer/index.tsx @@ -5,10 +5,9 @@ import type FooterType from "@theme/Footer"; type Props = WrapperProps; export default function FooterWrapper(props: Props): JSX.Element { - console.log({ props }); return ( <> -