diff --git a/src/app/_assets/logos/alephzero.svg b/src/app/_assets/logos/alephzero.svg
new file mode 100644
index 0000000..c15f269
--- /dev/null
+++ b/src/app/_assets/logos/alephzero.svg
@@ -0,0 +1,19 @@
+
+
\ No newline at end of file
diff --git a/src/app/_components/icons/gradient/logos/alephzero.tsx b/src/app/_components/icons/gradient/logos/alephzero.tsx
new file mode 100644
index 0000000..b7032e3
--- /dev/null
+++ b/src/app/_components/icons/gradient/logos/alephzero.tsx
@@ -0,0 +1,96 @@
+import { LogoIconProps } from "./types";
+
+export function AlephZeroIcon({ variant = "aqua", ...props }: LogoIconProps) {
+ const linearGradientBasedId = `paint_linear_gradient_${variant}`;
+ return (
+
+ );
+}
diff --git a/src/app/_components/icons/index.tsx b/src/app/_components/icons/index.tsx
index 76fa429..fd22ed9 100644
--- a/src/app/_components/icons/index.tsx
+++ b/src/app/_components/icons/index.tsx
@@ -56,3 +56,4 @@ export { LiskIcon } from "./gradient/logos/lisk";
export { RedstoneIcon } from "./gradient/logos/redstone";
export { ZoraIcon } from "./gradient/logos/zora";
export { WorldChainIcon } from "./gradient/logos/worldchain";
+export { AlephZeroIcon } from "./gradient/logos/alephzero";
diff --git a/src/app/_components/supported-chains-section.tsx b/src/app/_components/supported-chains-section.tsx
index 816c153..d00b291 100644
--- a/src/app/_components/supported-chains-section.tsx
+++ b/src/app/_components/supported-chains-section.tsx
@@ -14,6 +14,7 @@ import {
RedstoneIcon,
ZoraIcon,
WorldChainIcon,
+ AlephZeroIcon,
} from "@/app/_components/icons";
import { Text } from "@/app/_components/text";
@@ -78,6 +79,10 @@ const chains = [
label: "World Chain",
Icon: WorldChainIcon,
},
+ {
+ label: "Aleph Zero",
+ Icon: AlephZeroIcon,
+ },
];
const variants = {
diff --git a/src/app/_components/supported-chains-ticker.tsx b/src/app/_components/supported-chains-ticker.tsx
index 4a3fe17..f376ab8 100644
--- a/src/app/_components/supported-chains-ticker.tsx
+++ b/src/app/_components/supported-chains-ticker.tsx
@@ -16,6 +16,7 @@ import liskLogoSrc from "@/app/_assets/logos/lisk.svg";
import redstoneLogoSrc from "@/app/_assets/logos/redstone.svg";
import zoraLogoSrc from "@/app/_assets/logos/zora.svg";
import worldChainIconSrc from "@/app/_assets/logos/world-chain.svg";
+import alephZeroIconSrc from "@/app/_assets/logos/alephzero.svg";
const chains = [
{
@@ -60,6 +61,9 @@ const chains = [
{
logo: ,
},
+ {
+ logo: ,
+ },
];
export function SupportedChainsTicker() {