diff --git a/index.html b/index.html
index 619e09137..0a8cef947 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,10 @@
     <meta name="app-version" content="%VITE_REACT_APP_DEPLOY_VERSION%" />
 
     <link href="./styles.css" rel="stylesheet" />
+    <link
+      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"
diff --git a/src/assets/data/featured-daos.json b/src/assets/data/featured-daos.json
new file mode 100644
index 000000000..aa4e03184
--- /dev/null
+++ b/src/assets/data/featured-daos.json
@@ -0,0 +1,48 @@
+[
+  {
+    "name": "JankCryptoPioneers",
+    "description": "A DAO dedicated to pioneering blockchain innovations and fostering decentralized technologies.",
+    "logo": "https://example.com/avatars/cryptopioneers.png",
+    "network": "ethereum",
+    "daoAddress": "0x1234567890abcdef1234567890abcdef12345678",
+    "overrideUrl": "https://cryptopioneers.io/custom-link"
+  },
+  {
+    "name": "DeFiMasters",
+    "description": "Mastering decentralized finance through community-driven projects and initiatives.",
+    "logo": "https://example.com/avatars/defimasters.png",
+    "network": "polygon",
+    "daoAddress": "0xabcdef1234567890abcdef1234567890abcdef12"
+  },
+  {
+    "name": "NFTCollectors",
+    "description": "A vibrant community of NFT enthusiasts focused on collecting and promoting unique digital assets.",
+    "logo": "https://example.com/avatars/nftcollectors.png",
+    "network": "polygon",
+    "daoAddress": "0x7890abcdef1234567890abcdef1234567890abcd",
+    "overrideUrl": "https://nftcollectors.io"
+  },
+  {
+    "name": "GreenChain",
+    "description": "Promoting sustainable blockchain solutions and eco-friendly crypto practices.",
+    "logo": "https://example.com/avatars/greenchain.png",
+    "network": "sepolia",
+    "daoAddress": "0x4567890abcdef1234567890abcdef1234567890ef"
+  },
+  {
+    "name": "MetaBuilders",
+    "description": "Building the future of the metaverse through collaborative projects and virtual initiatives.",
+    "logo": "https://example.com/avatars/metabuilders.png",
+    "network": "arbitrum",
+    "daoAddress": "0xabcdef7890abcdef1234567890abcdef12345678",
+    "overrideUrl": "https://metabuilders.io/projects"
+  },
+  {
+    "name": "FreakyDeakyDAO",
+    "description": "Here to be freaky and deaky, this DAO is all about pushing the boundaries of decentralized creativity.",
+    "logo": "https://example.com/avatars/freakydeakydao.png",
+    "network": "arbitrum",
+    "daoAddress": "0x1234567890abcdef1234567890abcdef12345678",
+    "overrideUrl": "https://freakydeakydao.io"
+  }
+]
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..bfbae35d0 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": {
@@ -1010,17 +1010,15 @@
   },
   "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",
       "myDaos": "My DAOs",
       "popular": "Popular",
       "newest": "Newest",
-      "walletBased": "Wallet-based",
-      "showMore": "Show more",
-      "tokenBased": "Token-based"
+      "showMore": "Show more"
     },
     "activeProposals": "Active proposals",
     "showMore": "Show more",
@@ -1038,8 +1036,13 @@
       "linkLabel": "Learn about DAOs",
       "linkURL": "https://aragon.org/education-portal"
     },
+    "build": {
+      "linkLabel": "Build faster",
+      "linkURL": "https://docs.aragon.org"
+    },
     "toggleFilter": {
-      "Favourites": "Following",
+      "favourites": "Following",
+      "featuredDAOs": "Featured",
       "allDAOs": "All DAOs ",
       "member": "Member"
     },
@@ -1128,19 +1131,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": "Find inspiration and learn about DAOs in our education portal designed for builders at every stage of the journey.",
+      "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": "Use our governance plugins to build a DAO, dApp, or anything you can imagine on the Aragon OSx protocol.",
-      "actionLabel": "Coming soon"
+      "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/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..ba7559ffa 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,11 @@ 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}
+        target={props.isPrimary ? '_self' : '_blank'}
         className={`${!isDesktop && 'w-full'}`}
       >
         {props.actionLabel}
@@ -43,22 +45,20 @@ 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 lg:space-y-2 rounded-xl gap-y-6 mb-6 lg:mb-0 shadow-neutral',
+})``;
 
 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/components/daoCard/index.tsx b/src/components/daoCard/index.tsx
