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'}