diff --git a/public/img/adidas-real-deal-damien-lillard-hirere-black1-blapur-1x1.jpg b/public/img/adidas-real-deal-damien-lillard-hirere-black1-blapur-1x1.jpg
new file mode 100644
index 0000000..ff20532
Binary files /dev/null and b/public/img/adidas-real-deal-damien-lillard-hirere-black1-blapur-1x1.jpg differ
diff --git a/public/img/photo-1482424917728-d82d29662023.jpeg b/public/img/photo-1482424917728-d82d29662023.jpeg
new file mode 100644
index 0000000..4d0869d
Binary files /dev/null and b/public/img/photo-1482424917728-d82d29662023.jpeg differ
diff --git a/public/img/t-shirt-1.png b/public/img/t-shirt-1.png
new file mode 100644
index 0000000..e54bd83
Binary files /dev/null and b/public/img/t-shirt-1.png differ
diff --git a/public/img/t-shirt-2.png b/public/img/t-shirt-2.png
new file mode 100644
index 0000000..95a5c72
Binary files /dev/null and b/public/img/t-shirt-2.png differ
diff --git a/public/img/t-shirt-4.png b/public/img/t-shirt-4.png
new file mode 100644
index 0000000..18875ba
Binary files /dev/null and b/public/img/t-shirt-4.png differ
diff --git a/src/features/email-preview/catalog/blocks/ecommerce1.json b/src/features/email-preview/catalog/blocks/ecommerce1.json
new file mode 100644
index 0000000..9acc85f
--- /dev/null
+++ b/src/features/email-preview/catalog/blocks/ecommerce1.json
@@ -0,0 +1,140 @@
+{
+  "version": 2,
+  "name": "ecommerce1",
+  "label": "E-Commerce 1",
+  "type": "ecommerce",
+  "preview": "img/components/ecommerce-1.png",
+  "block": {
+    "id": "E1BlockA",
+    "label": "E-Commerce 1",
+    "settings": {
+      "spacing": { "padding": [30, 35, 30, 35] },
+      "backgroundColor": "#FFFFFF"
+    },
+    "rows": [
+      {
+        "id": "E1TopRow",
+        "settings": {
+          "spacing": {},
+          "backgroundColor": "transparent",
+          "gap": 0
+        },
+        "cells": [
+          {
+            "id": "E1TopCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "right"
+            },
+            "atoms": [
+              {
+                "id": "E1TopTxt",
+                "type": "text",
+                "value": "<p style=\"text-align: right;\"><span style=\"font-size: 14px; color: rgb(59, 175, 252);\"><a href=\"https://example.com\">See all ➝</a></span></p>",
+                "color": "#000000",
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [0, 0, 0, 0] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      },
+      {
+        "id": "E1ImgRow",
+        "settings": {
+          "spacing": { "padding": [0, 0, 20, 0] },
+          "backgroundColor": "transparent",
+          "gap": 0
+        },
+        "cells": [
+          {
+            "id": "E1ImgCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "center"
+            },
+            "atoms": [
+              {
+                "id": "E1ImgAtm",
+                "type": "image",
+                "src": "img/t-shirt-1.png",
+                "link": "https://example.com",
+                "alt": "Extended Shirt",
+                "width": 530,
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [0, 0, 0, 0] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      },
+      {
+        "id": "E1TxtRow",
+        "settings": {
+          "spacing": { "padding": [0, 0, 20, 0] },
+          "backgroundColor": "transparent",
+          "gap": 0
+        },
+        "cells": [
+          {
+            "id": "E1TxtCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "center"
+            },
+            "atoms": [
+              {
+                "id": "E1CopyAA",
+                "type": "text",
+                "value": "<p style=\"text-align: center;\"><span style=\"color: rgb(132, 137, 196);\">New series</span></p><p style=\"text-align: center;\"><strong><span style=\"font-size: 32px;\">Extended Shirt</span></strong></p><p style=\"text-align: center;\"><span style=\"color: rgb(170, 170, 170);\">Hip Hop Basic Longline T-Shirt.</span></p><p style=\"text-align: center;\"><strong><span style=\"color: rgb(105, 193, 66); font-size: 24px;\">$24.99</span></strong></p>",
+                "color": "#000000",
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [0, 0, 0, 0] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      },
+      {
+        "id": "E1CtaRow",
+        "settings": {
+          "spacing": {},
+          "backgroundColor": "transparent",
+          "gap": 0
+        },
+        "cells": [
+          {
+            "id": "E1CtaCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "center"
+            },
+            "atoms": [
+              {
+                "id": "E1Button",
+                "type": "button",
+                "text": "Buy Now",
+                "link": "https://example.com",
+                "backgroundColor": "#409EFF",
+                "color": "#FFFFFF",
+                "fontSize": 16,
+                "borderRadius": 3,
+                "padding": [12, 20, 12, 20],
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [12, 20, 12, 20] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/src/features/email-preview/catalog/blocks/ecommerce2.json b/src/features/email-preview/catalog/blocks/ecommerce2.json
new file mode 100644
index 0000000..fba9532
--- /dev/null
+++ b/src/features/email-preview/catalog/blocks/ecommerce2.json
@@ -0,0 +1,146 @@
+{
+  "version": 2,
+  "name": "ecommerce2",
+  "label": "E-Commerce 2",
+  "type": "ecommerce",
+  "preview": "img/components/ecommerce-2.png",
+  "block": {
+    "id": "E2BlockA",
+    "label": "E-Commerce 2",
+    "settings": {
+      "spacing": { "padding": [30, 35, 40, 35] },
+      "backgroundColor": "#FFFFFF",
+      "backgroundImage": {
+        "url": "img/photo-1482424917728-d82d29662023.jpeg",
+        "repeat": "no-repeat",
+        "size": "cover",
+        "position": "center"
+      }
+    },
+    "rows": [
+      {
+        "id": "E2TopRow",
+        "settings": {
+          "spacing": {},
+          "backgroundColor": "transparent",
+          "gap": 0
+        },
+        "cells": [
+          {
+            "id": "E2TopCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "right"
+            },
+            "atoms": [
+              {
+                "id": "E2TopTxt",
+                "type": "text",
+                "value": "<p style=\"text-align: right;\"><span style=\"font-size: 14px; color: rgb(170, 170, 170);\"><a href=\"https://example.com\">See all ➝</a></span></p>",
+                "color": "#FFFFFF",
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [0, 0, 0, 0] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      },
+      {
+        "id": "E2ImgRow",
+        "settings": {
+          "spacing": { "padding": [0, 0, 20, 0] },
+          "backgroundColor": "transparent",
+          "gap": 0
+        },
+        "cells": [
+          {
+            "id": "E2ImgCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "center"
+            },
+            "atoms": [
+              {
+                "id": "E2ImgAtm",
+                "type": "image",
+                "src": "img/t-shirt-4.png",
+                "link": "https://example.com",
+                "alt": "Smoke Edition",
+                "width": 530,
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [0, 0, 0, 0] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      },
+      {
+        "id": "E2TxtRow",
+        "settings": {
+          "spacing": { "padding": [0, 0, 20, 0] },
+          "backgroundColor": "transparent",
+          "gap": 0
+        },
+        "cells": [
+          {
+            "id": "E2TxtCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "center"
+            },
+            "atoms": [
+              {
+                "id": "E2CopyAA",
+                "type": "text",
+                "value": "<p style=\"text-align: center;\"><span style=\"color: rgb(170, 170, 170);\">New series</span></p><p style=\"text-align: center;\"><strong><span style=\"font-size: 32px; color: rgb(200, 200, 200);\">Smoke Edition</span></strong></p><p style=\"text-align: center;\"><span style=\"color: rgb(170, 170, 170);\">Hip Hop Basic Longline T-Shirt.</span></p><p style=\"text-align: center;\"><strong><span style=\"color: rgb(200, 200, 200); font-size: 24px;\">$34.99</span></strong></p>",
+                "color": "#FFFFFF",
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [0, 0, 0, 0] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      },
+      {
+        "id": "E2CtaRow",
+        "settings": {
+          "spacing": {},
+          "backgroundColor": "transparent",
+          "gap": 0
+        },
+        "cells": [
+          {
+            "id": "E2CtaCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "center"
+            },
+            "atoms": [
+              {
+                "id": "E2Button",
+                "type": "button",
+                "text": "Buy Now",
+                "link": "https://example.com",
+                "backgroundColor": "#FFFFFF",
+                "color": "#000000",
+                "fontSize": 16,
+                "borderRadius": 3,
+                "padding": [12, 20, 12, 20],
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [12, 20, 12, 20] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/src/features/email-preview/catalog/blocks/ecommerce3.json b/src/features/email-preview/catalog/blocks/ecommerce3.json
new file mode 100644
index 0000000..a2aeb17
--- /dev/null
+++ b/src/features/email-preview/catalog/blocks/ecommerce3.json
@@ -0,0 +1,137 @@
+{
+  "version": 2,
+  "name": "ecommerce3",
+  "label": "E-Commerce 3",
+  "type": "ecommerce",
+  "preview": "img/components/ecommerce-3.png",
+  "block": {
+    "id": "E3BlockA",
+    "label": "E-Commerce 3",
+    "settings": {
+      "spacing": { "padding": [30, 35, 40, 35] },
+      "backgroundColor": "#FFFFFF"
+    },
+    "rows": [
+      {
+        "id": "E3TopRow",
+        "settings": {
+          "spacing": { "padding": [0, 0, 20, 0] },
+          "backgroundColor": "transparent",
+          "gap": 0
+        },
+        "cells": [
+          {
+            "id": "E3TopCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "right"
+            },
+            "atoms": [
+              {
+                "id": "E3TopTxt",
+                "type": "text",
+                "value": "<p style=\"text-align: right;\"><span style=\"font-size: 14px; color: rgb(59, 175, 252);\"><a href=\"https://example.com\">See all ➝</a></span></p>",
+                "color": "#000000",
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [0, 0, 0, 0] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      },
+      {
+        "id": "E3ProdRw",
+        "settings": {
+          "spacing": {},
+          "backgroundColor": "transparent",
+          "collapseOnMobile": true,
+          "gap": 40
+        },
+        "cells": [
+          {
+            "id": "E3ProdA1",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "center"
+            },
+            "atoms": [
+              {
+                "id": "E3Image1",
+                "type": "image",
+                "src": "img/t-shirt-1.png",
+                "link": "https://example.com",
+                "alt": "Extended Shirt",
+                "width": 245,
+                "spacing": { "margin": [0, 0, 20, 0], "padding": [0, 0, 0, 0] }
+              },
+              {
+                "id": "E3CopyA1",
+                "type": "text",
+                "value": "<p style=\"text-align: center;\"><span style=\"color: rgb(132, 137, 196);\">New series</span></p><p style=\"text-align: center;\"><strong><span style=\"font-size: 24px;\">Extended Shirt</span></strong></p><p style=\"text-align: center;\"><span style=\"color: rgb(170, 170, 170);\">Hip Hop Basic Longline T-Shirt.</span></p><p style=\"text-align: center;\"><strong><span style=\"color: rgb(105, 193, 66); font-size: 24px;\">$24.99</span></strong></p>",
+                "color": "#000000",
+                "spacing": { "margin": [0, 0, 20, 0], "padding": [0, 0, 0, 0] }
+              },
+              {
+                "id": "E3BtnA01",
+                "type": "button",
+                "text": "Buy Now",
+                "link": "https://example.com",
+                "backgroundColor": "#409EFF",
+                "color": "#FFFFFF",
+                "fontSize": 16,
+                "borderRadius": 3,
+                "padding": [12, 20, 12, 20],
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [12, 20, 12, 20] }
+              }
+            ],
+            "rows": []
+          },
+          {
+            "id": "E3ProdB2",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "top",
+              "horizontalAlign": "center"
+            },
+            "atoms": [
+              {
+                "id": "E3Image2",
+                "type": "image",
+                "src": "img/t-shirt-2.png",
+                "link": "https://example.com",
+                "alt": "Extended Shirt",
+                "width": 245,
+                "spacing": { "margin": [0, 0, 20, 0], "padding": [0, 0, 0, 0] }
+              },
+              {
+                "id": "E3CopyB2",
+                "type": "text",
+                "value": "<p style=\"text-align: center;\"><span style=\"color: rgb(132, 137, 196);\">New series</span></p><p style=\"text-align: center;\"><strong><span style=\"font-size: 24px;\">Extended Shirt</span></strong></p><p style=\"text-align: center;\"><span style=\"color: rgb(170, 170, 170);\">Hip Hop Basic Longline T-Shirt.</span></p><p style=\"text-align: center;\"><strong><span style=\"color: rgb(105, 193, 66); font-size: 24px;\">$24.99</span></strong></p>",
+                "color": "#000000",
+                "spacing": { "margin": [0, 0, 20, 0], "padding": [0, 0, 0, 0] }
+              },
+              {
+                "id": "E3BtnB02",
+                "type": "button",
+                "text": "Buy Now",
+                "link": "https://example.com",
+                "backgroundColor": "#409EFF",
+                "color": "#FFFFFF",
+                "fontSize": 16,
+                "borderRadius": 3,
+                "padding": [12, 20, 12, 20],
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [12, 20, 12, 20] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/src/features/email-preview/catalog/blocks/ecommerce4.json b/src/features/email-preview/catalog/blocks/ecommerce4.json
new file mode 100644
index 0000000..35a4642
--- /dev/null
+++ b/src/features/email-preview/catalog/blocks/ecommerce4.json
@@ -0,0 +1,82 @@
+{
+  "version": 2,
+  "name": "ecommerce4",
+  "label": "E-Commerce 4",
+  "type": "ecommerce",
+  "preview": "img/components/ecommerce-4.png",
+  "block": {
+    "id": "E4BlockA",
+    "label": "E-Commerce 4",
+    "settings": {
+      "spacing": { "padding": [30, 35, 25, 35] },
+      "backgroundColor": "#FFFFFF"
+    },
+    "rows": [
+      {
+        "id": "E4ProdRw",
+        "settings": {
+          "spacing": {},
+          "backgroundColor": "transparent",
+          "collapseOnMobile": true,
+          "gap": 18
+        },
+        "cells": [
+          {
+            "id": "E4ImgCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "middle",
+              "horizontalAlign": "center",
+              "width": 48
+            },
+            "atoms": [
+              {
+                "id": "E4Image1",
+                "type": "image",
+                "src": "img/diesel-watch-1x1.jpg",
+                "link": "https://example.com",
+                "alt": "Diesel DZ4507",
+                "width": 247,
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [0, 0, 0, 0] }
+              }
+            ],
+            "rows": []
+          },
+          {
+            "id": "E4TxtCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "middle",
+              "horizontalAlign": "left",
+              "width": 52
+            },
+            "atoms": [
+              {
+                "id": "E4CopyA1",
+                "type": "text",
+                "value": "<p><span style=\"color: rgb(132, 137, 196);\">New series</span></p><p><strong><span style=\"font-size: 24px;\">Diesel DZ4507</span></strong></p><p><span style=\"color: rgb(170, 170, 170);\">Diesel Men's DZ4507 Chrono.</span></p><p><strong><span style=\"color: rgb(105, 193, 66); font-size: 24px;\">$137.99</span></strong></p>",
+                "color": "#000000",
+                "spacing": { "margin": [0, 0, 20, 0], "padding": [0, 0, 0, 0] }
+              },
+              {
+                "id": "E4Button",
+                "type": "button",
+                "text": "Buy Now",
+                "link": "https://example.com",
+                "backgroundColor": "#409EFF",
+                "color": "#FFFFFF",
+                "fontSize": 16,
+                "borderRadius": 3,
+                "padding": [12, 20, 12, 20],
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [12, 20, 12, 20] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/src/features/email-preview/catalog/blocks/ecommerce5.json b/src/features/email-preview/catalog/blocks/ecommerce5.json
new file mode 100644
index 0000000..5c61898
--- /dev/null
+++ b/src/features/email-preview/catalog/blocks/ecommerce5.json
@@ -0,0 +1,82 @@
+{
+  "version": 2,
+  "name": "ecommerce5",
+  "label": "E-Commerce 5",
+  "type": "ecommerce",
+  "preview": "img/components/ecommerce-5.png",
+  "block": {
+    "id": "E5BlockA",
+    "label": "E-Commerce 5",
+    "settings": {
+      "spacing": { "padding": [30, 35, 10, 35] },
+      "backgroundColor": "#FFFFFF"
+    },
+    "rows": [
+      {
+        "id": "E5ProdRw",
+        "settings": {
+          "spacing": {},
+          "backgroundColor": "transparent",
+          "collapseOnMobile": true,
+          "gap": 18
+        },
+        "cells": [
+          {
+            "id": "E5TxtCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "middle",
+              "horizontalAlign": "left",
+              "width": 52
+            },
+            "atoms": [
+              {
+                "id": "E5CopyA1",
+                "type": "text",
+                "value": "<p><span style=\"color: rgb(132, 137, 196);\">New series</span></p><p><strong><span style=\"font-size: 24px;\">Basketball Shoes</span></strong></p><p><span style=\"color: rgb(170, 170, 170);\">Men's High-Top Basketball Shoes.</span></p><p><strong><span style=\"color: rgb(105, 193, 66); font-size: 24px;\">$749.99</span></strong></p>",
+                "color": "#000000",
+                "spacing": { "margin": [0, 0, 20, 0], "padding": [0, 0, 0, 0] }
+              },
+              {
+                "id": "E5Button",
+                "type": "button",
+                "text": "Buy Now",
+                "link": "https://example.com",
+                "backgroundColor": "#409EFF",
+                "color": "#FFFFFF",
+                "fontSize": 16,
+                "borderRadius": 3,
+                "padding": [12, 20, 12, 20],
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [12, 20, 12, 20] }
+              }
+            ],
+            "rows": []
+          },
+          {
+            "id": "E5ImgCel",
+            "settings": {
+              "spacing": {},
+              "backgroundColor": "transparent",
+              "verticalAlign": "middle",
+              "horizontalAlign": "center",
+              "width": 48
+            },
+            "atoms": [
+              {
+                "id": "E5Image1",
+                "type": "image",
+                "src": "img/adidas-real-deal-damien-lillard-hirere-black1-blapur-1x1.jpg",
+                "link": "https://example.com",
+                "alt": "Basketball Shoes",
+                "height": 244,
+                "spacing": { "margin": [0, 0, 0, 0], "padding": [0, 0, 0, 0] }
+              }
+            ],
+            "rows": []
+          }
+        ]
+      }
+    ]
+  }
+}