index 0d63afada..43704cc6f 100644
--- a/src/components/daoCard/index.tsx
+++ b/src/components/daoCard/index.tsx
@@ -1,7 +1,6 @@
 import {AvatarDao} from '@aragon/ods-old';
-import {Icon, IconType} from '@aragon/ods';
+import {AvatarIcon, Icon, IconType} from '@aragon/ods';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 import styled from 'styled-components';
 import useScreen from 'hooks/useScreen';
 import {generatePath, useHref} from 'react-router-dom';
@@ -11,15 +10,18 @@ import {toDisplayEns} from 'utils/library';
 import {Dashboard} from 'utils/paths';
 import {IDao} from 'services/aragon-backend/domain/dao';
 
+interface IDaoWithOverride extends IDao {
+  overrideUrl?: string;
+}
+
 export interface IDaoCardProps {
-  dao: IDao;
+  dao: IDaoWithOverride;
 }
 
 export const DaoCard = (props: IDaoCardProps) => {
   const {dao} = props;
-  const {name, daoAddress, logo, ens, description, network, pluginName} = dao;
+  const {name, daoAddress, logo, ens, description, network, overrideUrl} = dao;
 
-  const {t} = useTranslation();
   const {isDesktop} = useScreen();
   const {avatar} = useResolveDaoAvatar(logo);
 
@@ -29,23 +31,18 @@ export const DaoCard = (props: IDaoCardProps) => {
   });
   const daoUrl = useHref(daoPage);
 
