diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 3bde182..598df87 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -97,7 +97,7 @@ const config: Config = { }, { to: '/members', label: 'Members', position: 'left' }, { - href: "https://github.com/facebook/docusaurus", + href: "https://github.com/zuni-lab", label: "GitHub", position: "right", }, diff --git a/src/components/AboutUs.tsx b/src/components/AboutUs.tsx new file mode 100644 index 0000000..b811cef --- /dev/null +++ b/src/components/AboutUs.tsx @@ -0,0 +1,18 @@ +import { Container } from "./Containter"; + +export const AboutUs = () => { + return ( +
+

About us

+ +

+ ZUNI Laboratory + 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. +

+ +
+ ); +}; diff --git a/src/components/Containter.tsx b/src/components/Containter.tsx index e07aef7..e727c14 100644 --- a/src/components/Containter.tsx +++ b/src/components/Containter.tsx @@ -9,7 +9,7 @@ export const Container = (props: {
diff --git a/src/components/Experties.tsx b/src/components/Experties.tsx new file mode 100644 index 0000000..4ab9fd3 --- /dev/null +++ b/src/components/Experties.tsx @@ -0,0 +1,39 @@ +import { Container } from "./Containter"; + +export const Experties = () => { + return ( +
+

Experties

+ +
+

💰 Crypto Exchange

+

+ We are building a decentralized exchange that allows users to trade + cryptocurrencies without the need for a central authority. +

+
+
+

🏦 Decentralized Finance Primitives

+

+ We are developing a suite of financial tools that enable users to + access a range of decentralized financial services. +

+
+
+

🧑🏻‍💻 Privacy Solutions

+

+ We are researching and developing privacy solutions that enable + users to protect their data and maintain their privacy online. +

+
+
+

🔐 Cryptography researching

+

+ We are exploring the latest advancements in cryptography to build + secure and private applications. +

+
+ +
+ ); +}; diff --git a/src/components/TechStack.tsx b/src/components/TechStack.tsx index c32f3f6..aed8ec4 100644 --- a/src/components/TechStack.tsx +++ b/src/components/TechStack.tsx @@ -19,78 +19,69 @@ import { SoliditySvg } from "./icons/SoliditytSvg"; export const TechStack = () => { return ( - -
- -
-
- -
-
- -
- -
- -
-
- circom -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
-
- with shipped project on -
- -
-
- +
+

Tech stack

+ +
+
-
- +
+
- -
- +
+
- -
- +
+
- -
- +
+ circom
- -
- +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ with shipped project on
-
- +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
-
- + +
); }; diff --git a/src/components/icons/DiscordSvg.tsx b/src/components/icons/DiscordSvg.tsx new file mode 100644 index 0000000..38d52f7 --- /dev/null +++ b/src/components/icons/DiscordSvg.tsx @@ -0,0 +1,22 @@ +export const DiscordSvg = (props) => { + return ( + + + + + + + + + + + ); +}; diff --git a/src/components/icons/GithubSvg.tsx b/src/components/icons/GithubSvg.tsx new file mode 100644 index 0000000..c653f1c --- /dev/null +++ b/src/components/icons/GithubSvg.tsx @@ -0,0 +1,24 @@ +export const GithubSvg = (props) => { + return ( + + + + + + + + + + + ); +}; diff --git a/src/components/icons/TeleSvg.tsx b/src/components/icons/TeleSvg.tsx new file mode 100644 index 0000000..d3b1f22 --- /dev/null +++ b/src/components/icons/TeleSvg.tsx @@ -0,0 +1,39 @@ +export const TeleSvg = (props) => { + return ( + + + + + + + + + + + + + + + + ); +}; diff --git a/src/css/custom.css b/src/css/custom.css index be28995..1c14e35 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -35,12 +35,12 @@ .sectionMain { width: 100%; - height: 1283px; + /* height: 1283px; */ flex-shrink: 0; background-image: url(/static/img/background/mv.png); - background-size: cover; + background-size: auto; background-position: 50% -40px; - background-repeat: no-repeat; + background-repeat: repeat-y; } .footer { diff --git a/src/pages/index.tsx b/src/pages/index.tsx index dd7c185..92ac62c 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,7 +1,10 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; import Layout from "@theme/Layout"; -import { Container } from "../components/Containter"; +import { AboutUs } from "../components/AboutUs"; +import { Experties } from "../components/Experties"; import { TechStack } from "../components/TechStack"; +import { TeleSvg } from "../components/icons/TeleSvg"; +import { DiscordSvg } from "../components/icons/DiscordSvg"; export default function Home(): JSX.Element { const { siteConfig } = useDocusaurusContext(); @@ -11,41 +14,38 @@ export default function Home(): JSX.Element { description="Seeking the art in the decentralized world." >
-
+

ZUNI LAB

Seeking the art in the decentrialized world 🚀

-
-

About us

- -

- ZUNI Laboratory - 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. -

- -
-
-

Tech stack

- -
- -
-

Our Goals

-
-

- Our primary goal is to build innovative applications that can - help drive the adoption of web3 and blockchain technologies. We - believe that decentralized technologies have the potential to - revolutionize industries and make the world a better place, and - we are committed to helping make that vision a reality. -

+ + + +
+

Contact Us 📪

+

+ If you have any questions or would like to learn more about our + organization, please feel free to reach out to us at:
+

+
diff --git a/src/theme/Footer/index.tsx b/src/theme/Footer/index.tsx index b8795f1..190434c 100644 --- a/src/theme/Footer/index.tsx +++ b/src/theme/Footer/index.tsx @@ -1,5 +1,9 @@ +import Link from "@docusaurus/Link"; import type { WrapperProps } from "@docusaurus/types"; import { LogoSVG } from "@site/src/components/Logo"; +import { DiscordSvg } from "@site/src/components/icons/DiscordSvg"; +import { GithubSvg } from "@site/src/components/icons/GithubSvg"; +import { TeleSvg } from "@site/src/components/icons/TeleSvg"; import type FooterType from "@theme/Footer"; type Props = WrapperProps; @@ -7,12 +11,68 @@ type Props = WrapperProps; export default function FooterWrapper(props: Props): JSX.Element { return ( <> -