diff --git a/_data/pages/home.yml b/_data/pages/home.yml
index ac83025dab..4968d61838 100644
--- a/_data/pages/home.yml
+++ b/_data/pages/home.yml
@@ -7,18 +7,6 @@ blocks:
- type: group
blocks:
- type: home_hero
- - size: large
- color: orange
- variant: community_card
- orientation: left
- withIllustration: false
- title: Community led.
- type: image_icon_link_card
- link:
- custom_title: Get involved.
- page: 683db5f6-c625-4fe0-a2af-3c5b6af8c2c9
- description: This website is a community powered guide to the Starknet ecosystem.
- columns: "4"
- type: group
blocks:
- size: large
@@ -51,6 +39,9 @@ blocks:
operates as a Validity-rollup (or ZK-rollup): it "bundles" many
transactions and "rolls" them to Ethereum as a single transaction.'
columns: "4"
+ - type: newsletter_popup
+ title: Starknet newsletter
+ description: "Sign up to receive the latest news and updates from Starknet. "
- type: flex_layout
heading_variant: h3
base: 1
diff --git a/public/assets/cards/newsletter.svg b/public/assets/cards/newsletter.svg
new file mode 100644
index 0000000000..2d890cb34b
--- /dev/null
+++ b/public/assets/cards/newsletter.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/workspaces/website/src/components/Card/ImageIconCard.tsx b/workspaces/website/src/components/Card/ImageIconCard.tsx
index b494f6ca2f..63db7dd987 100644
--- a/workspaces/website/src/components/Card/ImageIconCard.tsx
+++ b/workspaces/website/src/components/Card/ImageIconCard.tsx
@@ -21,6 +21,7 @@ type Props = {
title: string;
link?: LinkData;
icon?: string;
+ defaultIcon?: string;
description?: string;
locale: string,
size?: "large" | "small",
@@ -46,6 +47,7 @@ type descriptionVariantType = "body" | "cardBody" | "breadcrumbs" | "footerLink"
export const ImageIconCard = ({
title,
+ defaultIcon = "/assets/cards/user-group.svg",
description,
link,
icon,
@@ -131,7 +133,7 @@ export const ImageIconCard = ({
alignItems={{ lg: variant === "large_card" ? "center" : "initial" }}
height="100%"
>
-
+
setIsOpen(true)}
orientation={'left'}