From 5f75e8ee51757ed51fa707f9a12edbc669eb4311 Mon Sep 17 00:00:00 2001 From: Aditya Arora Date: Thu, 29 Aug 2024 17:03:06 -0400 Subject: [PATCH 1/2] wip-add-new-page --- components/ProductBox.tsx | 22 ++++++++ components/icons/BenchmarkIcon.tsx | 18 +++++++ components/icons/EntropyIcon.tsx | 30 +++++++++++ components/icons/ExpressRelayIcon.tsx | 18 +++++++ components/icons/PriceFeedIcon.tsx | 18 +++++++ pages/home/index.mdx | 75 ++++++++++++++++++++------- 6 files changed, 162 insertions(+), 19 deletions(-) create mode 100644 components/ProductBox.tsx create mode 100644 components/icons/BenchmarkIcon.tsx create mode 100644 components/icons/EntropyIcon.tsx create mode 100644 components/icons/ExpressRelayIcon.tsx create mode 100644 components/icons/PriceFeedIcon.tsx diff --git a/components/ProductBox.tsx b/components/ProductBox.tsx new file mode 100644 index 00000000..5ed9b17f --- /dev/null +++ b/components/ProductBox.tsx @@ -0,0 +1,22 @@ +import React from "react"; + +export const ProductBox = ({ + icon, + title, + description, + link, +}: { + icon: React.ReactNode; + title: string; + description: string; + link: string; +}) => ( + +
{icon}
+

{title}

+

{description}

+ +); diff --git a/components/icons/BenchmarkIcon.tsx b/components/icons/BenchmarkIcon.tsx new file mode 100644 index 00000000..7495b665 --- /dev/null +++ b/components/icons/BenchmarkIcon.tsx @@ -0,0 +1,18 @@ +const BenchmarkIcon = () => { + return ( + + + + ); +}; + +export default BenchmarkIcon; diff --git a/components/icons/EntropyIcon.tsx b/components/icons/EntropyIcon.tsx new file mode 100644 index 00000000..7577da0d --- /dev/null +++ b/components/icons/EntropyIcon.tsx @@ -0,0 +1,30 @@ +const EntropyIcon = () => { + return ( + + + + + + + ); +}; + +export default EntropyIcon; diff --git a/components/icons/ExpressRelayIcon.tsx b/components/icons/ExpressRelayIcon.tsx new file mode 100644 index 00000000..b6fdc178 --- /dev/null +++ b/components/icons/ExpressRelayIcon.tsx @@ -0,0 +1,18 @@ +const ExpressRelayIcon = () => { + return ( + + + + ); +}; + +export default ExpressRelayIcon; diff --git a/components/icons/PriceFeedIcon.tsx b/components/icons/PriceFeedIcon.tsx new file mode 100644 index 00000000..7553573b --- /dev/null +++ b/components/icons/PriceFeedIcon.tsx @@ -0,0 +1,18 @@ +const PriceFeedIcon = () => { + return ( + + + + ); +}; + +export default PriceFeedIcon; diff --git a/pages/home/index.mdx b/pages/home/index.mdx index edc7353b..dc5fabd5 100644 --- a/pages/home/index.mdx +++ b/pages/home/index.mdx @@ -1,20 +1,57 @@ -# Introduction +import React from "react"; +import { ProductBox } from "../../components/ProductBox"; +import PriceFeedIcon from "../../components/icons/PriceFeedIcon"; +import EntropyIcon from "../../components/icons/EntropyIcon"; +import ExpressRelayIcon from "../../components/icons/ExpressRelayIcon"; +import BenchmarkIcon from "../../components/icons/BenchmarkIcon"; -Pyth Network is an oracle protocol that connects the owners of market data to applications on multiple blockchains. -Pyth's market data is contributed by over 100 [first-party publishers](https://pyth.network/publishers/), including some of the biggest exchanges and market making firms in the world. -[Over 350 protocols](https://defillama.com/oracles/Pyth) on 55+ blockchains trust Pyth to secure their applications. - -Pyth Network offers several products for developers: - -- [Price Feeds](../price-feeds) provide real-time prices for 500+ assets on 55+ blockchain ecosystems, including Solana, many EVM chains, - Aptos, Sui, NEAR, and several Cosmos chains. -- [Benchmarks](../benchmarks) provides historical Pyth prices for both on- and off-chain use. -- [Express Relay](../express-relay/) enables protocols to eliminate their MEV while gaining access to active searchers and liquidators. -- [Entropy](../entropy) allows developers to generate secure random numbers on the blockchain. - -Please follow the links above to learn about each product and how to integrate them into your application. - -Other useful links may be: - -- [Pyth Token](home/pyth-token) -- Learn more about the Pyth governance token PYTH. -- [Pyth Metrics](home/metrics) -- See metrics of the network's adoption and growth. +
+
+
+