-  // TODO: This should be changed for new plugin types
-  const daoType =
-    pluginName === 'token-voting.plugin.dao.eth' ||
-    pluginName === 'token-voting-repo'
-      ? t('explore.explorer.tokenBased')
-      : t('explore.explorer.walletBased');
+  const resolvedDaoUrl = overrideUrl ?? daoUrl;
 
   return (
-    <Container href={daoUrl}>
+    <Container
+      href={resolvedDaoUrl}
+      target={overrideUrl != null ? '_blank' : undefined}
+    >
       <DaoDataWrapper>
         <HeaderContainer>
           <AvatarDao daoName={name} src={logo && avatar} />
           <div className="space-y-0.5 text-left xl:space-y-1">
             <Title>{name}</Title>
-            <p className="font-semibold text-neutral-500 ft-text-sm">
-              {toDisplayEns(ens)}
-            </p>
           </div>
         </HeaderContainer>
         <Description isDesktop={isDesktop}>{description}</Description>
@@ -58,10 +55,9 @@ export const DaoCard = (props: IDaoCardProps) => {
           />
           <IconLabel>{CHAIN_METADATA[network].name}</IconLabel>
         </IconWrapper>
-        <IconWrapper>
-          <Icon icon={IconType.APP_MEMBERS} className="text-neutral-600" />
-          <IconLabel>{daoType}</IconLabel>
-        </IconWrapper>
+        {overrideUrl != null && (
+          <AvatarIcon variant="primary" icon={IconType.LINK_EXTERNAL} />
+        )}
       </DaoMetadataWrapper>
     </Container>
   );
@@ -69,7 +65,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
@@ -109,7 +105,7 @@ const Description = styled.p.attrs({
 `;
 
 const DaoMetadataWrapper = styled.div.attrs({
-  className: 'flex flex-row space-x-6',
+  className: 'flex flex-row justify-between items-center',
 })``;
 const IconLabel = styled.p.attrs({
   className: 'text-neutral-600 ft-text-sm',
diff --git a/src/containers/carousel/index.tsx b/src/containers/carousel/index.tsx
index 548b64948..832e0071e 100644
--- a/src/containers/carousel/index.tsx
+++ b/src/containers/carousel/index.tsx
@@ -3,7 +3,6 @@ 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';
diff --git a/src/containers/daoExplorer/daoExplorer.tsx b/src/containers/daoExplorer/daoExplorer.tsx
index c345633f4..338a2b3a6 100644
--- a/src/containers/daoExplorer/daoExplorer.tsx
+++ b/src/containers/daoExplorer/daoExplorer.tsx
@@ -23,6 +23,8 @@ import {
   quickFilters,
 } from '../daoFilterModal/data';
 import {Toggle, ToggleGroup} from '@aragon/ods';
+import {useFeaturedDaos} from 'hooks/useFeaturedDaos';
+import classNames from 'classnames';
 
 const followedDaoToDao = (dao: NavigationDao): IDao => ({
   creatorAddress: '' as Address,
@@ -38,7 +40,7 @@ const followedDaoToDao = (dao: NavigationDao): IDao => ({
 
 export const DaoExplorer = () => {
   const {t} = useTranslation();
-  const {isConnected, address} = useWallet();
+  const {isConnected, address, methods} = useWallet();
 
   const [showAdvancedFilters, setShowAdvancedFilters] = useState(false);
   const [activeDropdown, setActiveDropdown] = useState(false);
@@ -56,6 +58,7 @@ export const DaoExplorer = () => {
 
   const newDaosResult = useDaos(
     {
+      take: 12,
       direction: OrderDirection.DESC,
       orderBy: filters.order,
       ...(filters.pluginNames?.length !== 0 && {
@@ -78,8 +81,6 @@ export const DaoExplorer = () => {
 
     if (!filters) return '';
 
-    if (filters.quickFilter !== DEFAULT_FILTERS.quickFilter) count++;
-
     // plugin Name filter
     if (filters.pluginNames?.length !== 0) count++;
 
@@ -103,6 +104,9 @@ export const DaoExplorer = () => {
   const {isLoading, hasNextPage, isFetchingNextPage, fetchNextPage} =
     useFollowList ? followedDaosResult : newDaosResult;
 
+  const {data: featuredDaoList, isLoading: isLoadingFeaturedDaos} =
+    useFeaturedDaos();
+
   const totalDaos = useFollowList
     ? followedDaosResult.data?.pages[0].total ?? 0
     : newDaosResult.data?.pages[0].total ?? 0;
@@ -128,112 +132,165 @@ export const DaoExplorer = () => {
 
   const noDaosFound = isLoading === false && totalDaos === 0;
 
+  const noFeaturedDaosFound =
+    isLoadingFeaturedDaos === false &&
+    featuredDaoList == null &&
+    filters.quickFilter === 'featuredDaos';
+
   const handleClearFilters = () => {
     dispatch({type: FilterActionTypes.RESET, payload: DEFAULT_FILTERS});
   };
 
+  const handleWalletButtonClick = () => {
+    if (isConnected) {
+      return;
+    }
+
+    methods.selectWallet().catch((err: Error) => {
+      console.error(err);
+    });
+  };
+
+  const showSortFilter = filters.quickFilter !== 'featuredDaos' && isConnected;
+
+  const filterGroupClassName = classNames('flex justify-between w-full', {
+    'flex flex-col items-center gap-y-3 md:flex-row md:justify-between':
+      isConnected,
+  });
+
+  const toggleGroupClassName = classNames('flex flex-row w-full', {
+    'grid w-full grid-cols-2 gap-1 text-center md:flex md:w-fit md:flex-row':
+      isConnected,
+  });
+
+  const toggleClassName = classNames({
+    'flex w-full justify-center md:w-fit': isConnected,
+  });
+
+  const buttonGroupContainerClassName = classNames('shrink-0', {
+    'flex w-full md:w-fit': filters.quickFilter === 'featuredDaos',
+    'flex gap-x-3 w-full md:w-fit justify-between':
+      isConnected && filters.quickFilter !== 'featuredDaos',
+  });
+
   /*************************************************
    *                    Render                     *
    *************************************************/
   return (
     <Container>
       <MainContainer>
-        <Title>{t('explore.explorer.title')}</Title>
-        <FilterGroupContainer>
+        <div className={filterGroupClassName}>
           <ToggleGroup
             isMultiSelect={false}
             value={filters.quickFilter}
             onChange={toggleQuickFilters}
+            className={toggleGroupClassName}
           >
-            {quickFilters.map(f => {
-              return (
+            {quickFilters
+              .filter(f => {
+                if (
+                  !isConnected &&
+                  (f.value === 'memberOf' || f.value === 'following')
+                ) {
+                  return false;
+                }
+                return true;
+              })
+              .map(f => (
                 <Toggle
                   key={f.value}
                   label={t(f.label)}
                   value={f.value}
-                  disabled={
-                    (f.value === 'memberOf' || f.value === 'following') &&
-                    !isConnected
-                  }
+                  className={toggleClassName}
                 />
-              );
-            })}
+              ))}
           </ToggleGroup>
-          <ButtonGroupContainer>
+          <div className={buttonGroupContainerClassName}>
+            {showSortFilter && (
+              <div className="flex gap-x-1">
+                <Button
+                  variant={filtersCount !== '' ? 'secondary' : 'tertiary'}
+                  size="md"
+                  iconLeft={IconType.FILTER}
+                  onClick={() => setShowAdvancedFilters(true)}
+                >
+                  {filtersCount}
+                </Button>
+                {filters.quickFilter !== 'following' && (
+                  <Dropdown.Container
+                    align="end"
+                    open={activeDropdown}
+                    onOpenChange={e => {
+                      setActiveDropdown(e);
+                    }}
+                    customTrigger={
+                      <Button
+                        variant={activeDropdown ? 'secondary' : 'tertiary'}
+                        size="md"
+                        iconLeft={IconType.SORT_DESC}
+                      />
+                    }
+                  >
+                    <Dropdown.Item
+                      icon={
+                        filters.order === 'tvl' ? IconType.CHECKMARK : undefined
+                      }
+                      selected={filters.order === 'tvl'}
+                      onClick={() => toggleOrderby('tvl')}
+                    >
+                      {t('explore.sortBy.largestTreasury')}
+                    </Dropdown.Item>
+                    <Dropdown.Item
+                      icon={
+                        filters.order === 'proposals'
+                          ? IconType.CHECKMARK
+                          : undefined
+                      }
+                      iconPosition="right"
+                      selected={filters.order === 'proposals'}
+                      onClick={() => toggleOrderby('proposals')}
+                    >
+                      {t('explore.sortBy.mostProposals')}
+                    </Dropdown.Item>
+                    <Dropdown.Item
+                      icon={
+                        filters.order === 'members'
+                          ? IconType.CHECKMARK
+                          : undefined
+                      }
+                      iconPosition="right"
+                      selected={filters.order === 'members'}
+                      onClick={() => toggleOrderby('members')}
+                    >
+                      {t('explore.sortBy.largestCommunity')}
+                    </Dropdown.Item>
+                    <Dropdown.Item
+                      icon={
+                        filters.order === 'createdAt'
+                          ? IconType.CHECKMARK
+                          : undefined
+                      }
+                      iconPosition="right"
+                      selected={filters.order === 'createdAt'}
+                      onClick={() => toggleOrderby('createdAt')}
+                    >
+                      {t('explore.sortBy.recentlyCreated')}
+                    </Dropdown.Item>
+                  </Dropdown.Container>
+                )}
+              </div>
+            )}
             <Button
-              variant={filtersCount !== '' ? 'secondary' : 'tertiary'}
               size="md"
-              className="!min-w-fit"
-              responsiveSize={{lg: 'lg'}}
-              iconLeft={IconType.FILTER}
-              onClick={() => setShowAdvancedFilters(true)}
+              href="/#/create"
+              onClick={handleWalletButtonClick}
+              className="shrink-0 "
             >
-              {filtersCount}
+              {t('cta.create.actionLabel')}
             </Button>
-            {filters.quickFilter !== 'following' && (
-              <Dropdown.Container
-                align="end"
-                open={activeDropdown}
-                onOpenChange={e => {
-                  setActiveDropdown(e);
-                }}
-                customTrigger={
-                  <Button
-                    variant={activeDropdown ? 'secondary' : 'tertiary'}
-                    size="md"
-                    responsiveSize={{lg: 'lg'}}
-                    iconLeft={IconType.SORT_DESC}
-                  />
-                }
-              >
-                <Dropdown.Item
-                  icon={
-                    filters.order === 'tvl' ? IconType.CHECKMARK : undefined
-                  }
-                  selected={filters.order === 'tvl'}
-                  onClick={() => toggleOrderby('tvl')}
-                >
-                  {t('explore.sortBy.largestTreasury')}
-                </Dropdown.Item>
-                <Dropdown.Item
-                  icon={
-                    filters.order === 'proposals'
-                      ? IconType.CHECKMARK
-                      : undefined
-                  }
-                  iconPosition="right"
-                  selected={filters.order === 'proposals'}
-                  onClick={() => toggleOrderby('proposals')}
-                >
-                  {t('explore.sortBy.mostProposals')}
-                </Dropdown.Item>
-                <Dropdown.Item
-                  icon={
-                    filters.order === 'members' ? IconType.CHECKMARK : undefined
-                  }
-                  iconPosition="right"
-                  selected={filters.order === 'members'}
-                  onClick={() => toggleOrderby('members')}
-                >
-                  {t('explore.sortBy.largestCommunity')}
-                </Dropdown.Item>
-                <Dropdown.Item
-                  icon={
-                    filters.order === 'createdAt'
-                      ? IconType.CHECKMARK
-                      : undefined
-                  }
-                  iconPosition="right"
-                  selected={filters.order === 'createdAt'}
-                  onClick={() => toggleOrderby('createdAt')}
-                >
-                  {t('explore.sortBy.recentlyCreated')}
-                </Dropdown.Item>
-              </Dropdown.Container>
-            )}
-          </ButtonGroupContainer>
-        </FilterGroupContainer>
-        {noDaosFound ? (
+          </div>
+        </div>
+        {noDaosFound || noFeaturedDaosFound ? (
           <CardEmptyState
             objectIllustration={{object: 'MAGNIFYING_GLASS'}}
             heading={t('explore.emptyStateSearch.title')}
@@ -247,39 +304,57 @@ export const DaoExplorer = () => {
           />
         ) : (
           <CardsWrapper>
-            {filteredDaoList?.map(
-              (dao: IDao, index: React.Key | null | undefined) => (
-                <DaoCard key={index} dao={dao} />
-              )
+            {filters.quickFilter === 'featuredDaos' ? (
+              <>
+                {featuredDaoList?.map(
+                  (dao: IDao, index: React.Key | null | undefined) => (
+                    <DaoCard key={index} dao={dao} />
+                  )
+                )}
+                {isLoadingFeaturedDaos && (
+                  <Spinner size="xl" variant="primary" />
+                )}
+              </>
+            ) : (
+              <>
+                {filteredDaoList?.map(
+                  (dao: IDao, index: React.Key | null | undefined) => (
+                    <DaoCard key={index} dao={dao} />
+                  )
+                )}
+                {isLoading && <Spinner size="xl" variant="primary" />}
+              </>
             )}
-            {isLoading && <Spinner size="xl" variant="primary" />}
           </CardsWrapper>
         )}
       </MainContainer>
-      {totalDaos != null && totalDaos > 0 && totalDaosShown > 0 && (
-        <div className="flex items-center lg:gap-x-6">
-          {hasNextPage && (
-            <Button
-              className="self-start"
-              isLoading={isFetchingNextPage}
-              iconRight={
-                !isFetchingNextPage ? IconType.CHEVRON_DOWN : undefined
-              }
-              variant="tertiary"
-              size="md"
-              onClick={() => fetchNextPage()}
-            >
-              {t('explore.explorer.showMore')}
-            </Button>
-          )}
-          <span className="ml-auto font-semibold text-neutral-800 ft-text-base lg:ml-0">
-            {t('explore.pagination.label.amountOf DAOs', {
-              amount: totalDaosShown,
-              total: totalDaos,
-            })}
-          </span>
-        </div>
-      )}
+      {totalDaos != null &&
+        totalDaos > 0 &&
+        totalDaosShown > 0 &&
+        filters.quickFilter !== 'featuredDaos' && (
+          <div className="flex items-center lg:gap-x-6">
+            {hasNextPage && (
+              <Button
+                className="self-start"
+                isLoading={isFetchingNextPage}
+                iconRight={
+                  !isFetchingNextPage ? IconType.CHEVRON_DOWN : undefined
+                }
+                variant="tertiary"
+                size="md"
+                onClick={() => fetchNextPage()}
+              >
+                {t('explore.explorer.showMore')}
+              </Button>
+            )}
+            <span className="ml-auto font-semibold text-neutral-800 ft-text-base lg:ml-0">
+              {t('explore.pagination.label.amountOf DAOs', {
+                amount: totalDaosShown,
+                total: totalDaos,
+              })}
+            </span>
+          </div>
+        )}
       <DaoFilterModal
         isOpen={showAdvancedFilters}
         filters={filters}
@@ -304,15 +379,3 @@ const Container = styled.div.attrs({
 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',
-})``;
-
-const ButtonGroupContainer = styled.div.attrs({
-  className: 'flex space-x-3 items-start',
-})``;
diff --git a/src/containers/daoFilterModal/data.ts b/src/containers/daoFilterModal/data.ts
index 0e355bb92..1ee302dd2 100644
--- a/src/containers/daoFilterModal/data.ts
+++ b/src/containers/daoFilterModal/data.ts
@@ -31,7 +31,12 @@ export const governanceFilters: GovernanceFilter[] = [
   },
 ];
 
-export type QuickFilterValue = 'allDaos' | 'memberOf' | 'following';
+export type QuickFilterValue =
+  | 'allDaos'
+  | 'featuredDaos'
+  | 'memberOf'
+  | 'following';
+
 type QuickFilter = {
   label: string;
   value: QuickFilterValue;
@@ -41,10 +46,11 @@ type QuickFilter = {
 export type OrderByValue = 'createdAt' | 'tvl' | 'members' | 'proposals';
 
 export const quickFilters: QuickFilter[] = [
+  {label: 'explore.toggleFilter.featuredDAOs', value: 'featuredDaos'},
   {label: 'explore.toggleFilter.allDAOs', value: 'allDaos'},
   {label: 'explore.toggleFilter.member', value: 'memberOf'},
   {
-    label: 'explore.toggleFilter.Favourites',
+    label: 'explore.toggleFilter.favourites',
     value: 'following',
   },
 ];
diff --git a/src/containers/daoFilterModal/index.tsx b/src/containers/daoFilterModal/index.tsx
index 004ea1ef6..71125cf29 100644
--- a/src/containers/daoFilterModal/index.tsx
+++ b/src/containers/daoFilterModal/index.tsx
@@ -7,18 +7,13 @@ import styled from 'styled-components';
 
 import BottomSheet from 'components/bottomSheet';
 import useScreen from 'hooks/useScreen';
-import {useWallet} from 'hooks/useWallet';
+
 import {SupportedNetworks} from 'utils/constants';
-import {
-  QuickFilterValue,
-  governanceFilters,
-  networkFilters,
-  quickFilters,
-} from './data';
+import {governanceFilters, networkFilters} from './data';
 import {DaoFilterAction, DaoFilterState, FilterActionTypes} from './reducer';
 
 export const DEFAULT_FILTERS: DaoFilterState = {
-  quickFilter: 'allDaos',
+  quickFilter: 'featuredDaos',
   pluginNames: [],
   networks: [],
   order: 'tvl',
@@ -82,7 +77,7 @@ const Header: React.FC<HeaderProps> = ({onClose}) => {
         iconLeft={IconType.CLOSE}
         variant="tertiary"
         size="sm"
-        responsiveSize={{lg: 'lg'}}
+        responsiveSize={{lg: 'md'}}
         onClick={onClose}
       />
     </ModalHeader>
@@ -92,11 +87,10 @@ const Header: React.FC<HeaderProps> = ({onClose}) => {
 type ContentProps = Pick<DaoFilterModalProps, 'filters' | 'onFilterChange'>;
 
 const ModalContent: React.FC<ContentProps> = ({
-  filters: {networks, quickFilter, pluginNames, showTestnets},
+  filters: {networks, pluginNames, showTestnets},
   onFilterChange,
 }) => {
   const {t} = useTranslation();
-  const {isConnected} = useWallet();
 
   const testnetsFilters = networkFilters.flatMap(f =>
     f.testnet ? f.value : []
@@ -109,14 +103,6 @@ const ModalContent: React.FC<ContentProps> = ({
   /*************************************************
    *             Callbacks and Handlers            *
    *************************************************/
-  const toggleQuickFilters = (value?: string | string[]) => {
-    if (value && !Array.isArray(value)) {
-      onFilterChange({
-        type: FilterActionTypes.SET_QUICK_FILTER,
-        payload: value as QuickFilterValue,
-      });
-    }
-  };
 
   const toggleNetworks = (value?: string[]) => {
     onFilterChange({
@@ -152,29 +138,6 @@ const ModalContent: React.FC<ContentProps> = ({
    *************************************************/
   return (
     <Main>
-      {/* Quick Filters */}
-      <FilterSection>
-        <ToggleGroup
-          isMultiSelect={false}
-          value={quickFilter}
-          onChange={toggleQuickFilters}
-        >
-          {quickFilters.map(f => {
-            return (
-              <Toggle
-                key={f.value}
-                label={t(f.label)}
-                value={f.value}
-                disabled={
-                  (f.value === 'memberOf' || f.value === 'following') &&
-                  !isConnected
-                }
-              />
-            );
-          })}
-        </ToggleGroup>
-      </FilterSection>
-
       {/* Blockchain Filters */}
       <FilterSection>
         <TitleWrapper>
diff --git a/src/containers/daoOverview/index.tsx b/src/containers/daoOverview/index.tsx
index b90ca528d..6326c75cc 100644
--- a/src/containers/daoOverview/index.tsx
+++ b/src/containers/daoOverview/index.tsx
@@ -2,7 +2,6 @@ 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/carousel';
diff --git a/src/containers/explorerCta/index.tsx b/src/containers/explorerCta/index.tsx
new file mode 100644
index 000000000..c6a2c47db
--- /dev/null
+++ b/src/containers/explorerCta/index.tsx
@@ -0,0 +1,75 @@
+import React, {useMemo, useCallback} from 'react';
+import styled from 'styled-components';
+import {useNavigate} from 'react-router-dom';
+import CTACard from 'components/ctaCard';
+import {CTACards} from 'components/ctaCard/data';
+import {useWallet} from 'hooks/useWallet';
+import {trackEvent} from 'services/analytics';
+
+const ExplorerCTA: React.FC = () => {
+  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]
+  );
+
+  return <CTAContainer>{ctaList}</CTAContainer>;
+};
+
+const CTAContainer = styled.div.attrs({
+  className: 'relative flex lg:flex-row flex-col lg:space-x-6 max-w-fit',
+})``;
+
+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 default ExplorerCTA;
diff --git a/src/containers/hero/index.tsx b/src/containers/hero/index.tsx
index 488690119..bb2935fa7 100644
--- a/src/containers/hero/index.tsx
+++ b/src/containers/hero/index.tsx
@@ -1,90 +1,54 @@
 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';
 
 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>
         </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:
-    'bg-primary-400 h-[448px] -mt-20 pt-20  xl:h-[536px] xl:pt-24 xl:-mt-24 overflow-hidden',
+    'relative bg-primary-400 -mt-20 pt-20 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',
+  className: 'flex relative w-full col-start-1 xl: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-5xl',
 })`
-  font-family: Syne;
-  letter-spacing: -0.03em;
+  font-family: Sora;
+  letter-spacing: -2.4%;
 `;
 
 const Subtitle = styled.h3.attrs({
   className:
-    'text-neutral-0 ft-text-lg font-normal text-center xl:text-left leading-[24px] xl:leading-[30px]',
-})``;
-
-const ImageWrapper = styled.div.attrs({
-  className: 'h-full',
+    'text-neutral-0 ft-text-lg font-normal leading-[24px] xl:leading-[30px]',
 })``;
 
 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/containers/navbar/exploreNav.tsx b/src/containers/navbar/exploreNav.tsx
index e0072125d..3eb0f67cf 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
@@ -75,17 +99,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',
 })``;
diff --git a/src/hooks/useFeaturedDaos.ts b/src/hooks/useFeaturedDaos.ts
new file mode 100644
index 000000000..51f0d6cc9
--- /dev/null
+++ b/src/hooks/useFeaturedDaos.ts
@@ -0,0 +1,20 @@
+import {useQuery} from '@tanstack/react-query';
+import {IDao} from 'services/aragon-backend/domain/dao';
+
+const FEATURED_DAOS_URL =
+  'https://raw.githubusercontent.com/aragon/app/refs/heads/develop/src/assets/data/featured-daos.json';
+
+const fetchFeaturedDaos = async (): Promise<IDao[]> => {
+  const response = await fetch(FEATURED_DAOS_URL);
+
+  if (!response.ok) {
+    throw new Error('Failed to fetch featured DAOs');
+  }
+
+  const data: IDao[] = await response.json();
+  return data;
+};
+
+export const useFeaturedDaos = () => {
+  return useQuery({queryKey: ['featuredDaos'], queryFn: fetchFeaturedDaos});
+};
diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index ca1a807fa..6017e99b9 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -1,9 +1,7 @@
 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 ExplorerCTA from 'containers/explorerCta';
 import {DaoExplorer} from 'containers/daoExplorer';
 import Hero from 'containers/hero';
 import {useNetwork} from 'context/network';
@@ -31,8 +29,8 @@ export const Explore: React.FC = () => {
       <Hero />
       <GridLayout>
         <ContentWrapper>
-          <Carousel />
           <DaoExplorer />
+          <ExplorerCTA />
         </ContentWrapper>
       </GridLayout>
     </>
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 ======================================================= */