From 4ce3c04845fb58fbfa473b5037422cb0edd3ec0e Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Sun, 27 Oct 2024 20:45:54 +0100
Subject: [PATCH 01/17] feat: update explore page -- page size, layout, art,
 typeface

---
 index.html                                 |  2 +-
 public/ipfs-404.html                       |  2 +-
 src/assets/images/blueprintTexture.svg     |  1 +
 src/assets/locales/en/common.json          | 14 ++++---
 src/components/ctaCard/data.ts             |  7 +++-
 src/components/ctaCard/index.tsx           | 14 +++----
 src/components/daoCard/index.tsx           |  2 +-
 src/containers/carousel/index.tsx          |  3 +-
 src/containers/daoExplorer/daoExplorer.tsx |  8 +---
 src/containers/hero/index.tsx              | 45 +++++-----------------
 src/pages/explore.tsx                      |  4 +-
 src/pages/notFound.tsx                     |  2 +-
 src/utils/paths.ts                         |  2 +-
 13 files changed, 40 insertions(+), 66 deletions(-)
 create mode 100644 src/assets/images/blueprintTexture.svg

diff --git a/index.html b/index.html
index 619e09137..25fcd21a9 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
 
     <link href="./styles.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Sora:wght@400&display=swap"
       rel="stylesheet"
     />
 
diff --git a/public/ipfs-404.html b/public/ipfs-404.html
index 9311d743d..d4eab7579 100644
--- a/public/ipfs-404.html
+++ b/public/ipfs-404.html
@@ -29,7 +29,7 @@
 
     <link href="./styles.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Sora:wght@700&display=swap"
       rel="stylesheet"
     />
 