+ Introduction to Pyth Documentation +

+

+ Pyth Network is an oracle protocol that connects the owners of market + data to applications on multiple blockchains. Pyth's market data is + contributed by over 100 first- party publishers, including some of the + biggest exchanges and market making firms in the world. Over 350 + protocols on 55+ blockchains trust Pyth to secure their applications. +

+
+
+
+ } + title="Price Feeds" + description="Price Feeds provide real-time prices for 500+ assets on 55+ blockchain ecosystems, including Solana, many EVM chains, Aptos, Sui, NEAR, and several Cosmos chains." + /> + } + title="Benchmarks" + description="Benchmarks provides historical Pyth prices for both on- and off-chain use." + /> + } + title="Entropy" + description="Entropy allows developers to generate secure random numbers on the blockchain." + /> + } + title="Express Relay" + description="Express Relayer provides a secure and reliable way to connect your application to the Pyth network." + /> +
+
+ } + title="Pyth Token" + description="Learn more about the Pyth governance token PYTH." + /> + } + title="Pyth Metrics" + description="See metrics of the network's adoption and growth." + /> +
+
From 936d7830aeec7a7d1c692018020e8086eb9a3168 Mon Sep 17 00:00:00 2001 From: Aditya Arora Date: Fri, 30 Aug 2024 13:31:35 -0400 Subject: [PATCH 2/2] update --- pages/home/index.mdx | 28 +++++++++++++++++++--------- 1 file changed, 19 insertions(+), 9 deletions(-) diff --git a/pages/home/index.mdx b/pages/home/index.mdx index dc5fabd5..1ccef1eb 100644 --- a/pages/home/index.mdx +++ b/pages/home/index.mdx @@ -8,28 +8,35 @@ import BenchmarkIcon from "../../components/icons/BenchmarkIcon";
-

+

Introduction to Pyth Documentation

-

- Pyth Network is an oracle protocol that connects the owners of market - data to applications on multiple blockchains. Pyth's market data is - contributed by over 100 first- party publishers, including some of the - biggest exchanges and market making firms in the world. Over 350 - protocols on 55+ blockchains trust Pyth to secure their applications. -

+
+

+ Pyth Network is the permissionless data infrastructure that empowers + the next generation of decentralized applications. Pyth provides + builders with the supercharged infrastructure to create dApps that + compete with apps. +

+
+
+

Products

+
+
} title="Price Feeds" - description="Price Feeds provide real-time prices for 500+ assets on 55+ blockchain ecosystems, including Solana, many EVM chains, Aptos, Sui, NEAR, and several Cosmos chains." + description="Price Feeds provide real-time prices for crypto, stocks, forex, and metals on number of blockchains, including Solana, many EVM chains, Aptos, Sui, NEAR, and several Cosmos chains." + link="/price-feeds" /> } title="Benchmarks" description="Benchmarks provides historical Pyth prices for both on- and off-chain use." + link="/benchmarks" /> } @@ -40,6 +47,7 @@ import BenchmarkIcon from "../../components/icons/BenchmarkIcon"; icon={} title="Express Relay" description="Express Relayer provides a secure and reliable way to connect your application to the Pyth network." + link="/express-relayer" />
@@ -47,11 +55,13 @@ import BenchmarkIcon from "../../components/icons/BenchmarkIcon"; icon={
} title="Pyth Token" description="Learn more about the Pyth governance token PYTH." + link="/pyth-token" /> } title="Pyth Metrics" description="See metrics of the network's adoption and growth." + link="/metrics" />