From e4d5cc17587b958bd2761116534b83d66b54d82c Mon Sep 17 00:00:00 2001
From: nuno-aac <naac.1999@gmail.com>
Date: Tue, 5 Dec 2023 16:33:34 +0000
Subject: [PATCH] Add starknet newsletter home button

---
 _data/pages/home.yml                              | 15 +++------------
 public/assets/cards/newsletter.svg                |  6 ++++++
 .../website/src/components/Card/ImageIconCard.tsx |  4 +++-
 .../src/components/Card/NewsletterCard.tsx        |  1 +
 4 files changed, 13 insertions(+), 13 deletions(-)
 create mode 100644 public/assets/cards/newsletter.svg

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 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72px" height="72px" viewBox="0 0 72 72" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(52.156863%,52.156863%,52.156863%);fill-opacity:1;" d="M 12.011719 30.691406 C 12.007812 30.550781 12.085938 30.417969 12.210938 30.347656 C 26.191406 22.664062 41.214844 17.5625 56.574219 15.050781 C 56.699219 15.03125 56.824219 15.070312 56.914062 15.160156 C 57 15.25 57.042969 15.375 57.023438 15.496094 C 54.507812 30.859375 49.410156 45.882812 41.726562 59.863281 C 41.65625 59.988281 41.523438 60.066406 41.382812 60.0625 C 41.238281 60.0625 41.109375 59.984375 41.042969 59.855469 L 31.0625 41.011719 L 12.214844 31.03125 C 12.089844 30.964844 12.011719 30.835938 12.011719 30.691406 Z M 31.828125 40.792969 L 41.390625 58.855469 C 48.640625 45.5 53.53125 31.199219 56.054688 16.570312 Z M 55.503906 16.019531 C 40.875 18.542969 26.574219 23.429688 13.21875 30.683594 L 31.28125 40.246094 Z M 13.769531 49.878906 C 13.621094 49.726562 13.621094 49.480469 13.769531 49.328125 L 22.40625 40.695312 C 22.558594 40.542969 22.804688 40.542969 22.953125 40.695312 C 23.105469 40.847656 23.105469 41.09375 22.953125 41.246094 L 14.320312 49.878906 C 14.167969 50.03125 13.921875 50.03125 13.769531 49.878906 Z M 15.234375 56.839844 C 15.085938 56.6875 15.085938 56.441406 15.234375 56.289062 L 27.714844 43.808594 C 27.867188 43.65625 28.113281 43.65625 28.265625 43.808594 C 28.417969 43.960938 28.417969 44.207031 28.265625 44.359375 L 15.785156 56.839844 C 15.632812 56.988281 15.386719 56.988281 15.234375 56.839844 Z M 22.746094 58.488281 C 22.59375 58.335938 22.59375 58.089844 22.746094 57.9375 L 31.378906 49.304688 C 31.53125 49.152344 31.777344 49.152344 31.929688 49.304688 C 32.078125 49.453125 32.078125 49.699219 31.929688 49.851562 L 23.292969 58.488281 C 23.140625 58.636719 22.894531 58.636719 22.746094 58.488281 Z M 22.746094 58.488281 "/>
+</g>
+</svg>
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%"
         >
-          <ImageIconBox title={title} variant={variant} color={color} size={size} icon={variant === "community_card" ? "/assets/cards/user-group.svg" : icon} withIllustration={withIllustration} />
+          <ImageIconBox title={title} variant={variant} color={color} size={size} icon={variant === "community_card" ? defaultIcon : icon} withIllustration={withIllustration} />
           <Box
             padding={{
               base: variant === "community_card" ? "24px 32px 0 0" : (size === "large" && icon && variant === "image_icon_link_card") ?
diff --git a/workspaces/website/src/components/Card/NewsletterCard.tsx b/workspaces/website/src/components/Card/NewsletterCard.tsx
index b4f41e4e0b..d6208309d4 100644
--- a/workspaces/website/src/components/Card/NewsletterCard.tsx
+++ b/workspaces/website/src/components/Card/NewsletterCard.tsx
@@ -42,6 +42,7 @@ export const NewsletterCard = ({
 
       <ImageIconCard 
         columns={4}
+        defaultIcon={'/assets/cards/newsletter.svg'}
         description={description}
         onClick={() => setIsOpen(true)}
         orientation={'left'}