diff --git a/packages/dapp/public/images/MetaMask_Logo_White.svg b/packages/dapp/public/images/MetaMask_Logo_White.svg new file mode 100644 index 000000000..b86c4c24b --- /dev/null +++ b/packages/dapp/public/images/MetaMask_Logo_White.svg @@ -0,0 +1,99 @@ + + + diff --git a/packages/dapp/public/images/Polygon_ID_logo_light.svg b/packages/dapp/public/images/Polygon_ID_logo_light.svg new file mode 100644 index 000000000..447fe07cd --- /dev/null +++ b/packages/dapp/public/images/Polygon_ID_logo_light.svg @@ -0,0 +1,19 @@ + diff --git a/packages/dapp/public/images/ceramic_text_light.svg b/packages/dapp/public/images/ceramic_text_light.svg new file mode 100644 index 000000000..0f379fc04 --- /dev/null +++ b/packages/dapp/public/images/ceramic_text_light.svg @@ -0,0 +1,14 @@ + diff --git a/packages/dapp/public/images/download.png b/packages/dapp/public/images/download.png new file mode 100644 index 000000000..83b66e7b7 Binary files /dev/null and b/packages/dapp/public/images/download.png differ diff --git a/packages/dapp/public/images/reputex_light.svg b/packages/dapp/public/images/reputex_light.svg new file mode 100644 index 000000000..8dca58b03 --- /dev/null +++ b/packages/dapp/public/images/reputex_light.svg @@ -0,0 +1,9 @@ + diff --git a/packages/dapp/public/images/veramo_light.svg b/packages/dapp/public/images/veramo_light.svg new file mode 100644 index 000000000..39d4497aa --- /dev/null +++ b/packages/dapp/public/images/veramo_light.svg @@ -0,0 +1,9 @@ + diff --git a/packages/dapp/public/images/veramo_text.png b/packages/dapp/public/images/veramo_text.png deleted file mode 100644 index 4f3e4f5a1..000000000 Binary files a/packages/dapp/public/images/veramo_text.png and /dev/null differ diff --git a/packages/dapp/src/app/[locale]/(public)/ecosystem/page.tsx b/packages/dapp/src/app/[locale]/(public)/ecosystem/page.tsx index 88a049eac..c0f201e53 100644 --- a/packages/dapp/src/app/[locale]/(public)/ecosystem/page.tsx +++ b/packages/dapp/src/app/[locale]/(public)/ecosystem/page.tsx @@ -10,7 +10,55 @@ export const metadata: Metadata = { // const integrations: ProjectIconProps[] = []; -const partners: ProjectIconProps[] = [ +const partnersLight: ProjectIconProps[] = [ + { + icon: '/images/MetaMask_Logo_White.svg', + href: 'https://metamask.io', + alt: 'MetaMask', + width: 192, + height: 96, + }, + { + icon: '/images/Polygon_ID_logo_light.svg', + href: 'https://polygon.technology/polygon-id', + alt: 'PolygonID', + width: 192, + height: 96, + }, + { + icon: '/images/ceramic_text_light.svg', + href: 'https://ceramic.network/', + alt: 'Ceramic', + width: 192, + height: 96, + }, + { + icon: '/images/veramo_light.svg', + href: 'https://veramo.io/', + alt: 'Veramo', + width: 192, + height: 96, + }, + { + icon: '/images/monokee_logo.png', + href: 'https://monokee.com/en/homepage/', + alt: 'monokee', + width: 192, + height: 96, + }, +]; +const projectsLight: ProjectIconProps[] = [ + { + icon: '/images/reputex_light.svg', + href: 'https://reputex.io/', + alt: 'MetaMask', + width: 156, + height: 96, + rounded: true, + }, +]; + +const partnersDark: ProjectIconProps[] = [ { icon: '/images/MetaMask_Logo.svg', href: 'https://metamask.io', @@ -47,7 +95,7 @@ const partners: ProjectIconProps[] = [ height: 96, }, ]; -const projects: ProjectIconProps[] = [ +const projectsDark: ProjectIconProps[] = [ { icon: '/images/reputex.png', href: 'https://reputex.io/', @@ -75,16 +123,26 @@ export default function Page() {