diff --git a/src/assets/images/blueprintTexture.svg b/src/assets/images/blueprintTexture.svg
new file mode 100644
index 000000000..4f5f73b60
--- /dev/null
+++ b/src/assets/images/blueprintTexture.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 355"><path fill-rule="evenodd" clip-rule="evenodd" d="m473.998-411.433 482.418 278.524-59.381 34.284L597.518-271.55l15.56-8.984-.328-.566-15.886 9.172-59.379-34.283 45.576-26.313-.327-.567-45.903 26.503-92.524-53.419-.327.567 92.196 53.23-59.381 34.283-62.504-36.087-.327.567 62.177 35.898-59.378 34.282-32.489-18.757-.327.566 32.162 18.569-59.381 34.283-2.472-1.427-.327.567 2.144 1.238-101.918 58.843.328.567 102.245-59.032 59.379 34.282-59.38 34.283-32.487-18.756-.327.566 32.16 18.568-59.381 34.284-2.471-1.426-.327.566 2.143 1.238-88.508 51.1.327.567 88.836-51.29 59.38 34.284-59.381 34.284-32.487-18.756-.327.566 32.159 18.568-59.378 34.282-23.576-13.611-.327.566 23.248 13.423L34.536 122.054l.328.567L236.658 6.115l59.377 34.281-59.377 34.282L204.17 55.92l-.327.567 32.16 18.568-59.381 34.283-2.469-1.425-.327.566 2.142 1.237-111.415 64.326.327.567 111.742-64.515 59.381 34.284-59.379 34.282-32.488-18.756-.327.566 32.16 18.568-59.38 34.284-2.469-1.426-.327.567 2.142 1.236-21.364 12.335.327.566 21.691-12.523 59.379 34.283-59.381 34.283-32.485-18.755-.328.566 32.159 18.567-59.38 34.283-2.468-1.426-.328.567 2.142 1.236L0 349.956l.327.567 56.227-32.463 179.448 103.605-59.381 34.283-152.553-88.077-.328.567 152.227 87.888-47.52 27.436.327.566 47.847-27.624 119.415 68.943-21.363 12.334.327.567 21.69-12.523 59.38 34.283-51.38 29.665.327.566 51.707-29.853 59.381 34.284-81.397 46.995.327.566 81.724-47.184 59.38 34.283-4.972 2.871.327.567 5.299-3.06 179.45 103.606-3.864 2.23.327.567 4.191-2.42 56.282 32.495.327-.567-55.954-32.305 59.38-34.284 25.112 14.499.327-.567-24.785-14.309 59.379-34.283 65.773 37.974.328-.566-65.446-37.786 59.381-34.284 59.379 34.283-56.592 32.674.328.566 56.919-32.862 59.381 34.284-63.899 36.892.327.567 64.226-37.081 78.08 45.079.33-.567-77.756-44.89 59.376-34.284 48.07 27.748.32-.566-47.73-27.559 59.38-34.283 18.04 10.418.33-.567-17.72-10.229 59.38-34.284 135.34 78.14.33-.567-135.01-77.95 241.68-139.534-.33-.566-181.97 105.062-59.38-34.284L1440 351.187l-.33-.566-122.4 70.666-59.37-34.283 105.46-60.892-.32-.567-105.8 61.081-59.38-34.283 59.38-34.283 18.05 10.419.32-.567-17.72-10.23 120.6-69.626-.33-.566-60.89 35.153-59.38-34.283 22.35-12.904-.32-.566-22.68 13.092-59.38-34.283 59.38-34.282 78.08 45.081.33-.567-77.76-44.892 59.38-34.283 48.07 27.749.32-.567-47.73-27.56 59.38-34.284 18.04 10.419.33-.567-257.85-148.873 71.12-41.062-.33-.567-71.45 41.251-179.445-103.604 29.119-16.812-.327-.566-29.446 17L474.325-412l-.327.567ZM656.897 733.236 477.447 629.63l59.381-34.283 179.449 103.606-59.38 34.283ZM476.793 629.252l-59.379-34.282 59.38-34.284 59.379 34.283-59.38 34.283Zm-60.034-34.66-59.38-34.284 59.38-34.283 59.381 34.284-59.381 34.283Zm-60.035-34.661-59.38-34.284 59.38-34.283 59.381 34.283-59.381 34.284ZM296.69 525.27l-119.414-68.944 59.38-34.283 59.38 34.283-51.38 29.664.327.567 51.708-29.853 59.379 34.282-59.38 34.284ZM116.587 283.4l-59.379 34.282 179.448 103.605 59.379-34.283-59.379-34.282-51.708 29.853-.327-.566 51.38-29.665-59.378-34.282-21.691 12.523-.327-.567 21.363-12.334-59.381-34.284Zm180.102 103.982-59.379 34.283 59.381 34.283 59.379-34.283-59.381-34.283Zm60.035 34.661-59.379 34.283 59.38 34.283 59.379-34.283-59.38-34.283Zm60.034 34.661-59.379 34.282 59.38 34.284 59.379-34.283-59.38-34.283Zm60.034 34.661-59.379 34.282 59.381 34.284 59.379-34.283-59.381-34.283Zm60.035 34.661-59.379 34.283 59.38 34.282 59.379-34.282-59.38-34.283Zm60.034 34.661-59.379 34.282 59.38 34.284 59.379-34.283-59.38-34.283Zm60.035 34.661-59.379 34.282 119.415 68.945 59.379-34.283-119.415-68.944Zm120.069 68.566-59.381-34.284 59.381-34.283 59.381 34.284-59.381 34.283Zm-60.036-34.661L657.55 594.97l59.381-34.284 59.379 34.283-59.381 34.284Zm-60.033-34.661-59.38-34.283 59.381-34.284 59.38 34.283-59.381 34.284Zm-60.035-34.661-59.379-34.283 59.381-34.283 59.379 34.282-59.381 34.284Zm-60.034-34.66-59.38-34.284 59.381-34.284 59.38 34.284-59.381 34.284Zm-60.035-34.662-59.38-34.283 59.381-34.284 59.38 34.284-59.381 34.283Zm-60.034-34.661-59.38-34.283 59.381-34.283 59.38 34.283-59.381 34.283Zm-60.034-34.66-59.38-34.284 59.381-34.283 59.38 34.283-59.381 34.284Zm-60.035-34.661-59.379-34.283 59.381-34.284 59.379 34.283-59.381 34.284Zm-60.033-34.661-59.379-34.282 59.381-34.284 59.379 34.282-59.381 34.284Zm-60.033-34.66-59.382-34.284 59.381-34.284 59.382 34.284-59.381 34.284Zm.001-137.889-59.38 34.283 59.378 34.283 59.381-34.283-59.379-34.283Zm60.033 34.66-59.38 34.284 59.381 34.283 59.38-34.283-59.381-34.284Zm60.036 34.662-59.381 34.283 59.379 34.283 59.38-34.284-59.378-34.282Zm60.033 34.66-59.38 34.283 59.379 34.283 59.38-34.283-59.379-34.283Zm60.034 34.661-59.381 34.283 59.38 34.283 59.381-34.283-59.38-34.283Zm60.034 34.661-59.38 34.283 59.379 34.283 59.381-34.284-59.38-34.282Zm60.034 34.66-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.035 34.661-59.381 34.284 59.381 34.283 59.38-34.283-59.38-34.284Zm60.034 34.661-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.034 34.661-59.38 34.283 59.38 34.284 59.381-34.284-59.381-34.283Zm60.035 34.661-59.38 34.283 59.379 34.283 59.38-34.283-59.379-34.283ZM837 560.685l-59.381 34.284L837 629.253l59.381-34.284L837 560.685Zm60.035 34.662-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.035 34.661-59.381 34.283 59.381 34.284 59.38-34.283-59.38-34.284Zm60.03 33.906-59.376-34.284 59.376-34.283 59.38 34.284-59.38 34.283Zm-60.031-34.662-59.379-34.283 59.379-34.282 59.381 34.282-59.381 34.283Zm-60.034-34.66-59.381-34.284 59.379-34.283 59.382 34.284-59.38 34.283Zm-60.036-34.662-59.379-34.283L837 491.364l59.379 34.283-59.38 34.283Zm-60.033-34.661-59.38-34.283 59.379-34.283 59.381 34.284-59.38 34.282Zm-60.035-34.661-59.379-34.282 59.379-34.283 59.38 34.283-59.38 34.282Zm-60.033-34.66-59.381-34.284 59.38-34.282 59.38 34.283-59.379 34.283Zm-60.035-34.661-59.381-34.284 59.38-34.282 59.38 34.283-59.379 34.283Zm-60.035-34.661-59.379-34.283 59.379-34.283 59.38 34.283-59.38 34.283Zm-60.034-34.661-59.38-34.283 59.38-34.283 59.38 34.283-59.38 34.283Zm-60.035-34.661-59.379-34.283 59.38-34.283 59.379 34.283-59.38 34.283Zm-60.033-34.661-59.379-34.282 59.38-34.283 59.378 34.283-59.379 34.282Zm-60.033-34.66L237.312 213.7l59.379-34.283 59.381 34.284-59.379 34.282Zm-60.036-34.661-59.379-34.283 59.38-34.283 59.379 34.283-59.38 34.283Zm.001-137.889-59.381 34.284 59.381 34.284 59.381-34.284-59.381-34.284Zm60.035 34.662-59.381 34.284 59.379 34.282 59.381-34.283-59.379-34.283Zm60.033 34.66-59.381 34.284 59.382 34.284 59.381-34.284-59.382-34.284Zm60.036 34.662-59.381 34.284 59.379 34.282 59.381-34.284-59.379-34.282Zm60.033 34.66-59.381 34.284 59.379 34.282 59.381-34.283-59.379-34.283Zm60.034 34.661-59.381 34.283 59.38 34.283 59.381-34.283-59.38-34.283Zm60.034 34.661-59.381 34.283 59.38 34.283 59.381-34.284-59.38-34.282Zm60.034 34.66-59.381 34.284 59.381 34.283 59.38-34.284-59.38-34.283Zm60.035 34.661-59.381 34.284 59.381 34.283 59.38-34.283-59.38-34.284Zm60.035 34.661-59.381 34.284 59.379 34.283 59.381-34.284-59.379-34.283Zm60.034 34.661-59.381 34.284L837 490.609l59.381-34.284-59.38-34.283Zm60.034 34.661-59.381 34.284 59.379 34.282 59.381-34.283-59.379-34.283Zm60.034 34.66-59.381 34.284 59.381 34.284 59.381-34.284-59.381-34.284Zm60.031 34.662-59.376 34.284 59.376 34.283 59.38-34.284-59.38-34.283Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.283-59.38-34.284Zm60.03 33.906-59.38-34.284 59.38-34.282 59.38 34.284-59.38 34.282Zm-60.03-34.662-59.38-34.283 59.38-34.282 59.38 34.283-59.38 34.282Zm-60.04-34.661-59.377-34.283 59.377-34.282 59.38 34.283-59.38 34.282Zm-60.031-34.661-59.379-34.283 59.378-34.282 59.382 34.283-59.381 34.282Zm-60.034-34.661-59.38-34.283 59.378-34.282 59.38 34.283-59.378 34.282Zm-60.034-34.661-59.38-34.282 59.378-34.282 59.379 34.283-59.377 34.281Zm-60.034-34.66-59.381-34.284 59.378-34.281 59.381 34.283-59.378 34.282Zm-60.035-34.661-59.38-34.284 59.377-34.281 59.381 34.283-59.378 34.282Zm-60.035-34.661-59.379-34.283 59.378-34.282 59.379 34.283-59.378 34.282Zm-60.034-34.661-59.38-34.283 59.378-34.282 59.38 34.283-59.378 34.282Zm-60.034-34.661-59.38-34.283 59.378-34.281 59.379 34.282-59.377 34.282Zm-60.034-34.661-59.379-34.282 59.378-34.282 59.379 34.283-59.378 34.281Zm-60.033-34.66-59.381-34.283 59.377-34.282 59.382 34.284-59.378 34.281ZM356.726 144l-59.379-34.283 59.378-34.281 59.379 34.282L356.726 144Zm-60.033-34.661-59.381-34.283 59.377-34.282 59.381 34.284-59.377 34.281Zm-.002-137.885L237.312 5.737l59.377 34.281 59.379-34.282-59.377-34.281Zm60.032 34.66-59.379 34.282 59.381 34.284 59.379-34.283-59.381-34.283Zm60.035 34.661-59.379 34.283 59.379 34.282 59.379-34.282-59.379-34.283Zm60.033 34.66-59.378 34.283 59.381 34.284 59.379-34.283-59.382-34.283Zm60.036 34.662-59.379 34.283 59.379 34.282 59.379-34.282-59.379-34.283Zm60.033 34.66-59.379 34.283 59.38 34.282 59.378-34.282-59.379-34.283Zm60.034 34.661L597.515 213.7l59.38 34.283 59.379-34.282-59.38-34.283Zm60.034 34.661-59.378 34.282 59.379 34.283 59.379-34.282-59.38-34.283Zm60.034 34.661-59.378 34.282 59.38 34.283 59.378-34.282-59.38-34.283Zm60.035 34.661-59.379 34.282 59.381 34.283 59.378-34.282-59.38-34.283Zm60.035 34.661-59.379 34.282 59.38 34.283 59.378-34.282-59.379-34.283Zm60.034 34.66-59.379 34.283 59.381 34.283 59.382-34.282-59.384-34.284Zm60.034 34.661-59.378 34.283 59.378 34.282 59.38-34.282-59.38-34.283Zm60.03 34.661-59.37 34.282 59.38 34.284 59.37-34.282-59.38-34.284Zm60.04 34.662-59.38 34.282 59.38 34.282 59.38-34.282-59.38-34.282Zm60.03 33.905-59.38-34.283 119.42-68.946 59.38 34.283-119.42 68.946Zm-60.03-34.661-59.38-34.284 59.38-34.284 59.38 34.284-59.38 34.284Zm-60.04-34.662-59.38-34.282 59.39-34.284 59.37 34.282-59.38 34.284Zm-60.03-34.66-59.38-34.283 59.38-34.284 59.38 34.283-59.38 34.284Zm-60.034-34.661-59.38-34.283 59.382-34.284 59.382 34.283-59.384 34.284Zm-60.034-34.661-59.381-34.283 59.381-34.284 59.381 34.283-59.381 34.284Zm-60.035-34.661-59.38-34.283 59.381-34.284 59.38 34.283-59.381 34.284Zm-60.035-34.661-59.379-34.283 59.381-34.284 59.38 34.283-59.382 34.284Zm-60.034-34.661-59.38-34.283 59.382-34.284 59.38 34.283-59.382 34.284Zm-60.034-34.661-59.38-34.282 59.382-34.284 59.379 34.282-59.381 34.284Zm-60.034-34.66-59.379-34.283 59.382-34.283 59.378 34.282-59.381 34.284Zm-60.033-34.66-59.381-34.284 59.381-34.284 59.381 34.284-59.381 34.284ZM476.791 74.68l-59.379-34.283 59.382-34.283 59.379 34.282-59.382 34.284Zm-60.033-34.66L357.377 5.736l59.381-34.284 59.381 34.284-59.381 34.284ZM356.723 5.358l-59.378-34.281 59.382-34.284 59.377 34.281-59.381 34.284Zm.004-137.888-59.381 34.284 59.381 34.283 59.381-34.284-59.381-34.283Zm60.035 34.661-59.381 34.284 59.377 34.282 59.382-34.284-59.378-34.282Zm60.032 34.66-59.381 34.283 59.381 34.284 59.381-34.284-59.381-34.284Zm60.035 34.66L477.448 5.737l59.379 34.282 59.381-34.284-59.379-34.282Zm60.034 34.661-59.382 34.284 59.382 34.284 59.381-34.284-59.381-34.284Zm60.035 34.662-59.381 34.284 59.379 34.282 59.381-34.284-59.379-34.282Zm60.033 34.66-59.381 34.284 59.379 34.283 59.382-34.284-59.38-34.283Zm60.034 34.661-59.381 34.283 59.38 34.284 59.381-34.284-59.38-34.283ZM837 144.756l-59.382 34.283 59.38 34.283 59.381-34.284L837 144.756Zm60.034 34.66L837.652 213.7l59.381 34.283 59.381-34.284-59.38-34.283Zm60.034 34.661-59.381 34.284 59.381 34.283 59.382-34.283-59.382-34.284Zm60.032 34.661-59.378 34.284 59.378 34.283 59.38-34.284-59.38-34.283Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.03 34.661-59.38 34.284 59.38 34.282 59.38-34.283-59.38-34.283Zm60.03 34.66-59.38 34.284 59.39 34.284 59.38-34.284-59.39-34.284Zm0-.755-59.37-34.283 59.38-34.283 59.37 34.283-59.38 34.283Zm-60.03-34.661-59.38-34.283 59.38-34.282 59.38 34.283-59.38 34.282Zm-60.03-34.661-59.38-34.282 59.38-34.283 59.38 34.283-59.38 34.282Zm-60.04-34.66-59.377-34.284 59.377-34.282 59.38 34.283-59.38 34.283Zm-60.032-34.661-59.38-34.284 59.379-34.282 59.383 34.283-59.382 34.283Zm-60.034-34.661-59.38-34.283 59.38-34.283 59.379 34.283-59.379 34.283ZM837 144l-59.38-34.283 59.379-34.283 59.38 34.283L837 144Zm-60.035-34.661-59.379-34.283 59.379-34.282 59.38 34.282-59.38 34.283Zm-60.034-34.66-59.378-34.283 59.379-34.283 59.379 34.283-59.38 34.282Zm-60.033-34.66L597.517 5.733l59.38-34.282 59.381 34.284-59.38 34.282ZM596.863 5.356l-59.379-34.283 59.379-34.283 59.379 34.283-59.379 34.283Zm-60.034-34.66-59.381-34.284 59.38-34.283 59.381 34.284-59.38 34.282Zm-60.035-34.662-59.377-34.282 59.379-34.282 59.377 34.281-59.379 34.283Zm-60.032-34.66-59.38-34.283 59.379-34.283 59.381 34.284-59.38 34.283Zm.001-137.887-59.381 34.283 59.379 34.283 59.381-34.284-59.379-34.282Zm60.033 34.66-59.381 34.283 59.381 34.284 59.381-34.284-59.381-34.283Zm60.035 34.661-59.38 34.284 59.377 34.281 59.38-34.283-59.377-34.282Zm60.032 34.659-59.381 34.284 59.381 34.284 59.381-34.284-59.381-34.284Zm60.035 34.662-59.38 34.284 59.379 34.282 59.38-34.283-59.379-34.283Zm60.034 34.66-59.381 34.284 59.381 34.284 59.381-34.284-59.381-34.284Zm60.035 34.662-59.38 34.284 59.378 34.282 59.381-34.284-59.379-34.282ZM837 6.112l-59.38 34.284 59.379 34.282 59.381-34.283L837 6.112Zm60.034 34.66-59.381 34.284 59.381 34.283 59.38-34.283-59.38-34.283Zm60.035 34.662-59.381 34.283L957.068 144l59.382-34.284-59.381-34.282Zm60.031 34.66-59.378 34.284 59.378 34.283 59.38-34.284-59.38-34.283Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.283-59.38-34.284Zm60.03 34.662-59.38 34.283 59.38 34.283 59.38-34.284-59.38-34.282Zm60.04 34.66-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.03 34.661-59.38 34.284 59.38 34.282 59.38-34.283-59.38-34.283Zm-60.03-35.417-59.38-34.282 59.37-34.282 59.38 34.282-59.37 34.282Zm-60.04-34.66-59.38-34.284 59.38-34.282 59.38 34.284-59.38 34.282ZM1077.14 144l-59.38-34.284 59.38-34.282 59.38 34.284L1077.14 144Zm-60.04-34.661-59.377-34.283 59.377-34.282 59.38 34.282-59.38 34.283Zm-60.031-34.661-59.38-34.283 59.378-34.282 59.383 34.283-59.381 34.282Zm-60.035-34.661L837.655 5.734l59.378-34.282 59.379 34.283-59.378 34.282ZM837 5.357l-59.378-34.283L837-63.208l59.379 34.282L837 5.356Zm-60.033-34.66-59.381-34.284 59.378-34.282 59.382 34.283-59.379 34.282Zm-60.035-34.662-59.379-34.283 45.576-26.314-.327-.566-45.904 26.502-59.381-34.283 59.378-34.282L776.31-98.247l-59.378 34.282Zm-120.069-69.322-59.377-34.282 59.378-34.282 59.377 34.282-59.378 34.282Zm-60.032-34.66-59.38-34.283 59.378-34.282 59.38 34.283-59.378 34.282Zm-60.035-34.661-59.379-34.282 59.378-34.282 59.379 34.282-59.378 34.282Zm60.034-103.226-59.38 34.284 59.379 34.282 59.38-34.283-59.379-34.283Zm60.034 34.661-59.381 34.283 59.381 34.284 45.904-26.503.327.567-45.577 26.313 59.378 34.282 15.888-9.173.327.567-15.561 8.984 119.414 68.944 34.588-19.969.327.567-34.26 19.78L837-63.964l59.381-34.283-299.517-172.926ZM897.035-97.869l-59.381 34.283 59.379 34.283 59.381-34.284-59.379-34.282Zm60.033 34.66-59.38 34.283 59.379 34.283 59.383-34.283-59.382-34.283Zm60.032 34.66L957.721 5.735l59.379 34.283 59.38-34.283-59.38-34.284Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.03 34.661-59.38 34.283 59.38 34.284 59.38-34.284-59.38-34.283Zm60.03 34.661-59.38 34.284 59.38 34.283 59.39-34.283-59.39-34.284Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283ZM1317.27 144l-59.38-34.282 5.16-2.979-.32-.567-5.49 3.168-59.38-34.284 25.98-15-.33-.566-26.31 15.188-59.82-34.542-.11-.178-.1.06-59.38-34.283 59.38-34.284 239.49 138.265L1317.27 144ZM1077.14 5.357l-59.38-34.283.92-.532-.33-.567-1.25.72-59.377-34.282 59.137-34.143-.24-.422 119.9 69.225-59.38 34.284ZM957.068-63.965l-59.379-34.282 59.382-34.284 59.379 34.282-59.382 34.284Z" fill="url(#a)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 437.541 -534.636 0 776.781 121.319)"><stop stop-color="#93B2FF"/><stop offset="1" stop-color="#93B2FF" stop-opacity="0"/></radialGradient></defs></svg>
\ No newline at end of file
diff --git a/src/assets/locales/en/common.json b/src/assets/locales/en/common.json
index bbead2169..4c9b2f1a4 100644
--- a/src/assets/locales/en/common.json
+++ b/src/assets/locales/en/common.json
@@ -1010,8 +1010,8 @@
   },
   "explore": {
     "hero": {
-      "title": "Explore the DAO World",
-      "subtitle1": "Build your DAO, explore communities, and find inspiration for your project all in one place."
+      "title": "Governed on Aragon",
+      "subtitle1": "Explore the organizations using our modular governance stack to secure their onchain governance."
     },
     "explorer": {
       "title": "Explore DAOs",
@@ -1038,6 +1038,10 @@
       "linkLabel": "Learn about DAOs",
       "linkURL": "https://aragon.org/education-portal"
     },
+    "build": {
+      "linkLabel": "Build faster",
+      "linkURL": "https://docs.aragon.org"
+    },
     "toggleFilter": {
       "Favourites": "Following",
       "allDAOs": "All DAOs ",
@@ -1134,13 +1138,13 @@
     },
     "learn": {
       "title": "Learn about DAOs",
-      "description": "Find inspiration and learn about DAOs in our education portal designed for builders at every stage of the journey.",
+      "description": "Explore and learn through our “How-to Guides”, DAO Education, Educational Articles and more!",
       "actionLabel": "Learn about DAOs"
     },
     "build": {
       "title": "Build faster",
-      "description": "Use our governance plugins to build a DAO, dApp, or anything you can imagine on the Aragon OSx protocol.",
-      "actionLabel": "Coming soon"
+      "description": "Build something something on open-source infrastructure with governance plugins.",
+      "actionLabel": "Build custom DAO"
     },
     "404": {
       "titleLine1": "Oh no,",
diff --git a/src/components/ctaCard/data.ts b/src/components/ctaCard/data.ts
index 4596c829e..83b2bd791 100644
--- a/src/components/ctaCard/data.ts
+++ b/src/components/ctaCard/data.ts
@@ -14,6 +14,7 @@ const CTACards = [
     imgSrc: createDaoImg,
     subtitle: i18n.t('cta.create.description'),
     title: i18n.t('cta.create.title'),
+    isPrimary: true,
   },
   {
     actionAvailable: true,
@@ -22,14 +23,16 @@ const CTACards = [
     imgSrc: learnImg,
     subtitle: i18n.t('cta.learn.description'),
     title: i18n.t('cta.learn.title'),
+    isPrimary: false,
   },
   {
-    actionAvailable: false,
+    actionAvailable: true,
     actionLabel: i18n.t('cta.build.actionLabel'),
-    path: '',
+    path: i18n.t('explore.build.linkURL'),
     imgSrc: buildFaster,
     subtitle: i18n.t('cta.build.description'),
     title: i18n.t('cta.build.title'),
+    isPrimary: false,
   },
 ];
 
diff --git a/src/components/ctaCard/index.tsx b/src/components/ctaCard/index.tsx
index 0724c4899..3acf6e5df 100644
--- a/src/components/ctaCard/index.tsx
+++ b/src/components/ctaCard/index.tsx
@@ -13,6 +13,7 @@ type Props = {
   onClick: (path: string) => void;
   subtitle: string;
   title: string;
+  isPrimary: boolean;
 };
 
 const CTACard: React.FC<Props> = props => {
@@ -27,10 +28,10 @@ const CTACard: React.FC<Props> = props => {
       </Content>
 
       <Button
-        variant={props.actionAvailable ? 'primary' : 'tertiary'}
-        size="lg"
+        variant={props.isPrimary ? 'primary' : 'secondary'}
+        size="md"
         disabled={!props.actionAvailable}
-        onClick={() => props.onClick(props.path)}
+        href={props.path}
         className={`${!isDesktop && 'w-full'}`}
       >
         {props.actionLabel}
@@ -43,11 +44,8 @@ export default CTACard;
 
 const CTACardWrapper = styled.div.attrs({
   className:
-    'flex flex-col xl:items-start items-center p-6 space-y-6 rounded-xl relative xl:m-0 mb-6 mx-2' as string,
-})`
-  background: rgba(255, 255, 255, 0.68);
-  backdrop-filter: blur(50px);
-`;
+    'bg-neutral-0 flex flex-col xl:items-start items-center p-6 space-y-6 rounded-xl relative xl:m-0 mb-6 mx-2 shadow-neutral',
+})``;
 
 const Content = styled.div.attrs({
   className: 'flex xl:items-start items-center flex-col xl:m-0 mb-6',
diff --git a/src/components/daoCard/index.tsx b/src/components/daoCard/index.tsx
index 0d63afada..fa8f2362e 100644
--- a/src/components/daoCard/index.tsx
+++ b/src/components/daoCard/index.tsx
@@ -69,7 +69,7 @@ export const DaoCard = (props: IDaoCardProps) => {
 
 const Container = styled.a.attrs({
   className: `p-4 xl:p-6 w-full flex flex-col space-y-6
-    box-border border border-neutral-0
+    box-border border border-neutral-100
     focus:outline-none focus:ring focus:ring-primary
     hover:border-neutral-100 active:border-200
     bg-neutral-0 rounded-xl cursor-pointer
diff --git a/src/containers/carousel/index.tsx b/src/containers/carousel/index.tsx
index 548b64948..156dfe6fe 100644
--- a/src/containers/carousel/index.tsx
+++ b/src/containers/carousel/index.tsx
@@ -112,8 +112,7 @@ const Carousel: React.FC = () => {
 };
 
 const DesktopCTA = styled.div.attrs({
-  className:
-    'relative flex xl:flex-row flex-col mb-8 space-x-6 max-w-fit -mt-32',
+  className: 'relative flex xl:flex-row flex-col space-x-6 max-w-fit',
 })``;
 
 const MobileCTA = styled.div.attrs({
diff --git a/src/containers/daoExplorer/daoExplorer.tsx b/src/containers/daoExplorer/daoExplorer.tsx
index c345633f4..b72ea917f 100644
--- a/src/containers/daoExplorer/daoExplorer.tsx
+++ b/src/containers/daoExplorer/daoExplorer.tsx
@@ -56,6 +56,7 @@ export const DaoExplorer = () => {
 
   const newDaosResult = useDaos(
     {
+      take: 12,
       direction: OrderDirection.DESC,
       orderBy: filters.order,
       ...(filters.pluginNames?.length !== 0 && {
@@ -138,7 +139,6 @@ export const DaoExplorer = () => {
   return (
     <Container>
       <MainContainer>
-        <Title>{t('explore.explorer.title')}</Title>
         <FilterGroupContainer>
           <ToggleGroup
             isMultiSelect={false}
@@ -305,12 +305,8 @@ const CardsWrapper = styled.div.attrs({
   className: 'grid grid-cols-1 gap-3 xl:grid-cols-2 xl:gap-6',
 })``;
 
-const Title = styled.p.attrs({
-  className: 'font-semibold ft-text-xl text-neutral-800',
-})``;
-
 const FilterGroupContainer = styled.div.attrs({
-  className: 'flex justify-between space-x-3',
+  className: 'flex justify-between space-x-3 mt-12',
 })``;
 
 const ButtonGroupContainer = styled.div.attrs({
diff --git a/src/containers/hero/index.tsx b/src/containers/hero/index.tsx
index 488690119..8f56a4d10 100644
--- a/src/containers/hero/index.tsx
+++ b/src/containers/hero/index.tsx
@@ -1,8 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import Logo from 'assets/images/coloredLogo.svg';
-import Green from 'assets/images/circleGreenGradient.svg';
-import Purple from 'assets/images/purpleGradient.svg';
+import Blueprint from 'assets/images/blueprintTexture.svg';
 import {useTranslation} from 'react-i18next';
 import {GridLayout} from 'components/layout';
 
@@ -10,21 +8,14 @@ function Hero() {
   const {t} = useTranslation();
   return (
     <Container>
+      <StyledImage src={Blueprint} alt="Background Texture" />
       <GridLayout>
         <Wrapper>
           <ContentWrapper>
             <Title>{t('explore.hero.title')}</Title>
             <Subtitle>{t('explore.hero.subtitle1')}</Subtitle>
           </ContentWrapper>
-          <ImageWrapper>
-            <StyledImage src={Logo} />
-          </ImageWrapper>
-          <GradientContainer>
-            <GradientWrapper>
-              <GradientGreen src={Green} />
-              <GradientPurple src={Purple} />
-            </GradientWrapper>
-          </GradientContainer>
+          <ImageWrapper></ImageWrapper>
         </Wrapper>
       </GridLayout>
     </Container>
@@ -37,24 +28,22 @@ function Hero() {
 // by lowering the content using the padding-top. Same with factor 12 on
 // desktop.
 const Container = styled.div.attrs({
-  className:
-    'bg-primary-400 h-[448px] -mt-20 pt-20  xl:h-[536px] xl:pt-24 xl:-mt-24 overflow-hidden',
+  className: 'relative bg-primary-400 xl:pt-24 xl:-mt-24 overflow-hidden',
 })``;
 
 const Wrapper = styled.div.attrs({
   className:
-    'flex justify-center xl:justify-between col-span-full xl:col-start-2 xl:col-end-12 relative',
+    'flex justify-center xl:justify-between relative w-full col-start-2 col-end-12',
 })``;
 
 const ContentWrapper = styled.div.attrs({
-  className: 'xl:space-y-1.5 space-y-2 max-w-lg pt-9 xl:pt-20',
+  className: 'flex flex-col space-y-4 py-16 max-w-[720px]',
 })``;
 
 const Title = styled.h1.attrs({
-  className:
-    'text-neutral-0 font-semibold ft-text-5xl xl:text-left text-center xl:leading-[60px] leading-[38px]',
+  className: 'text-neutral-0  ft-text-4xl xl:text-left',
 })`
-  font-family: Syne;
+  font-family: Sora;
   letter-spacing: -0.03em;
 `;
 
@@ -68,23 +57,7 @@ const ImageWrapper = styled.div.attrs({
 })``;
 
 const StyledImage = styled.img.attrs({
-  className: 'w-[568px] hidden xl:block',
-})``;
-
-const GradientContainer = styled.div.attrs({
-  className: 'absolute top-64 xl:top-40 right-0 w-[568px]',
-})``;
-
-const GradientWrapper = styled.div.attrs({
-  className: 'relative w-full h-full',
-})``;
-
-const GradientGreen = styled.img.attrs({
-  className: 'h-80 absolute xl:-left-28 xl:-top-40 -top-[152px] left-28',
-})``;
-
-const GradientPurple = styled.img.attrs({
-  className: 'xl:h-80 h-60 absolute xl:-right-40 xl:top-10 -right-10 -top-12',
+  className: 'absolute top-0 left-0 w-full h-full object-cover',
 })``;
 
 export default Hero;
diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index 9cc139103..04913aee1 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -31,8 +31,8 @@ export const Explore: React.FC = () => {
       <Hero />
       <GridLayout>
         <ContentWrapper>
-          <Carousel />
           <DaoExplorer />
+          <Carousel />
         </ContentWrapper>
       </GridLayout>
     </>
@@ -43,5 +43,5 @@ export const Explore: React.FC = () => {
 
 const ContentWrapper = styled.div.attrs({
   className:
-    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-[72px] mb-10 xl:mb-20 pb-10',
+    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-12 mb-20 xl:mb-20',
 })``;
diff --git a/src/pages/notFound.tsx b/src/pages/notFound.tsx
index b84d94d0c..fcc78758b 100644
--- a/src/pages/notFound.tsx
+++ b/src/pages/notFound.tsx
@@ -91,7 +91,7 @@ const Wrapper = styled.div.attrs({
 const Title = styled.h1.attrs({
   className: 'font-semibold text-primary-500 text-center xl:text-left',
 })`
-  font-family: Syne;
+  font-family: Sora;
   line-height: 120%;
   font-size: 34px;
 
diff --git a/src/utils/paths.ts b/src/utils/paths.ts
index 97c050e6e..acb21bd92 100644
--- a/src/utils/paths.ts
+++ b/src/utils/paths.ts
@@ -1,6 +1,6 @@
 /* TOP LEVEL PAGES ========================================================== */
 export const Landing = '/';
-export const CreateDAO = '/create';
+export const CreateDAO = '/#/create';
 export const NotFound = '/not-found';
 
 /* DAO-SPECIFIC PAGES ======================================================= */

From b23fc0e00f020a239cdda312a96b83e3ddea8969 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Sun, 27 Oct 2024 21:02:09 +0100
Subject: [PATCH 02/17] chore: clean up typeface usage, alignment

---
 index.html                    | 4 ++++
 public/ipfs-404.html          | 2 +-
 src/containers/hero/index.tsx | 5 ++---
 src/pages/notFound.tsx        | 2 +-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 25fcd21a9..0a8cef947 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,10 @@
       href="https://fonts.googleapis.com/css2?family=Sora:wght@400&display=swap"
       rel="stylesheet"
     />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap"
+      rel="stylesheet"
+    />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
diff --git a/public/ipfs-404.html b/public/ipfs-404.html
index d4eab7579..9311d743d 100644
--- a/public/ipfs-404.html
+++ b/public/ipfs-404.html
@@ -29,7 +29,7 @@
 
     <link href="./styles.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css2?family=Sora:wght@700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap"
       rel="stylesheet"
     />
 
diff --git a/src/containers/hero/index.tsx b/src/containers/hero/index.tsx
index 8f56a4d10..dfc114296 100644
--- a/src/containers/hero/index.tsx
+++ b/src/containers/hero/index.tsx
@@ -32,8 +32,7 @@ const Container = styled.div.attrs({
 })``;
 
 const Wrapper = styled.div.attrs({
-  className:
-    'flex justify-center xl:justify-between relative w-full col-start-2 col-end-12',
+  className: 'flex relative w-full col-start-1 xl:col-start-2 col-end-12',
 })``;
 
 const ContentWrapper = styled.div.attrs({
@@ -49,7 +48,7 @@ const Title = styled.h1.attrs({
 
 const Subtitle = styled.h3.attrs({
   className:
-    'text-neutral-0 ft-text-lg font-normal text-center xl:text-left leading-[24px] xl:leading-[30px]',
+    'text-neutral-0 ft-text-lg font-normal leading-[24px] xl:leading-[30px]',
 })``;
 
 const ImageWrapper = styled.div.attrs({
diff --git a/src/pages/notFound.tsx b/src/pages/notFound.tsx
index fcc78758b..b84d94d0c 100644
--- a/src/pages/notFound.tsx
+++ b/src/pages/notFound.tsx
@@ -91,7 +91,7 @@ const Wrapper = styled.div.attrs({
 const Title = styled.h1.attrs({
   className: 'font-semibold text-primary-500 text-center xl:text-left',
 })`
-  font-family: Sora;
+  font-family: Syne;
   line-height: 120%;
   font-size: 34px;
 

From bd4e9f459e5608e613243dd34caefa979372c4e8 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Mon, 28 Oct 2024 12:19:41 +0100
Subject: [PATCH 03/17] chore: clarify copy to correct spec, mobile cleanup

---
 src/assets/locales/en/common.json    | 14 +++++++-------
 src/containers/hero/index.tsx        |  7 ++++---
 src/containers/navbar/exploreNav.tsx |  8 +++++---
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/assets/locales/en/common.json b/src/assets/locales/en/common.json
index 4c9b2f1a4..c2183ffb7 100644
--- a/src/assets/locales/en/common.json
+++ b/src/assets/locales/en/common.json
@@ -1132,19 +1132,19 @@
   },
   "cta": {
     "create": {
-      "title": "Create your DAO",
-      "description": "Mint tokens, set governance parameters, and deploy your DAO on-chain in minutes with our no-code setup process.",
+      "title": "Create",
+      "description": "Easily deploy a new DAO on Aragon OSx in minutes with our simple, no-code deployment wizard.",
       "actionLabel": "Create a DAO"
     },
     "learn": {
-      "title": "Learn about DAOs",
-      "description": "Explore and learn through our “How-to Guides”, DAO Education, Educational Articles and more!",
+      "title": "Learn",
+      "description": "Master onchain governance with our Resource Library's case studies, guides, and expert insights into Aragon OSx.",
       "actionLabel": "Learn about DAOs"
     },
     "build": {
-      "title": "Build faster",
-      "description": "Build something something on open-source infrastructure with governance plugins.",
-      "actionLabel": "Build custom DAO"
+      "title": "Build",
+      "description": "Take the DIY approach: build Aragon OSx plugins or your own application using our Governance UI Kit and App Template.",
+      "actionLabel": "Build a custom DAO"
     },
     "404": {
       "titleLine1": "Oh no,",
diff --git a/src/containers/hero/index.tsx b/src/containers/hero/index.tsx
index dfc114296..c9415a0bb 100644
--- a/src/containers/hero/index.tsx
+++ b/src/containers/hero/index.tsx
@@ -28,7 +28,8 @@ function Hero() {
 // by lowering the content using the padding-top. Same with factor 12 on
 // desktop.
 const Container = styled.div.attrs({
-  className: 'relative bg-primary-400 xl:pt-24 xl:-mt-24 overflow-hidden',
+  className:
+    'relative bg-primary-400 -mt-20 pt-20 xl:pt-24 xl:-mt-24 overflow-hidden',
 })``;
 
 const Wrapper = styled.div.attrs({
@@ -40,10 +41,10 @@ const ContentWrapper = styled.div.attrs({
 })``;
 
 const Title = styled.h1.attrs({
-  className: 'text-neutral-0  ft-text-4xl xl:text-left',
+  className: 'text-neutral-0  ft-text-5xl',
 })`
   font-family: Sora;
-  letter-spacing: -0.03em;
+  letter-spacing: -2.4%;
 `;
 
 const Subtitle = styled.h3.attrs({
diff --git a/src/containers/navbar/exploreNav.tsx b/src/containers/navbar/exploreNav.tsx
index b9505b4bc..1cfebfd13 100644
--- a/src/containers/navbar/exploreNav.tsx
+++ b/src/containers/navbar/exploreNav.tsx
@@ -49,16 +49,18 @@ const ExploreNav: React.FC = () => {
             <ActionsWrapper>
               {isDesktop ? (
                 <Button
-                  size="lg"
+                  size="md"
+                  responsiveSize={{md: 'lg'}}
                   variant="tertiary"
                   iconRight={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}
                 >
-                  {t('navButtons.giveFeedback')}
+                  {isDesktop && t('navButtons.giveFeedback')}
                 </Button>
               ) : (
                 <Button
-                  size="lg"
+                  size="md"
+                  responsiveSize={{md: 'lg'}}
                   variant="tertiary"
                   iconLeft={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}

From f2a1e5d57733260f16035c6671673cfcbdf55bd9 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Mon, 28 Oct 2024 13:11:13 +0100
Subject: [PATCH 04/17] chore: correct nav button labels

---
 src/assets/locales/en/common.json    | 2 +-
 src/containers/navbar/exploreNav.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/assets/locales/en/common.json b/src/assets/locales/en/common.json
index c2183ffb7..66d058eb2 100644
--- a/src/assets/locales/en/common.json
+++ b/src/assets/locales/en/common.json
@@ -32,7 +32,7 @@
     "subtitle": "Go back to explorer page"
   },
   "navButtons": {
-    "connectWallet": "Connect wallet",
+    "connectWallet": "Connect",
     "giveFeedback": "Give feedback"
   },
   "labels": {
diff --git a/src/containers/navbar/exploreNav.tsx b/src/containers/navbar/exploreNav.tsx
index 1cfebfd13..9340aa49b 100644
--- a/src/containers/navbar/exploreNav.tsx
+++ b/src/containers/navbar/exploreNav.tsx
@@ -55,7 +55,7 @@ const ExploreNav: React.FC = () => {
                   iconRight={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}
                 >
-                  {isDesktop && t('navButtons.giveFeedback')}
+                  {t('navButtons.giveFeedback')}
                 </Button>
               ) : (
                 <Button

From 3d95f51523c08d1e64a6c1fe268c4cc3bdf98e0a Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Mon, 28 Oct 2024 13:19:23 +0100
Subject: [PATCH 05/17] chore: remove empty wrapper

---
 src/containers/hero/index.tsx | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/containers/hero/index.tsx b/src/containers/hero/index.tsx
index c9415a0bb..bb2935fa7 100644
--- a/src/containers/hero/index.tsx
+++ b/src/containers/hero/index.tsx
@@ -6,6 +6,7 @@ import {GridLayout} from 'components/layout';
 
 function Hero() {
   const {t} = useTranslation();
+
   return (
     <Container>
       <StyledImage src={Blueprint} alt="Background Texture" />
@@ -15,18 +16,12 @@ function Hero() {
             <Title>{t('explore.hero.title')}</Title>
             <Subtitle>{t('explore.hero.subtitle1')}</Subtitle>
           </ContentWrapper>
-          <ImageWrapper></ImageWrapper>
         </Wrapper>
       </GridLayout>
     </Container>
   );
 }
 
-// NOTE: "h-[448px] -mt-20 pt-20" is the "simplest" way to achieve a sticky header
-// with a gradient AND a primary 400 background. What it does it is extends the
-// hero by a height of 12, moves it up using the negative margin and compensates
-// by lowering the content using the padding-top. Same with factor 12 on
-// desktop.
 const Container = styled.div.attrs({
   className:
     'relative bg-primary-400 -mt-20 pt-20 xl:pt-24 xl:-mt-24 overflow-hidden',
@@ -52,10 +47,6 @@ const Subtitle = styled.h3.attrs({
     'text-neutral-0 ft-text-lg font-normal leading-[24px] xl:leading-[30px]',
 })``;
 
-const ImageWrapper = styled.div.attrs({
-  className: 'h-full',
-})``;
-
 const StyledImage = styled.img.attrs({
   className: 'absolute top-0 left-0 w-full h-full object-cover',
 })``;

From 56038897e364c15f5b15bcefca91fbe9c08e816b Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Mon, 28 Oct 2024 13:27:21 +0100
Subject: [PATCH 06/17] chore: adjust carousel spacing

---
 src/pages/explore.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index 04913aee1..3081662c9 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -1,7 +1,6 @@
 import React, {useEffect} from 'react';
 import 'react-responsive-carousel/lib/styles/carousel.min.css';
 import styled from 'styled-components';
-
 import {GridLayout} from 'components/layout';
 import Carousel from 'containers/carousel';
 import {DaoExplorer} from 'containers/daoExplorer';
@@ -43,5 +42,5 @@ export const Explore: React.FC = () => {
 
 const ContentWrapper = styled.div.attrs({
   className:
-    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-12 mb-20 xl:mb-20',
+    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-16 mb-12 xl:mb-20',
 })``;

From 6d43ab9679fdbbfae4df1bf7e1c5adc5361d04f9 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Mon, 28 Oct 2024 17:07:15 +0100
Subject: [PATCH 07/17] chore: begin PR convo resolutions

---
 src/components/ctaCard/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ctaCard/index.tsx b/src/components/ctaCard/index.tsx
index 3acf6e5df..6d51201b1 100644
--- a/src/components/ctaCard/index.tsx
+++ b/src/components/ctaCard/index.tsx
@@ -32,6 +32,7 @@ const CTACard: React.FC<Props> = props => {
         size="md"
         disabled={!props.actionAvailable}
         href={props.path}
+        target={props.isPrimary ? '_self' : '_blank'}
         className={`${!isDesktop && 'w-full'}`}
       >
         {props.actionLabel}

From 1bc369f7d00376e41b15de9ab9f80a9adb4b73fd Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Sun, 27 Oct 2024 20:45:54 +0100
Subject: [PATCH 08/17] feat: update explore page -- page size, layout, art,
 typeface

---
 index.html                                 |  2 +-
 public/ipfs-404.html                       |  2 +-
 src/assets/images/blueprintTexture.svg     |  1 +
 src/assets/locales/en/common.json          | 14 ++++---
 src/components/ctaCard/data.ts             |  7 +++-
 src/components/ctaCard/index.tsx           | 14 +++----
 src/components/daoCard/index.tsx           |  2 +-
 src/containers/carousel/index.tsx          |  3 +-
 src/containers/daoExplorer/daoExplorer.tsx |  8 +---
 src/containers/hero/index.tsx              | 45 +++++-----------------
 src/pages/explore.tsx                      |  4 +-
 src/pages/notFound.tsx                     |  2 +-
 src/utils/paths.ts                         |  2 +-
 13 files changed, 40 insertions(+), 66 deletions(-)
 create mode 100644 src/assets/images/blueprintTexture.svg

diff --git a/index.html b/index.html
index 619e09137..25fcd21a9 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
 
     <link href="./styles.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Sora:wght@400&display=swap"
       rel="stylesheet"
     />
 
diff --git a/public/ipfs-404.html b/public/ipfs-404.html
index 9311d743d..d4eab7579 100644
--- a/public/ipfs-404.html
+++ b/public/ipfs-404.html
@@ -29,7 +29,7 @@
 
     <link href="./styles.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Sora:wght@700&display=swap"
       rel="stylesheet"
     />
 
diff --git a/src/assets/images/blueprintTexture.svg b/src/assets/images/blueprintTexture.svg
new file mode 100644
index 000000000..4f5f73b60
--- /dev/null
+++ b/src/assets/images/blueprintTexture.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 355"><path fill-rule="evenodd" clip-rule="evenodd" d="m473.998-411.433 482.418 278.524-59.381 34.284L597.518-271.55l15.56-8.984-.328-.566-15.886 9.172-59.379-34.283 45.576-26.313-.327-.567-45.903 26.503-92.524-53.419-.327.567 92.196 53.23-59.381 34.283-62.504-36.087-.327.567 62.177 35.898-59.378 34.282-32.489-18.757-.327.566 32.162 18.569-59.381 34.283-2.472-1.427-.327.567 2.144 1.238-101.918 58.843.328.567 102.245-59.032 59.379 34.282-59.38 34.283-32.487-18.756-.327.566 32.16 18.568-59.381 34.284-2.471-1.426-.327.566 2.143 1.238-88.508 51.1.327.567 88.836-51.29 59.38 34.284-59.381 34.284-32.487-18.756-.327.566 32.159 18.568-59.378 34.282-23.576-13.611-.327.566 23.248 13.423L34.536 122.054l.328.567L236.658 6.115l59.377 34.281-59.377 34.282L204.17 55.92l-.327.567 32.16 18.568-59.381 34.283-2.469-1.425-.327.566 2.142 1.237-111.415 64.326.327.567 111.742-64.515 59.381 34.284-59.379 34.282-32.488-18.756-.327.566 32.16 18.568-59.38 34.284-2.469-1.426-.327.567 2.142 1.236-21.364 12.335.327.566 21.691-12.523 59.379 34.283-59.381 34.283-32.485-18.755-.328.566 32.159 18.567-59.38 34.283-2.468-1.426-.328.567 2.142 1.236L0 349.956l.327.567 56.227-32.463 179.448 103.605-59.381 34.283-152.553-88.077-.328.567 152.227 87.888-47.52 27.436.327.566 47.847-27.624 119.415 68.943-21.363 12.334.327.567 21.69-12.523 59.38 34.283-51.38 29.665.327.566 51.707-29.853 59.381 34.284-81.397 46.995.327.566 81.724-47.184 59.38 34.283-4.972 2.871.327.567 5.299-3.06 179.45 103.606-3.864 2.23.327.567 4.191-2.42 56.282 32.495.327-.567-55.954-32.305 59.38-34.284 25.112 14.499.327-.567-24.785-14.309 59.379-34.283 65.773 37.974.328-.566-65.446-37.786 59.381-34.284 59.379 34.283-56.592 32.674.328.566 56.919-32.862 59.381 34.284-63.899 36.892.327.567 64.226-37.081 78.08 45.079.33-.567-77.756-44.89 59.376-34.284 48.07 27.748.32-.566-47.73-27.559 59.38-34.283 18.04 10.418.33-.567-17.72-10.229 59.38-34.284 135.34 78.14.33-.567-135.01-77.95 241.68-139.534-.33-.566-181.97 105.062-59.38-34.284L1440 351.187l-.33-.566-122.4 70.666-59.37-34.283 105.46-60.892-.32-.567-105.8 61.081-59.38-34.283 59.38-34.283 18.05 10.419.32-.567-17.72-10.23 120.6-69.626-.33-.566-60.89 35.153-59.38-34.283 22.35-12.904-.32-.566-22.68 13.092-59.38-34.283 59.38-34.282 78.08 45.081.33-.567-77.76-44.892 59.38-34.283 48.07 27.749.32-.567-47.73-27.56 59.38-34.284 18.04 10.419.33-.567-257.85-148.873 71.12-41.062-.33-.567-71.45 41.251-179.445-103.604 29.119-16.812-.327-.566-29.446 17L474.325-412l-.327.567ZM656.897 733.236 477.447 629.63l59.381-34.283 179.449 103.606-59.38 34.283ZM476.793 629.252l-59.379-34.282 59.38-34.284 59.379 34.283-59.38 34.283Zm-60.034-34.66-59.38-34.284 59.38-34.283 59.381 34.284-59.381 34.283Zm-60.035-34.661-59.38-34.284 59.38-34.283 59.381 34.283-59.381 34.284ZM296.69 525.27l-119.414-68.944 59.38-34.283 59.38 34.283-51.38 29.664.327.567 51.708-29.853 59.379 34.282-59.38 34.284ZM116.587 283.4l-59.379 34.282 179.448 103.605 59.379-34.283-59.379-34.282-51.708 29.853-.327-.566 51.38-29.665-59.378-34.282-21.691 12.523-.327-.567 21.363-12.334-59.381-34.284Zm180.102 103.982-59.379 34.283 59.381 34.283 59.379-34.283-59.381-34.283Zm60.035 34.661-59.379 34.283 59.38 34.283 59.379-34.283-59.38-34.283Zm60.034 34.661-59.379 34.282 59.38 34.284 59.379-34.283-59.38-34.283Zm60.034 34.661-59.379 34.282 59.381 34.284 59.379-34.283-59.381-34.283Zm60.035 34.661-59.379 34.283 59.38 34.282 59.379-34.282-59.38-34.283Zm60.034 34.661-59.379 34.282 59.38 34.284 59.379-34.283-59.38-34.283Zm60.035 34.661-59.379 34.282 119.415 68.945 59.379-34.283-119.415-68.944Zm120.069 68.566-59.381-34.284 59.381-34.283 59.381 34.284-59.381 34.283Zm-60.036-34.661L657.55 594.97l59.381-34.284 59.379 34.283-59.381 34.284Zm-60.033-34.661-59.38-34.283 59.381-34.284 59.38 34.283-59.381 34.284Zm-60.035-34.661-59.379-34.283 59.381-34.283 59.379 34.282-59.381 34.284Zm-60.034-34.66-59.38-34.284 59.381-34.284 59.38 34.284-59.381 34.284Zm-60.035-34.662-59.38-34.283 59.381-34.284 59.38 34.284-59.381 34.283Zm-60.034-34.661-59.38-34.283 59.381-34.283 59.38 34.283-59.381 34.283Zm-60.034-34.66-59.38-34.284 59.381-34.283 59.38 34.283-59.381 34.284Zm-60.035-34.661-59.379-34.283 59.381-34.284 59.379 34.283-59.381 34.284Zm-60.033-34.661-59.379-34.282 59.381-34.284 59.379 34.282-59.381 34.284Zm-60.033-34.66-59.382-34.284 59.381-34.284 59.382 34.284-59.381 34.284Zm.001-137.889-59.38 34.283 59.378 34.283 59.381-34.283-59.379-34.283Zm60.033 34.66-59.38 34.284 59.381 34.283 59.38-34.283-59.381-34.284Zm60.036 34.662-59.381 34.283 59.379 34.283 59.38-34.284-59.378-34.282Zm60.033 34.66-59.38 34.283 59.379 34.283 59.38-34.283-59.379-34.283Zm60.034 34.661-59.381 34.283 59.38 34.283 59.381-34.283-59.38-34.283Zm60.034 34.661-59.38 34.283 59.379 34.283 59.381-34.284-59.38-34.282Zm60.034 34.66-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.035 34.661-59.381 34.284 59.381 34.283 59.38-34.283-59.38-34.284Zm60.034 34.661-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.034 34.661-59.38 34.283 59.38 34.284 59.381-34.284-59.381-34.283Zm60.035 34.661-59.38 34.283 59.379 34.283 59.38-34.283-59.379-34.283ZM837 560.685l-59.381 34.284L837 629.253l59.381-34.284L837 560.685Zm60.035 34.662-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.035 34.661-59.381 34.283 59.381 34.284 59.38-34.283-59.38-34.284Zm60.03 33.906-59.376-34.284 59.376-34.283 59.38 34.284-59.38 34.283Zm-60.031-34.662-59.379-34.283 59.379-34.282 59.381 34.282-59.381 34.283Zm-60.034-34.66-59.381-34.284 59.379-34.283 59.382 34.284-59.38 34.283Zm-60.036-34.662-59.379-34.283L837 491.364l59.379 34.283-59.38 34.283Zm-60.033-34.661-59.38-34.283 59.379-34.283 59.381 34.284-59.38 34.282Zm-60.035-34.661-59.379-34.282 59.379-34.283 59.38 34.283-59.38 34.282Zm-60.033-34.66-59.381-34.284 59.38-34.282 59.38 34.283-59.379 34.283Zm-60.035-34.661-59.381-34.284 59.38-34.282 59.38 34.283-59.379 34.283Zm-60.035-34.661-59.379-34.283 59.379-34.283 59.38 34.283-59.38 34.283Zm-60.034-34.661-59.38-34.283 59.38-34.283 59.38 34.283-59.38 34.283Zm-60.035-34.661-59.379-34.283 59.38-34.283 59.379 34.283-59.38 34.283Zm-60.033-34.661-59.379-34.282 59.38-34.283 59.378 34.283-59.379 34.282Zm-60.033-34.66L237.312 213.7l59.379-34.283 59.381 34.284-59.379 34.282Zm-60.036-34.661-59.379-34.283 59.38-34.283 59.379 34.283-59.38 34.283Zm.001-137.889-59.381 34.284 59.381 34.284 59.381-34.284-59.381-34.284Zm60.035 34.662-59.381 34.284 59.379 34.282 59.381-34.283-59.379-34.283Zm60.033 34.66-59.381 34.284 59.382 34.284 59.381-34.284-59.382-34.284Zm60.036 34.662-59.381 34.284 59.379 34.282 59.381-34.284-59.379-34.282Zm60.033 34.66-59.381 34.284 59.379 34.282 59.381-34.283-59.379-34.283Zm60.034 34.661-59.381 34.283 59.38 34.283 59.381-34.283-59.38-34.283Zm60.034 34.661-59.381 34.283 59.38 34.283 59.381-34.284-59.38-34.282Zm60.034 34.66-59.381 34.284 59.381 34.283 59.38-34.284-59.38-34.283Zm60.035 34.661-59.381 34.284 59.381 34.283 59.38-34.283-59.38-34.284Zm60.035 34.661-59.381 34.284 59.379 34.283 59.381-34.284-59.379-34.283Zm60.034 34.661-59.381 34.284L837 490.609l59.381-34.284-59.38-34.283Zm60.034 34.661-59.381 34.284 59.379 34.282 59.381-34.283-59.379-34.283Zm60.034 34.66-59.381 34.284 59.381 34.284 59.381-34.284-59.381-34.284Zm60.031 34.662-59.376 34.284 59.376 34.283 59.38-34.284-59.38-34.283Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.283-59.38-34.284Zm60.03 33.906-59.38-34.284 59.38-34.282 59.38 34.284-59.38 34.282Zm-60.03-34.662-59.38-34.283 59.38-34.282 59.38 34.283-59.38 34.282Zm-60.04-34.661-59.377-34.283 59.377-34.282 59.38 34.283-59.38 34.282Zm-60.031-34.661-59.379-34.283 59.378-34.282 59.382 34.283-59.381 34.282Zm-60.034-34.661-59.38-34.283 59.378-34.282 59.38 34.283-59.378 34.282Zm-60.034-34.661-59.38-34.282 59.378-34.282 59.379 34.283-59.377 34.281Zm-60.034-34.66-59.381-34.284 59.378-34.281 59.381 34.283-59.378 34.282Zm-60.035-34.661-59.38-34.284 59.377-34.281 59.381 34.283-59.378 34.282Zm-60.035-34.661-59.379-34.283 59.378-34.282 59.379 34.283-59.378 34.282Zm-60.034-34.661-59.38-34.283 59.378-34.282 59.38 34.283-59.378 34.282Zm-60.034-34.661-59.38-34.283 59.378-34.281 59.379 34.282-59.377 34.282Zm-60.034-34.661-59.379-34.282 59.378-34.282 59.379 34.283-59.378 34.281Zm-60.033-34.66-59.381-34.283 59.377-34.282 59.382 34.284-59.378 34.281ZM356.726 144l-59.379-34.283 59.378-34.281 59.379 34.282L356.726 144Zm-60.033-34.661-59.381-34.283 59.377-34.282 59.381 34.284-59.377 34.281Zm-.002-137.885L237.312 5.737l59.377 34.281 59.379-34.282-59.377-34.281Zm60.032 34.66-59.379 34.282 59.381 34.284 59.379-34.283-59.381-34.283Zm60.035 34.661-59.379 34.283 59.379 34.282 59.379-34.282-59.379-34.283Zm60.033 34.66-59.378 34.283 59.381 34.284 59.379-34.283-59.382-34.283Zm60.036 34.662-59.379 34.283 59.379 34.282 59.379-34.282-59.379-34.283Zm60.033 34.66-59.379 34.283 59.38 34.282 59.378-34.282-59.379-34.283Zm60.034 34.661L597.515 213.7l59.38 34.283 59.379-34.282-59.38-34.283Zm60.034 34.661-59.378 34.282 59.379 34.283 59.379-34.282-59.38-34.283Zm60.034 34.661-59.378 34.282 59.38 34.283 59.378-34.282-59.38-34.283Zm60.035 34.661-59.379 34.282 59.381 34.283 59.378-34.282-59.38-34.283Zm60.035 34.661-59.379 34.282 59.38 34.283 59.378-34.282-59.379-34.283Zm60.034 34.66-59.379 34.283 59.381 34.283 59.382-34.282-59.384-34.284Zm60.034 34.661-59.378 34.283 59.378 34.282 59.38-34.282-59.38-34.283Zm60.03 34.661-59.37 34.282 59.38 34.284 59.37-34.282-59.38-34.284Zm60.04 34.662-59.38 34.282 59.38 34.282 59.38-34.282-59.38-34.282Zm60.03 33.905-59.38-34.283 119.42-68.946 59.38 34.283-119.42 68.946Zm-60.03-34.661-59.38-34.284 59.38-34.284 59.38 34.284-59.38 34.284Zm-60.04-34.662-59.38-34.282 59.39-34.284 59.37 34.282-59.38 34.284Zm-60.03-34.66-59.38-34.283 59.38-34.284 59.38 34.283-59.38 34.284Zm-60.034-34.661-59.38-34.283 59.382-34.284 59.382 34.283-59.384 34.284Zm-60.034-34.661-59.381-34.283 59.381-34.284 59.381 34.283-59.381 34.284Zm-60.035-34.661-59.38-34.283 59.381-34.284 59.38 34.283-59.381 34.284Zm-60.035-34.661-59.379-34.283 59.381-34.284 59.38 34.283-59.382 34.284Zm-60.034-34.661-59.38-34.283 59.382-34.284 59.38 34.283-59.382 34.284Zm-60.034-34.661-59.38-34.282 59.382-34.284 59.379 34.282-59.381 34.284Zm-60.034-34.66-59.379-34.283 59.382-34.283 59.378 34.282-59.381 34.284Zm-60.033-34.66-59.381-34.284 59.381-34.284 59.381 34.284-59.381 34.284ZM476.791 74.68l-59.379-34.283 59.382-34.283 59.379 34.282-59.382 34.284Zm-60.033-34.66L357.377 5.736l59.381-34.284 59.381 34.284-59.381 34.284ZM356.723 5.358l-59.378-34.281 59.382-34.284 59.377 34.281-59.381 34.284Zm.004-137.888-59.381 34.284 59.381 34.283 59.381-34.284-59.381-34.283Zm60.035 34.661-59.381 34.284 59.377 34.282 59.382-34.284-59.378-34.282Zm60.032 34.66-59.381 34.283 59.381 34.284 59.381-34.284-59.381-34.284Zm60.035 34.66L477.448 5.737l59.379 34.282 59.381-34.284-59.379-34.282Zm60.034 34.661-59.382 34.284 59.382 34.284 59.381-34.284-59.381-34.284Zm60.035 34.662-59.381 34.284 59.379 34.282 59.381-34.284-59.379-34.282Zm60.033 34.66-59.381 34.284 59.379 34.283 59.382-34.284-59.38-34.283Zm60.034 34.661-59.381 34.283 59.38 34.284 59.381-34.284-59.38-34.283ZM837 144.756l-59.382 34.283 59.38 34.283 59.381-34.284L837 144.756Zm60.034 34.66L837.652 213.7l59.381 34.283 59.381-34.284-59.38-34.283Zm60.034 34.661-59.381 34.284 59.381 34.283 59.382-34.283-59.382-34.284Zm60.032 34.661-59.378 34.284 59.378 34.283 59.38-34.284-59.38-34.283Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.03 34.661-59.38 34.284 59.38 34.282 59.38-34.283-59.38-34.283Zm60.03 34.66-59.38 34.284 59.39 34.284 59.38-34.284-59.39-34.284Zm0-.755-59.37-34.283 59.38-34.283 59.37 34.283-59.38 34.283Zm-60.03-34.661-59.38-34.283 59.38-34.282 59.38 34.283-59.38 34.282Zm-60.03-34.661-59.38-34.282 59.38-34.283 59.38 34.283-59.38 34.282Zm-60.04-34.66-59.377-34.284 59.377-34.282 59.38 34.283-59.38 34.283Zm-60.032-34.661-59.38-34.284 59.379-34.282 59.383 34.283-59.382 34.283Zm-60.034-34.661-59.38-34.283 59.38-34.283 59.379 34.283-59.379 34.283ZM837 144l-59.38-34.283 59.379-34.283 59.38 34.283L837 144Zm-60.035-34.661-59.379-34.283 59.379-34.282 59.38 34.282-59.38 34.283Zm-60.034-34.66-59.378-34.283 59.379-34.283 59.379 34.283-59.38 34.282Zm-60.033-34.66L597.517 5.733l59.38-34.282 59.381 34.284-59.38 34.282ZM596.863 5.356l-59.379-34.283 59.379-34.283 59.379 34.283-59.379 34.283Zm-60.034-34.66-59.381-34.284 59.38-34.283 59.381 34.284-59.38 34.282Zm-60.035-34.662-59.377-34.282 59.379-34.282 59.377 34.281-59.379 34.283Zm-60.032-34.66-59.38-34.283 59.379-34.283 59.381 34.284-59.38 34.283Zm.001-137.887-59.381 34.283 59.379 34.283 59.381-34.284-59.379-34.282Zm60.033 34.66-59.381 34.283 59.381 34.284 59.381-34.284-59.381-34.283Zm60.035 34.661-59.38 34.284 59.377 34.281 59.38-34.283-59.377-34.282Zm60.032 34.659-59.381 34.284 59.381 34.284 59.381-34.284-59.381-34.284Zm60.035 34.662-59.38 34.284 59.379 34.282 59.38-34.283-59.379-34.283Zm60.034 34.66-59.381 34.284 59.381 34.284 59.381-34.284-59.381-34.284Zm60.035 34.662-59.38 34.284 59.378 34.282 59.381-34.284-59.379-34.282ZM837 6.112l-59.38 34.284 59.379 34.282 59.381-34.283L837 6.112Zm60.034 34.66-59.381 34.284 59.381 34.283 59.38-34.283-59.38-34.283Zm60.035 34.662-59.381 34.283L957.068 144l59.382-34.284-59.381-34.282Zm60.031 34.66-59.378 34.284 59.378 34.283 59.38-34.284-59.38-34.283Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.283-59.38-34.284Zm60.03 34.662-59.38 34.283 59.38 34.283 59.38-34.284-59.38-34.282Zm60.04 34.66-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.03 34.661-59.38 34.284 59.38 34.282 59.38-34.283-59.38-34.283Zm-60.03-35.417-59.38-34.282 59.37-34.282 59.38 34.282-59.37 34.282Zm-60.04-34.66-59.38-34.284 59.38-34.282 59.38 34.284-59.38 34.282ZM1077.14 144l-59.38-34.284 59.38-34.282 59.38 34.284L1077.14 144Zm-60.04-34.661-59.377-34.283 59.377-34.282 59.38 34.282-59.38 34.283Zm-60.031-34.661-59.38-34.283 59.378-34.282 59.383 34.283-59.381 34.282Zm-60.035-34.661L837.655 5.734l59.378-34.282 59.379 34.283-59.378 34.282ZM837 5.357l-59.378-34.283L837-63.208l59.379 34.282L837 5.356Zm-60.033-34.66-59.381-34.284 59.378-34.282 59.382 34.283-59.379 34.282Zm-60.035-34.662-59.379-34.283 45.576-26.314-.327-.566-45.904 26.502-59.381-34.283 59.378-34.282L776.31-98.247l-59.378 34.282Zm-120.069-69.322-59.377-34.282 59.378-34.282 59.377 34.282-59.378 34.282Zm-60.032-34.66-59.38-34.283 59.378-34.282 59.38 34.283-59.378 34.282Zm-60.035-34.661-59.379-34.282 59.378-34.282 59.379 34.282-59.378 34.282Zm60.034-103.226-59.38 34.284 59.379 34.282 59.38-34.283-59.379-34.283Zm60.034 34.661-59.381 34.283 59.381 34.284 45.904-26.503.327.567-45.577 26.313 59.378 34.282 15.888-9.173.327.567-15.561 8.984 119.414 68.944 34.588-19.969.327.567-34.26 19.78L837-63.964l59.381-34.283-299.517-172.926ZM897.035-97.869l-59.381 34.283 59.379 34.283 59.381-34.284-59.379-34.282Zm60.033 34.66-59.38 34.283 59.379 34.283 59.383-34.283-59.382-34.283Zm60.032 34.66L957.721 5.735l59.379 34.283 59.38-34.283-59.38-34.284Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283Zm60.03 34.661-59.38 34.283 59.38 34.284 59.38-34.284-59.38-34.283Zm60.03 34.661-59.38 34.284 59.38 34.283 59.39-34.283-59.39-34.284Zm60.04 34.661-59.38 34.284 59.38 34.283 59.38-34.284-59.38-34.283ZM1317.27 144l-59.38-34.282 5.16-2.979-.32-.567-5.49 3.168-59.38-34.284 25.98-15-.33-.566-26.31 15.188-59.82-34.542-.11-.178-.1.06-59.38-34.283 59.38-34.284 239.49 138.265L1317.27 144ZM1077.14 5.357l-59.38-34.283.92-.532-.33-.567-1.25.72-59.377-34.282 59.137-34.143-.24-.422 119.9 69.225-59.38 34.284ZM957.068-63.965l-59.379-34.282 59.382-34.284 59.379 34.282-59.382 34.284Z" fill="url(#a)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 437.541 -534.636 0 776.781 121.319)"><stop stop-color="#93B2FF"/><stop offset="1" stop-color="#93B2FF" stop-opacity="0"/></radialGradient></defs></svg>
\ No newline at end of file
diff --git a/src/assets/locales/en/common.json b/src/assets/locales/en/common.json
index bbead2169..4c9b2f1a4 100644
--- a/src/assets/locales/en/common.json
+++ b/src/assets/locales/en/common.json
@@ -1010,8 +1010,8 @@
   },
   "explore": {
     "hero": {
-      "title": "Explore the DAO World",
-      "subtitle1": "Build your DAO, explore communities, and find inspiration for your project all in one place."
+      "title": "Governed on Aragon",
+      "subtitle1": "Explore the organizations using our modular governance stack to secure their onchain governance."
     },
     "explorer": {
       "title": "Explore DAOs",
@@ -1038,6 +1038,10 @@
       "linkLabel": "Learn about DAOs",
       "linkURL": "https://aragon.org/education-portal"
     },
+    "build": {
+      "linkLabel": "Build faster",
+      "linkURL": "https://docs.aragon.org"
+    },
     "toggleFilter": {
       "Favourites": "Following",
       "allDAOs": "All DAOs ",
@@ -1134,13 +1138,13 @@
     },
     "learn": {
       "title": "Learn about DAOs",
-      "description": "Find inspiration and learn about DAOs in our education portal designed for builders at every stage of the journey.",
+      "description": "Explore and learn through our “How-to Guides”, DAO Education, Educational Articles and more!",
       "actionLabel": "Learn about DAOs"
     },
     "build": {
       "title": "Build faster",
-      "description": "Use our governance plugins to build a DAO, dApp, or anything you can imagine on the Aragon OSx protocol.",
-      "actionLabel": "Coming soon"
+      "description": "Build something something on open-source infrastructure with governance plugins.",
+      "actionLabel": "Build custom DAO"
     },
     "404": {
       "titleLine1": "Oh no,",
diff --git a/src/components/ctaCard/data.ts b/src/components/ctaCard/data.ts
index 4596c829e..83b2bd791 100644
--- a/src/components/ctaCard/data.ts
+++ b/src/components/ctaCard/data.ts
@@ -14,6 +14,7 @@ const CTACards = [
     imgSrc: createDaoImg,
     subtitle: i18n.t('cta.create.description'),
     title: i18n.t('cta.create.title'),
+    isPrimary: true,
   },
   {
     actionAvailable: true,
@@ -22,14 +23,16 @@ const CTACards = [
     imgSrc: learnImg,
     subtitle: i18n.t('cta.learn.description'),
     title: i18n.t('cta.learn.title'),
+    isPrimary: false,
   },
   {
-    actionAvailable: false,
+    actionAvailable: true,
     actionLabel: i18n.t('cta.build.actionLabel'),
-    path: '',
+    path: i18n.t('explore.build.linkURL'),
     imgSrc: buildFaster,
     subtitle: i18n.t('cta.build.description'),
     title: i18n.t('cta.build.title'),
+    isPrimary: false,
   },
 ];
 
diff --git a/src/components/ctaCard/index.tsx b/src/components/ctaCard/index.tsx
index 0724c4899..3acf6e5df 100644
--- a/src/components/ctaCard/index.tsx
+++ b/src/components/ctaCard/index.tsx
@@ -13,6 +13,7 @@ type Props = {
   onClick: (path: string) => void;
   subtitle: string;
   title: string;
+  isPrimary: boolean;
 };
 
 const CTACard: React.FC<Props> = props => {
@@ -27,10 +28,10 @@ const CTACard: React.FC<Props> = props => {
       </Content>
 
       <Button
-        variant={props.actionAvailable ? 'primary' : 'tertiary'}
-        size="lg"
+        variant={props.isPrimary ? 'primary' : 'secondary'}
+        size="md"
         disabled={!props.actionAvailable}
-        onClick={() => props.onClick(props.path)}
+        href={props.path}
         className={`${!isDesktop && 'w-full'}`}
       >
         {props.actionLabel}
@@ -43,11 +44,8 @@ export default CTACard;
 
 const CTACardWrapper = styled.div.attrs({
   className:
-    'flex flex-col xl:items-start items-center p-6 space-y-6 rounded-xl relative xl:m-0 mb-6 mx-2' as string,
-})`
-  background: rgba(255, 255, 255, 0.68);
-  backdrop-filter: blur(50px);
-`;
+    'bg-neutral-0 flex flex-col xl:items-start items-center p-6 space-y-6 rounded-xl relative xl:m-0 mb-6 mx-2 shadow-neutral',
+})``;
 
 const Content = styled.div.attrs({
   className: 'flex xl:items-start items-center flex-col xl:m-0 mb-6',
diff --git a/src/components/daoCard/index.tsx b/src/components/daoCard/index.tsx
index 0d63afada..fa8f2362e 100644
--- a/src/components/daoCard/index.tsx
+++ b/src/components/daoCard/index.tsx
@@ -69,7 +69,7 @@ export const DaoCard = (props: IDaoCardProps) => {
 
 const Container = styled.a.attrs({
   className: `p-4 xl:p-6 w-full flex flex-col space-y-6
-    box-border border border-neutral-0
+    box-border border border-neutral-100
     focus:outline-none focus:ring focus:ring-primary
     hover:border-neutral-100 active:border-200
     bg-neutral-0 rounded-xl cursor-pointer
diff --git a/src/containers/carousel/index.tsx b/src/containers/carousel/index.tsx
index 548b64948..156dfe6fe 100644
--- a/src/containers/carousel/index.tsx
+++ b/src/containers/carousel/index.tsx
@@ -112,8 +112,7 @@ const Carousel: React.FC = () => {
 };
 
 const DesktopCTA = styled.div.attrs({
-  className:
-    'relative flex xl:flex-row flex-col mb-8 space-x-6 max-w-fit -mt-32',
+  className: 'relative flex xl:flex-row flex-col space-x-6 max-w-fit',
 })``;
 
 const MobileCTA = styled.div.attrs({
diff --git a/src/containers/daoExplorer/daoExplorer.tsx b/src/containers/daoExplorer/daoExplorer.tsx
index c345633f4..b72ea917f 100644
--- a/src/containers/daoExplorer/daoExplorer.tsx
+++ b/src/containers/daoExplorer/daoExplorer.tsx
@@ -56,6 +56,7 @@ export const DaoExplorer = () => {
 
   const newDaosResult = useDaos(
     {
+      take: 12,
       direction: OrderDirection.DESC,
       orderBy: filters.order,
       ...(filters.pluginNames?.length !== 0 && {
@@ -138,7 +139,6 @@ export const DaoExplorer = () => {
   return (
     <Container>
       <MainContainer>
-        <Title>{t('explore.explorer.title')}</Title>
         <FilterGroupContainer>
           <ToggleGroup
             isMultiSelect={false}
@@ -305,12 +305,8 @@ const CardsWrapper = styled.div.attrs({
   className: 'grid grid-cols-1 gap-3 xl:grid-cols-2 xl:gap-6',
 })``;
 
-const Title = styled.p.attrs({
-  className: 'font-semibold ft-text-xl text-neutral-800',
-})``;
-
 const FilterGroupContainer = styled.div.attrs({
-  className: 'flex justify-between space-x-3',
+  className: 'flex justify-between space-x-3 mt-12',
 })``;
 
 const ButtonGroupContainer = styled.div.attrs({
diff --git a/src/containers/hero/index.tsx b/src/containers/hero/index.tsx
index 488690119..8f56a4d10 100644
--- a/src/containers/hero/index.tsx
+++ b/src/containers/hero/index.tsx
@@ -1,8 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import Logo from 'assets/images/coloredLogo.svg';
-import Green from 'assets/images/circleGreenGradient.svg';
-import Purple from 'assets/images/purpleGradient.svg';
+import Blueprint from 'assets/images/blueprintTexture.svg';
 import {useTranslation} from 'react-i18next';
 import {GridLayout} from 'components/layout';
 
@@ -10,21 +8,14 @@ function Hero() {
   const {t} = useTranslation();
   return (
     <Container>
+      <StyledImage src={Blueprint} alt="Background Texture" />
       <GridLayout>
         <Wrapper>
           <ContentWrapper>
             <Title>{t('explore.hero.title')}</Title>
             <Subtitle>{t('explore.hero.subtitle1')}</Subtitle>
           </ContentWrapper>
-          <ImageWrapper>
-            <StyledImage src={Logo} />
-          </ImageWrapper>
-          <GradientContainer>
-            <GradientWrapper>
-              <GradientGreen src={Green} />
-              <GradientPurple src={Purple} />
-            </GradientWrapper>
-          </GradientContainer>
+          <ImageWrapper></ImageWrapper>
         </Wrapper>
       </GridLayout>
     </Container>
@@ -37,24 +28,22 @@ function Hero() {
 // by lowering the content using the padding-top. Same with factor 12 on
 // desktop.
 const Container = styled.div.attrs({
-  className:
-    'bg-primary-400 h-[448px] -mt-20 pt-20  xl:h-[536px] xl:pt-24 xl:-mt-24 overflow-hidden',
+  className: 'relative bg-primary-400 xl:pt-24 xl:-mt-24 overflow-hidden',
 })``;
 
 const Wrapper = styled.div.attrs({
   className:
-    'flex justify-center xl:justify-between col-span-full xl:col-start-2 xl:col-end-12 relative',
+    'flex justify-center xl:justify-between relative w-full col-start-2 col-end-12',
 })``;
 
 const ContentWrapper = styled.div.attrs({
-  className: 'xl:space-y-1.5 space-y-2 max-w-lg pt-9 xl:pt-20',
+  className: 'flex flex-col space-y-4 py-16 max-w-[720px]',
 })``;
 
 const Title = styled.h1.attrs({
-  className:
-    'text-neutral-0 font-semibold ft-text-5xl xl:text-left text-center xl:leading-[60px] leading-[38px]',
+  className: 'text-neutral-0  ft-text-4xl xl:text-left',
 })`
-  font-family: Syne;
+  font-family: Sora;
   letter-spacing: -0.03em;
 `;
 
@@ -68,23 +57,7 @@ const ImageWrapper = styled.div.attrs({
 })``;
 
 const StyledImage = styled.img.attrs({
-  className: 'w-[568px] hidden xl:block',
-})``;
-
-const GradientContainer = styled.div.attrs({
-  className: 'absolute top-64 xl:top-40 right-0 w-[568px]',
-})``;
-
-const GradientWrapper = styled.div.attrs({
-  className: 'relative w-full h-full',
-})``;
-
-const GradientGreen = styled.img.attrs({
-  className: 'h-80 absolute xl:-left-28 xl:-top-40 -top-[152px] left-28',
-})``;
-
-const GradientPurple = styled.img.attrs({
-  className: 'xl:h-80 h-60 absolute xl:-right-40 xl:top-10 -right-10 -top-12',
+  className: 'absolute top-0 left-0 w-full h-full object-cover',
 })``;
 
 export default Hero;
diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index 9cc139103..04913aee1 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -31,8 +31,8 @@ export const Explore: React.FC = () => {
       <Hero />
       <GridLayout>
         <ContentWrapper>
-          <Carousel />
           <DaoExplorer />
+          <Carousel />
         </ContentWrapper>
       </GridLayout>
     </>
@@ -43,5 +43,5 @@ export const Explore: React.FC = () => {
 
 const ContentWrapper = styled.div.attrs({
   className:
-    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-[72px] mb-10 xl:mb-20 pb-10',
+    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-12 mb-20 xl:mb-20',
 })``;
diff --git a/src/pages/notFound.tsx b/src/pages/notFound.tsx
index b84d94d0c..fcc78758b 100644
--- a/src/pages/notFound.tsx
+++ b/src/pages/notFound.tsx
@@ -91,7 +91,7 @@ const Wrapper = styled.div.attrs({
 const Title = styled.h1.attrs({
   className: 'font-semibold text-primary-500 text-center xl:text-left',
 })`
-  font-family: Syne;
+  font-family: Sora;
   line-height: 120%;
   font-size: 34px;
 
diff --git a/src/utils/paths.ts b/src/utils/paths.ts
index 97c050e6e..acb21bd92 100644
--- a/src/utils/paths.ts
+++ b/src/utils/paths.ts
@@ -1,6 +1,6 @@
 /* TOP LEVEL PAGES ========================================================== */
 export const Landing = '/';
-export const CreateDAO = '/create';
+export const CreateDAO = '/#/create';
 export const NotFound = '/not-found';
 
 /* DAO-SPECIFIC PAGES ======================================================= */

From 073bdbb05be29fe4e7cb17d4a4a40ae4e5a3cd3e Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Sun, 27 Oct 2024 21:02:09 +0100
Subject: [PATCH 09/17] chore: clean up typeface usage, alignment

---
 index.html                    | 4 ++++
 public/ipfs-404.html          | 2 +-
 src/containers/hero/index.tsx | 5 ++---
 src/pages/notFound.tsx        | 2 +-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 25fcd21a9..0a8cef947 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,10 @@
       href="https://fonts.googleapis.com/css2?family=Sora:wght@400&display=swap"
       rel="stylesheet"
     />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap"
+      rel="stylesheet"
+    />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
diff --git a/public/ipfs-404.html b/public/ipfs-404.html
index d4eab7579..9311d743d 100644
--- a/public/ipfs-404.html
+++ b/public/ipfs-404.html
@@ -29,7 +29,7 @@
 
     <link href="./styles.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css2?family=Sora:wght@700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap"
       rel="stylesheet"
     />
 
diff --git a/src/containers/hero/index.tsx b/src/containers/hero/index.tsx
index 8f56a4d10..dfc114296 100644
--- a/src/containers/hero/index.tsx
+++ b/src/containers/hero/index.tsx
@@ -32,8 +32,7 @@ const Container = styled.div.attrs({
 })``;
 
 const Wrapper = styled.div.attrs({
-  className:
-    'flex justify-center xl:justify-between relative w-full col-start-2 col-end-12',
+  className: 'flex relative w-full col-start-1 xl:col-start-2 col-end-12',
 })``;
 
 const ContentWrapper = styled.div.attrs({
@@ -49,7 +48,7 @@ const Title = styled.h1.attrs({
 
 const Subtitle = styled.h3.attrs({
   className:
-    'text-neutral-0 ft-text-lg font-normal text-center xl:text-left leading-[24px] xl:leading-[30px]',
+    'text-neutral-0 ft-text-lg font-normal leading-[24px] xl:leading-[30px]',
 })``;
 
 const ImageWrapper = styled.div.attrs({
diff --git a/src/pages/notFound.tsx b/src/pages/notFound.tsx
index fcc78758b..b84d94d0c 100644
--- a/src/pages/notFound.tsx
+++ b/src/pages/notFound.tsx
@@ -91,7 +91,7 @@ const Wrapper = styled.div.attrs({
 const Title = styled.h1.attrs({
   className: 'font-semibold text-primary-500 text-center xl:text-left',
 })`
-  font-family: Sora;
+  font-family: Syne;
   line-height: 120%;
   font-size: 34px;
 

From fffa297428f7d2a44fbdd0a65fb95f916928f686 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Mon, 28 Oct 2024 12:19:41 +0100
Subject: [PATCH 10/17] chore: clarify copy to correct spec, mobile cleanup

---
 src/assets/locales/en/common.json    | 14 +++++++-------
 src/containers/hero/index.tsx        |  7 ++++---
 src/containers/navbar/exploreNav.tsx |  8 +++++---
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/assets/locales/en/common.json b/src/assets/locales/en/common.json
index 4c9b2f1a4..c2183ffb7 100644
--- a/src/assets/locales/en/common.json
+++ b/src/assets/locales/en/common.json
@@ -1132,19 +1132,19 @@
   },
   "cta": {
     "create": {
-      "title": "Create your DAO",
-      "description": "Mint tokens, set governance parameters, and deploy your DAO on-chain in minutes with our no-code setup process.",
+      "title": "Create",
+      "description": "Easily deploy a new DAO on Aragon OSx in minutes with our simple, no-code deployment wizard.",
       "actionLabel": "Create a DAO"
     },
     "learn": {
-      "title": "Learn about DAOs",
-      "description": "Explore and learn through our “How-to Guides”, DAO Education, Educational Articles and more!",
+      "title": "Learn",
+      "description": "Master onchain governance with our Resource Library's case studies, guides, and expert insights into Aragon OSx.",
       "actionLabel": "Learn about DAOs"
     },
     "build": {
-      "title": "Build faster",
-      "description": "Build something something on open-source infrastructure with governance plugins.",
-      "actionLabel": "Build custom DAO"
+      "title": "Build",
+      "description": "Take the DIY approach: build Aragon OSx plugins or your own application using our Governance UI Kit and App Template.",
+      "actionLabel": "Build a custom DAO"
     },
     "404": {
       "titleLine1": "Oh no,",
diff --git a/src/containers/hero/index.tsx b/src/containers/hero/index.tsx
index dfc114296..c9415a0bb 100644
--- a/src/containers/hero/index.tsx
+++ b/src/containers/hero/index.tsx
@@ -28,7 +28,8 @@ function Hero() {
 // by lowering the content using the padding-top. Same with factor 12 on
 // desktop.
 const Container = styled.div.attrs({
-  className: 'relative bg-primary-400 xl:pt-24 xl:-mt-24 overflow-hidden',
+  className:
+    'relative bg-primary-400 -mt-20 pt-20 xl:pt-24 xl:-mt-24 overflow-hidden',
 })``;
 
 const Wrapper = styled.div.attrs({
@@ -40,10 +41,10 @@ const ContentWrapper = styled.div.attrs({
 })``;
 
 const Title = styled.h1.attrs({
-  className: 'text-neutral-0  ft-text-4xl xl:text-left',
+  className: 'text-neutral-0  ft-text-5xl',
 })`
   font-family: Sora;
-  letter-spacing: -0.03em;
+  letter-spacing: -2.4%;
 `;
 
 const Subtitle = styled.h3.attrs({
diff --git a/src/containers/navbar/exploreNav.tsx b/src/containers/navbar/exploreNav.tsx
index b9505b4bc..1cfebfd13 100644
--- a/src/containers/navbar/exploreNav.tsx
+++ b/src/containers/navbar/exploreNav.tsx
@@ -49,16 +49,18 @@ const ExploreNav: React.FC = () => {
             <ActionsWrapper>
               {isDesktop ? (
                 <Button
-                  size="lg"
+                  size="md"
+                  responsiveSize={{md: 'lg'}}
                   variant="tertiary"
                   iconRight={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}
                 >
-                  {t('navButtons.giveFeedback')}
+                  {isDesktop && t('navButtons.giveFeedback')}
                 </Button>
               ) : (
                 <Button
-                  size="lg"
+                  size="md"
+                  responsiveSize={{md: 'lg'}}
                   variant="tertiary"
                   iconLeft={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}

From 1504580fc32b00f45ed4facd0f08e367dbc76ba4 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Mon, 28 Oct 2024 13:11:13 +0100
Subject: [PATCH 11/17] chore: correct nav button labels

---
 src/assets/locales/en/common.json    | 2 +-
 src/containers/navbar/exploreNav.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/assets/locales/en/common.json b/src/assets/locales/en/common.json
index c2183ffb7..66d058eb2 100644
--- a/src/assets/locales/en/common.json
+++ b/src/assets/locales/en/common.json
@@ -32,7 +32,7 @@
     "subtitle": "Go back to explorer page"
   },
   "navButtons": {
-    "connectWallet": "Connect wallet",
+    "connectWallet": "Connect",
     "giveFeedback": "Give feedback"
   },
   "labels": {
diff --git a/src/containers/navbar/exploreNav.tsx b/src/containers/navbar/exploreNav.tsx
index 1cfebfd13..9340aa49b 100644
--- a/src/containers/navbar/exploreNav.tsx
+++ b/src/containers/navbar/exploreNav.tsx
@@ -55,7 +55,7 @@ const ExploreNav: React.FC = () => {
                   iconRight={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}
                 >
-                  {isDesktop && t('navButtons.giveFeedback')}
+                  {t('navButtons.giveFeedback')}
                 </Button>
               ) : (
                 <Button

From 8d8759da01833f51222614442bdd0a7615039128 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Mon, 28 Oct 2024 13:19:23 +0100
Subject: [PATCH 12/17] chore: remove empty wrapper

---
 src/containers/hero/index.tsx | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/containers/hero/index.tsx b/src/containers/hero/index.tsx
index c9415a0bb..bb2935fa7 100644
--- a/src/containers/hero/index.tsx
+++ b/src/containers/hero/index.tsx
@@ -6,6 +6,7 @@ import {GridLayout} from 'components/layout';
 
 function Hero() {
   const {t} = useTranslation();
+
   return (
     <Container>
       <StyledImage src={Blueprint} alt="Background Texture" />
@@ -15,18 +16,12 @@ function Hero() {
             <Title>{t('explore.hero.title')}</Title>
             <Subtitle>{t('explore.hero.subtitle1')}</Subtitle>
           </ContentWrapper>
-          <ImageWrapper></ImageWrapper>
         </Wrapper>
       </GridLayout>
     </Container>
   );
 }
 
-// NOTE: "h-[448px] -mt-20 pt-20" is the "simplest" way to achieve a sticky header
-// with a gradient AND a primary 400 background. What it does it is extends the
-// hero by a height of 12, moves it up using the negative margin and compensates
-// by lowering the content using the padding-top. Same with factor 12 on
-// desktop.
 const Container = styled.div.attrs({
   className:
     'relative bg-primary-400 -mt-20 pt-20 xl:pt-24 xl:-mt-24 overflow-hidden',
@@ -52,10 +47,6 @@ const Subtitle = styled.h3.attrs({
     'text-neutral-0 ft-text-lg font-normal leading-[24px] xl:leading-[30px]',
 })``;
 
-const ImageWrapper = styled.div.attrs({
-  className: 'h-full',
-})``;
-
 const StyledImage = styled.img.attrs({
   className: 'absolute top-0 left-0 w-full h-full object-cover',
 })``;

From c770a51ea4f86367766df68580f4c33e4d0acaf8 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Mon, 28 Oct 2024 13:27:21 +0100
Subject: [PATCH 13/17] chore: adjust carousel spacing

---
 src/pages/explore.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index 04913aee1..3081662c9 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -1,7 +1,6 @@
 import React, {useEffect} from 'react';
 import 'react-responsive-carousel/lib/styles/carousel.min.css';
 import styled from 'styled-components';
-
 import {GridLayout} from 'components/layout';
 import Carousel from 'containers/carousel';
 import {DaoExplorer} from 'containers/daoExplorer';
@@ -43,5 +42,5 @@ export const Explore: React.FC = () => {
 
 const ContentWrapper = styled.div.attrs({
   className:
-    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-12 mb-20 xl:mb-20',
+    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-16 mb-12 xl:mb-20',
 })``;

From e249d057076ca8c4cd34de87f9ef4934f3557094 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Tue, 29 Oct 2024 12:22:03 +0100
Subject: [PATCH 14/17] feat: impl nav bg transition on scroll

---
 src/containers/navbar/exploreNav.tsx | 40 ++++++++++++++++++++--------
 1 file changed, 29 insertions(+), 11 deletions(-)

diff --git a/src/containers/navbar/exploreNav.tsx b/src/containers/navbar/exploreNav.tsx
index 9340aa49b..e4e0f0340 100644
--- a/src/containers/navbar/exploreNav.tsx
+++ b/src/containers/navbar/exploreNav.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {useEffect, useState} from 'react';
 import styled from 'styled-components';
 import {ButtonWallet, useScreen} from '@aragon/ods-old';
 import {Button, IconType} from '@aragon/ods';
@@ -9,8 +9,10 @@ import Logo from 'assets/images/logo.svg';
 import {useGlobalModalContext} from 'context/globalModals';
 import {Container, GridLayout} from 'components/layout';
 import {FEEDBACK_FORM} from 'utils/constants';
+import classNames from 'classnames';
 
 const ExploreNav: React.FC = () => {
+  const [isScrolled, setIsScrolled] = useState(false);
   const {t} = useTranslation();
   const {address, ensName, ensAvatarUrl, isConnected, methods} = useWallet();
   const {open} = useGlobalModalContext();
@@ -29,15 +31,37 @@ const ExploreNav: React.FC = () => {
     }
 
     methods.selectWallet().catch((err: Error) => {
-      // To be implemented: maybe add an error message when
-      // the error is different from closing the window
       console.error(err);
     });
   };
 
+  useEffect(() => {
+    const handleScroll = () => {
+      const threshold = 250;
+      if (window.scrollY > threshold) {
+        setIsScrolled(true);
+      } else {
+        setIsScrolled(false);
+      }
+    };
+
+    window.addEventListener('scroll', handleScroll);
+
+    handleScroll();
+
+    return () => {
+      window.removeEventListener('scroll', handleScroll);
+    };
+  }, []);
+
+  const menuClassNames = classNames('py-4 xl:py-6', {
+    'bg-gradient-to-b from-primary-400 to-transparent': !isScrolled,
+    'bg-primary-400': isScrolled,
+  });
+
   return (
     <Container data-testid="navbar">
-      <Menu>
+      <nav className={menuClassNames}>
         <GridLayout>
           <LeftContent>
             <LogoContainer
@@ -79,17 +103,11 @@ const ExploreNav: React.FC = () => {
             </ActionsWrapper>
           </RightContent>
         </GridLayout>
-      </Menu>
+      </nav>
     </Container>
   );
 };
 
-const Menu = styled.nav.attrs({
-  className: 'py-4 xl:py-6',
-})`
-  background: linear-gradient(180deg, #3164fa 0%, rgba(49, 100, 250, 0) 100%);
-`;
-
 const LeftContent = styled.div.attrs({
   className: 'col-span-3 md:col-span-2 flex items-center',
 })``;

From eeba984db405c6bc9617e495987300f1ca3192b0 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Tue, 29 Oct 2024 12:45:25 +0100
Subject: [PATCH 15/17] chore: remove carousel, tighten up styling

---
 package.json                      |  1 -
 src/components/ctaCard/index.tsx  |  7 ++--
 src/containers/carousel/index.tsx | 69 ++-----------------------------
 src/pages/explore.tsx             |  1 -
 yarn.lock                         | 20 +--------
 5 files changed, 9 insertions(+), 89 deletions(-)

diff --git a/package.json b/package.json
index b4324e701..28d88350f 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,6 @@
     "react-dropzone": "^11.5.1",
     "react-hook-form": "^7.22.2",
     "react-i18next": "^13.2.2",
-    "react-responsive-carousel": "^3.2.23",
     "react-router-dom": "^6.0.2",
     "rudder-sdk-js": "^2.20.0",
     "sanitize-html": "^2.12.1",
diff --git a/src/components/ctaCard/index.tsx b/src/components/ctaCard/index.tsx
index 6d51201b1..7905469c9 100644
--- a/src/components/ctaCard/index.tsx
+++ b/src/components/ctaCard/index.tsx
@@ -49,15 +49,16 @@ const CTACardWrapper = styled.div.attrs({
 })``;
 
 const Content = styled.div.attrs({
-  className: 'flex xl:items-start items-center flex-col xl:m-0 mb-6',
+  className: 'flex xl:items-start items-center flex-col lg:m-0 ',
 })``;
 
 const Title = styled.p.attrs({
-  className: 'ft-text-2xl font-semibold text-neutral-800 xl:mt-4 mt-0',
+  className: 'ft-text-2xl font-semibold text-neutral-800 lg:mt-4 mt-0',
 })``;
 
 const Subtitle = styled.p.attrs({
-  className: 'text-neutral-600 h-[72px] ft-text-base xl:mt-4 mt-3',
+  className:
+    'text-center lg:text-left text-neutral-600 lg:h-[72px] ft-text-base lg:mt-4 mt-3',
 })``;
 
 const StyledImg = styled.img.attrs({
diff --git a/src/containers/carousel/index.tsx b/src/containers/carousel/index.tsx
index 156dfe6fe..629dd3c8e 100644
--- a/src/containers/carousel/index.tsx
+++ b/src/containers/carousel/index.tsx
@@ -1,17 +1,13 @@
 import React, {useMemo, useCallback} from 'react';
-import {Carousel as ReactResponsiveCarousel} from 'react-responsive-carousel';
 import styled from 'styled-components';
 import {useNavigate} from 'react-router-dom';
 import 'react-responsive-carousel/lib/styles/carousel.min.css';
-
 import CTACard from 'components/ctaCard';
 import {CTACards} from 'components/ctaCard/data';
-import useScreen from 'hooks/useScreen';
 import {useWallet} from 'hooks/useWallet';
 import {trackEvent} from 'services/analytics';
 
 const Carousel: React.FC = () => {
-  const {isDesktop} = useScreen();
   const navigate = useNavigate();
   const {methods, isConnected} = useWallet();
 
@@ -62,61 +58,11 @@ const Carousel: React.FC = () => {
     [handleCTAClick]
   );
 
-  if (isDesktop) {
-    return <DesktopCTA>{ctaList}</DesktopCTA>;
-  } else {
-    return (
-      <MobileCTA>
-        <StyledCarousel
-          swipeable
-          emulateTouch
-          centerMode
-          autoPlay
-          preventMovementUntilSwipeScrollTolerance
-          swipeScrollTolerance={100}
-          interval={4000}
-          showArrows={false}
-          showStatus={false}
-          transitionTime={300}
-          centerSlidePercentage={92}
-          showThumbs={false}
-          infiniteLoop
-          renderIndicator={(onClickHandler, isSelected, index, label) => {
-            if (isSelected) {
-              return (
-                <ActiveIndicator
-                  aria-label={`Selected: ${label} ${index + 1}`}
-                  title={`Selected: ${label} ${index + 1}`}
-                />
-              );
-            }
-            return (
-              <Indicator
-                onClick={onClickHandler}
-                onKeyDown={onClickHandler}
-                value={index}
-                key={index}
-                role="button"
-                tabIndex={0}
-                title={`${label} ${index + 1}`}
-                aria-label={`${label} ${index + 1}`}
-              />
-            );
-          }}
-        >
-          {ctaList}
-        </StyledCarousel>
-      </MobileCTA>
-    );
-  }
+  return <CTAContainer>{ctaList}</CTAContainer>;
 };
 
-const DesktopCTA = styled.div.attrs({
-  className: 'relative flex xl:flex-row flex-col space-x-6 max-w-fit',
-})``;
-
-const MobileCTA = styled.div.attrs({
-  className: 'relative -mt-[104px] mb-10 -mx-4 md:-mx-6 xl:mx-0',
+const CTAContainer = styled.div.attrs({
+  className: 'relative flex lg:flex-row flex-col space-x-6 max-w-fit',
 })``;
 
 export const ActiveIndicator = styled.li.attrs({
@@ -127,13 +73,4 @@ export const Indicator = styled.li.attrs({
   className: 'inline-block bg-neutral-200 h-1.5 w-4 ml-2 rounded-xl',
 })``;
 
-export const StyledCarousel = styled(ReactResponsiveCarousel).attrs({})`
-  & > .carousel-slider > ul {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0px;
-  }
-`;
-
 export default Carousel;
diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index 3081662c9..82bed0706 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -1,5 +1,4 @@
 import React, {useEffect} from 'react';
-import 'react-responsive-carousel/lib/styles/carousel.min.css';
 import styled from 'styled-components';
 import {GridLayout} from 'components/layout';
 import Carousel from 'containers/carousel';
diff --git a/yarn.lock b/yarn.lock
index 6ce9cabef..c5dbeee13 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6043,7 +6043,7 @@ cjs-module-lexer@^1.0.0:
   resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.3.tgz#6c370ab19f8a3394e318fe682686ec0ac684d107"
   integrity sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==
 
-classnames@^2.0.0, classnames@^2.2.5:
+classnames@^2.0.0:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
   integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
@@ -9913,7 +9913,7 @@ prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.5.10, prop-types@^15.5.8, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.5.10, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -10227,13 +10227,6 @@ react-dropzone@^14.2.0:
     file-selector "^0.6.0"
     prop-types "^15.8.1"
 
-react-easy-swipe@^0.0.21:
-  version "0.0.21"
-  resolved "https://registry.yarnpkg.com/react-easy-swipe/-/react-easy-swipe-0.0.21.tgz#ce9384d576f7a8529dc2ca377c1bf03920bac8eb"
-  integrity sha512-OeR2jAxdoqUMHIn/nS9fgreI5hSpgGoL5ezdal4+oO7YSSgJR8ga+PkYGJrSrJ9MKlPcQjMQXnketrD7WNmNsg==
-  dependencies:
-    prop-types "^15.5.8"
-
 react-hook-form@^7.22.2:
   version "7.22.2"
   resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.22.2.tgz#aa66fd75cad858049739770341079d9787683c6b"
@@ -10302,15 +10295,6 @@ react-remove-scroll@2.5.5:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
-react-responsive-carousel@^3.2.23:
-  version "3.2.23"
-  resolved "https://registry.yarnpkg.com/react-responsive-carousel/-/react-responsive-carousel-3.2.23.tgz#4c0016ff54603e604bb5c1f9e7ef2d1eda133f1d"
-  integrity sha512-pqJLsBaKHWJhw/ItODgbVoziR2z4lpcJg+YwmRlSk4rKH32VE633mAtZZ9kDXjy4wFO+pgUZmDKPsPe1fPmHCg==
-  dependencies:
-    classnames "^2.2.5"
-    prop-types "^15.5.8"
-    react-easy-swipe "^0.0.21"
-
 react-router-dom@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.0.2.tgz#860cefa697b9d4965eced3f91e82cdbc5995f3ad"

From a031be3a0b0311dccd2f19e179aaeb5b900af1cb Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Tue, 29 Oct 2024 13:01:18 +0100
Subject: [PATCH 16/17] chore: further CTA cleanup, rename

---
 src/components/ctaCard/index.tsx                   | 2 +-
 src/containers/daoOverview/index.tsx               | 6 +++++-
 src/containers/{carousel => explorerCta}/index.tsx | 7 +++----
 src/pages/explore.tsx                              | 4 ++--
 4 files changed, 11 insertions(+), 8 deletions(-)
 rename src/containers/{carousel => explorerCta}/index.tsx (90%)

diff --git a/src/components/ctaCard/index.tsx b/src/components/ctaCard/index.tsx
index 7905469c9..ba7559ffa 100644
--- a/src/components/ctaCard/index.tsx
+++ b/src/components/ctaCard/index.tsx
@@ -45,7 +45,7 @@ export default CTACard;
 
 const CTACardWrapper = styled.div.attrs({
   className:
-    'bg-neutral-0 flex flex-col xl:items-start items-center p-6 space-y-6 rounded-xl relative xl:m-0 mb-6 mx-2 shadow-neutral',
+    'bg-neutral-0 flex flex-col xl:items-start items-center p-6 lg:space-y-2 rounded-xl gap-y-6 mb-6 lg:mb-0 shadow-neutral',
 })``;
 
 const Content = styled.div.attrs({
diff --git a/src/containers/daoOverview/index.tsx b/src/containers/daoOverview/index.tsx
index b90ca528d..d4564f1f9 100644
--- a/src/containers/daoOverview/index.tsx
+++ b/src/containers/daoOverview/index.tsx
@@ -5,7 +5,11 @@ import styled from 'styled-components';
 
 import CardWithImage from 'components/cardWithImage';
 import {useFormStep} from 'components/fullScreenStepper';
-import {ActiveIndicator, Indicator, StyledCarousel} from 'containers/carousel';
+import {
+  ActiveIndicator,
+  Indicator,
+  StyledCarousel,
+} from 'containers/explorerCta';
 import useScreen from 'hooks/useScreen';
 import {trackEvent} from 'services/analytics';
 import {i18n} from '../../../i18n.config';
diff --git a/src/containers/carousel/index.tsx b/src/containers/explorerCta/index.tsx
similarity index 90%
rename from src/containers/carousel/index.tsx
rename to src/containers/explorerCta/index.tsx
index 629dd3c8e..c6a2c47db 100644
--- a/src/containers/carousel/index.tsx
+++ b/src/containers/explorerCta/index.tsx
@@ -1,13 +1,12 @@
 import React, {useMemo, useCallback} from 'react';
 import styled from 'styled-components';
 import {useNavigate} from 'react-router-dom';
-import 'react-responsive-carousel/lib/styles/carousel.min.css';
 import CTACard from 'components/ctaCard';
 import {CTACards} from 'components/ctaCard/data';
 import {useWallet} from 'hooks/useWallet';
 import {trackEvent} from 'services/analytics';
 
-const Carousel: React.FC = () => {
+const ExplorerCTA: React.FC = () => {
   const navigate = useNavigate();
   const {methods, isConnected} = useWallet();
 
@@ -62,7 +61,7 @@ const Carousel: React.FC = () => {
 };
 
 const CTAContainer = styled.div.attrs({
-  className: 'relative flex lg:flex-row flex-col space-x-6 max-w-fit',
+  className: 'relative flex lg:flex-row flex-col lg:space-x-6 max-w-fit',
 })``;
 
 export const ActiveIndicator = styled.li.attrs({
@@ -73,4 +72,4 @@ export const Indicator = styled.li.attrs({
   className: 'inline-block bg-neutral-200 h-1.5 w-4 ml-2 rounded-xl',
 })``;
 
-export default Carousel;
+export default ExplorerCTA;
diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index 82bed0706..2542d8f73 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -1,7 +1,7 @@
 import React, {useEffect} from 'react';
 import styled from 'styled-components';
 import {GridLayout} from 'components/layout';
-import Carousel from 'containers/carousel';
+import ExplorerCTA from 'containers/explorerCta';
 import {DaoExplorer} from 'containers/daoExplorer';
 import Hero from 'containers/hero';
 import {useNetwork} from 'context/network';
@@ -30,7 +30,7 @@ export const Explore: React.FC = () => {
       <GridLayout>
         <ContentWrapper>
           <DaoExplorer />
-          <Carousel />
+          <ExplorerCTA />
         </ContentWrapper>
       </GridLayout>
     </>

From a4848920a7c620b10799c05e81b1ccd9b9aee9ff Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Tue, 29 Oct 2024 14:43:57 +0100
Subject: [PATCH 17/17] choreL: readd carousel for other usage

---
 package.json                         |   1 +
 src/containers/carousel/index.tsx    | 139 +++++++++++++++++++++++++++
 src/containers/daoOverview/index.tsx |   7 +-
 yarn.lock                            |  20 +++-
 4 files changed, 159 insertions(+), 8 deletions(-)
 create mode 100644 src/containers/carousel/index.tsx

diff --git a/package.json b/package.json
index 28d88350f..b4324e701 100644
--- a/package.json
+++ b/package.json
@@ -61,6 +61,7 @@
     "react-dropzone": "^11.5.1",
     "react-hook-form": "^7.22.2",
     "react-i18next": "^13.2.2",
+    "react-responsive-carousel": "^3.2.23",
     "react-router-dom": "^6.0.2",
     "rudder-sdk-js": "^2.20.0",
     "sanitize-html": "^2.12.1",
diff --git a/src/containers/carousel/index.tsx b/src/containers/carousel/index.tsx
new file mode 100644
index 000000000..832e0071e
--- /dev/null
+++ b/src/containers/carousel/index.tsx
@@ -0,0 +1,139 @@
+import React, {useMemo, useCallback} from 'react';
+import {Carousel as ReactResponsiveCarousel} from 'react-responsive-carousel';
+import styled from 'styled-components';
+import {useNavigate} from 'react-router-dom';
+import 'react-responsive-carousel/lib/styles/carousel.min.css';
+import CTACard from 'components/ctaCard';
+import {CTACards} from 'components/ctaCard/data';
+import useScreen from 'hooks/useScreen';
+import {useWallet} from 'hooks/useWallet';
+import {trackEvent} from 'services/analytics';
+
+const Carousel: React.FC = () => {
+  const {isDesktop} = useScreen();
+  const navigate = useNavigate();
+  const {methods, isConnected} = useWallet();
+
+  // TODO
+  // this prevents the user from entering the creation
+  // flow without a wallet, but this should be updated
+  // when the rest of CTAs are enabled
+  const handleCTAClick = useCallback(
+    (path: string) => {
+      if (path === '/create') {
+        trackEvent('landing_createDaoBtn_clicked');
+      }
+
+      if (path.startsWith('http')) {
+        window.open(path, '_blank');
+        return;
+      }
+
+      if (isConnected) {
+        navigate(path);
+        return;
+      }
+
+      methods
+        .selectWallet()
+        .then(() => {
+          navigate(path);
+        })
+        .catch((err: Error) => {
+          // To be implemented: maybe add an error message when
+          // the error is different from closing the window
+          console.error(err);
+        });
+    },
+    [isConnected, methods, navigate]
+  );
+
+  const ctaList = useMemo(
+    () =>
+      CTACards.map(card => (
+        <CTACard
+          key={card.title}
+          {...card}
+          className="flex-1"
+          onClick={handleCTAClick}
+        />
+      )),
+    [handleCTAClick]
+  );
+
+  if (isDesktop) {
+    return <DesktopCTA>{ctaList}</DesktopCTA>;
+  } else {
+    return (
+      <MobileCTA>
+        <StyledCarousel
+          swipeable
+          emulateTouch
+          centerMode
+          autoPlay
+          preventMovementUntilSwipeScrollTolerance
+          swipeScrollTolerance={100}
+          interval={4000}
+          showArrows={false}
+          showStatus={false}
+          transitionTime={300}
+          centerSlidePercentage={92}
+          showThumbs={false}
+          infiniteLoop
+          renderIndicator={(onClickHandler, isSelected, index, label) => {
+            if (isSelected) {
+              return (
+                <ActiveIndicator
+                  aria-label={`Selected: ${label} ${index + 1}`}
+                  title={`Selected: ${label} ${index + 1}`}
+                />
+              );
+            }
+            return (
+              <Indicator
+                onClick={onClickHandler}
+                onKeyDown={onClickHandler}
+                value={index}
+                key={index}
+                role="button"
+                tabIndex={0}
+                title={`${label} ${index + 1}`}
+                aria-label={`${label} ${index + 1}`}
+              />
+            );
+          }}
+        >
+          {ctaList}
+        </StyledCarousel>
+      </MobileCTA>
+    );
+  }
+};
+
+const DesktopCTA = styled.div.attrs({
+  className:
+    'relative flex xl:flex-row flex-col mb-8 space-x-6 max-w-fit -mt-32',
+})``;
+
+const MobileCTA = styled.div.attrs({
+  className: 'relative -mt-[104px] mb-10 -mx-4 md:-mx-6 xl:mx-0',
+})``;
+
+export const ActiveIndicator = styled.li.attrs({
+  className: 'inline-block bg-primary-500 h-1.5 w-12 ml-2 rounded-xl',
+})``;
+
+export const Indicator = styled.li.attrs({
+  className: 'inline-block bg-neutral-200 h-1.5 w-4 ml-2 rounded-xl',
+})``;
+
+export const StyledCarousel = styled(ReactResponsiveCarousel).attrs({})`
+  & > .carousel-slider > ul {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0px;
+  }
+`;
+
+export default Carousel;
diff --git a/src/containers/daoOverview/index.tsx b/src/containers/daoOverview/index.tsx
index d4564f1f9..6326c75cc 100644
--- a/src/containers/daoOverview/index.tsx
+++ b/src/containers/daoOverview/index.tsx
@@ -2,14 +2,9 @@ import {Breadcrumb} from '@aragon/ods-old';
 import React from 'react';
 import {useTranslation} from 'react-i18next';
 import styled from 'styled-components';
-
 import CardWithImage from 'components/cardWithImage';
 import {useFormStep} from 'components/fullScreenStepper';
-import {
-  ActiveIndicator,
-  Indicator,
-  StyledCarousel,
-} from 'containers/explorerCta';
+import {ActiveIndicator, Indicator, StyledCarousel} from 'containers/carousel';
 import useScreen from 'hooks/useScreen';
 import {trackEvent} from 'services/analytics';
 import {i18n} from '../../../i18n.config';
diff --git a/yarn.lock b/yarn.lock
index c5dbeee13..6ce9cabef 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6043,7 +6043,7 @@ cjs-module-lexer@^1.0.0:
   resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.3.tgz#6c370ab19f8a3394e318fe682686ec0ac684d107"
   integrity sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==
 
-classnames@^2.0.0:
+classnames@^2.0.0, classnames@^2.2.5:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
   integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
@@ -9913,7 +9913,7 @@ prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.5.10, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.5.10, prop-types@^15.5.8, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -10227,6 +10227,13 @@ react-dropzone@^14.2.0:
     file-selector "^0.6.0"
     prop-types "^15.8.1"
 
+react-easy-swipe@^0.0.21:
+  version "0.0.21"
+  resolved "https://registry.yarnpkg.com/react-easy-swipe/-/react-easy-swipe-0.0.21.tgz#ce9384d576f7a8529dc2ca377c1bf03920bac8eb"
+  integrity sha512-OeR2jAxdoqUMHIn/nS9fgreI5hSpgGoL5ezdal4+oO7YSSgJR8ga+PkYGJrSrJ9MKlPcQjMQXnketrD7WNmNsg==
+  dependencies:
+    prop-types "^15.5.8"
+
 react-hook-form@^7.22.2:
   version "7.22.2"
   resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.22.2.tgz#aa66fd75cad858049739770341079d9787683c6b"
@@ -10295,6 +10302,15 @@ react-remove-scroll@2.5.5:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
+react-responsive-carousel@^3.2.23:
+  version "3.2.23"
+  resolved "https://registry.yarnpkg.com/react-responsive-carousel/-/react-responsive-carousel-3.2.23.tgz#4c0016ff54603e604bb5c1f9e7ef2d1eda133f1d"
+  integrity sha512-pqJLsBaKHWJhw/ItODgbVoziR2z4lpcJg+YwmRlSk4rKH32VE633mAtZZ9kDXjy4wFO+pgUZmDKPsPe1fPmHCg==
+  dependencies:
+    classnames "^2.2.5"
+    prop-types "^15.5.8"
+    react-easy-swipe "^0.0.21"
+
 react-router-dom@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.0.2.tgz#860cefa697b9d4965eced3f91e82cdbc5995f3ad"