diff --git a/docs/brand-assets.mdx b/docs/brand-assets.mdx new file mode 100644 index 00000000..17d21412 --- /dev/null +++ b/docs/brand-assets.mdx @@ -0,0 +1,7 @@ +--- +title: Brand Assets +--- + +import BrandAssets from "@site/src/components/BrandAssets/index.tsx"; + + \ No newline at end of file diff --git a/docs/sidebars.js b/docs/sidebars.js index 2b0dd03d..aef7110c 100644 --- a/docs/sidebars.js +++ b/docs/sidebars.js @@ -188,6 +188,6 @@ module.exports = { href: 'https://status.flashbots.net/', label: 'Status', }, - 'policies/privacy','policies/terms-of-service', 'policies/prohibited-use-policy', + 'policies/privacy','policies/terms-of-service', 'policies/prohibited-use-policy', 'brand-assets', ], }; diff --git a/src/components/BrandAssets/AssetCard.tsx b/src/components/BrandAssets/AssetCard.tsx new file mode 100644 index 00000000..a9857b81 --- /dev/null +++ b/src/components/BrandAssets/AssetCard.tsx @@ -0,0 +1,31 @@ +/** + * Copyright (c) Flashbots Ltd. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +import React, { ReactNode } from "react" +import styles from './styles.module.css'; +import Download from "./Download"; + +interface IAssetCard { + title?: string + cover?: string + svg?: string + png?: string +} + +function AssetCard({ title, cover, svg, png }: IAssetCard) { + return ( +
+ +
+

{ title }

+ + +
+
+ ) +} + +export default AssetCard diff --git a/src/components/BrandAssets/Download.tsx b/src/components/BrandAssets/Download.tsx new file mode 100644 index 00000000..4d1ad66c --- /dev/null +++ b/src/components/BrandAssets/Download.tsx @@ -0,0 +1,25 @@ +/** + * Copyright (c) Flashbots Ltd. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +import React, { ReactNode } from "react" + +interface IDownload { + file?: string +} + +function Download({ file, type }: IDownload) { + return ( + + + + + + { type } + + ) +} + +export default Download diff --git a/src/components/BrandAssets/index.tsx b/src/components/BrandAssets/index.tsx new file mode 100644 index 00000000..7dd9b3e2 --- /dev/null +++ b/src/components/BrandAssets/index.tsx @@ -0,0 +1,41 @@ +/** + * Copyright (c) Flashbots Ltd. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +import {useState} from 'react'; +import AssetCard from './AssetCard'; + +export default function BrandAssets() { + + return ( +
+
+ + +
+ +
+ +
+
+ +
+ ); +} diff --git a/src/components/BrandAssets/styles.module.css b/src/components/BrandAssets/styles.module.css new file mode 100644 index 00000000..d0f35e41 --- /dev/null +++ b/src/components/BrandAssets/styles.module.css @@ -0,0 +1,6 @@ +.root { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(clamp(100px,(1024px - 100vw) *1000, 100%), 1fr)); + gap: 1rem; + margin-bottom: 2rem; +} diff --git a/static/img/brand-assets/flashbots_icon.jpg b/static/img/brand-assets/flashbots_icon.jpg new file mode 100644 index 00000000..25b94ff9 Binary files /dev/null and b/static/img/brand-assets/flashbots_icon.jpg differ diff --git a/static/img/brand-assets/flashbots_icon.png b/static/img/brand-assets/flashbots_icon.png new file mode 100644 index 00000000..c42d22cd Binary files /dev/null and b/static/img/brand-assets/flashbots_icon.png differ diff --git a/static/img/brand-assets/flashbots_icon.svg b/static/img/brand-assets/flashbots_icon.svg new file mode 100644 index 00000000..f376fafa --- /dev/null +++ b/static/img/brand-assets/flashbots_icon.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/static/img/brand-assets/flashbots_logo_dark.jpg b/static/img/brand-assets/flashbots_logo_dark.jpg new file mode 100644 index 00000000..a5cd38ba Binary files /dev/null and b/static/img/brand-assets/flashbots_logo_dark.jpg differ diff --git a/static/img/brand-assets/flashbots_logo_dark.png b/static/img/brand-assets/flashbots_logo_dark.png new file mode 100644 index 00000000..d841a702 Binary files /dev/null and b/static/img/brand-assets/flashbots_logo_dark.png differ diff --git a/static/img/brand-assets/flashbots_logo_dark.svg b/static/img/brand-assets/flashbots_logo_dark.svg new file mode 100644 index 00000000..7e904591 --- /dev/null +++ b/static/img/brand-assets/flashbots_logo_dark.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/brand-assets/flashbots_logo_light.jpg b/static/img/brand-assets/flashbots_logo_light.jpg new file mode 100644 index 00000000..148bf273 Binary files /dev/null and b/static/img/brand-assets/flashbots_logo_light.jpg differ diff --git a/static/img/brand-assets/flashbots_logo_light.png b/static/img/brand-assets/flashbots_logo_light.png new file mode 100644 index 00000000..f76ee4aa Binary files /dev/null and b/static/img/brand-assets/flashbots_logo_light.png differ diff --git a/static/img/brand-assets/flashbots_logo_light.svg b/static/img/brand-assets/flashbots_logo_light.svg new file mode 100644 index 00000000..bfbd0ae8 --- /dev/null +++ b/static/img/brand-assets/flashbots_logo_light.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + +