refactor(resources): update spacing and content style for more resources section

Author: TylerAPfledderer

src/intl/en/page-resources.json

@@ -76,12 +76,12 @@
   "page-resources-hero-title": "Resources",
   "page-resources-hero-header": "Ethereum Dashboards",
   "page-resources-hero-description": "Discover a list of community-curated resources to stay updated on all major Ethereum ecosystem developments.",
-  "page-resources-find-more": "Find more great resources on <a href=\"https://ethereumdashboards.com\" target=\"_blank\">ethereumdashboards.com</a>",
+  "page-resources-find-more": "Find more great resources on",
   "page-resources-contribute-title": "Contribute",
   "page-resources-contribute-description": "This dashboard is a living page that requires frequent updates. Help find the best resources to give an overview of the Ethereum ecosystem.",
   "page-resources-suggest-resource": "Suggest a resource",
   "page-resources-found-bug": "Found a bug",
   "page-resources-whats-on-this-page": "What's on this page",
   "page-resources-banner-notification-message": "Resources dashboard is new!",
   "page-resources-share-feedback": "Please share your feedback with us"
-}
+}

src/pages/[locale]/resources.tsx

@@ -13,7 +13,7 @@ import { ResourceItem, ResourcesContainer } from "@/components/Resources"
 import { useResources } from "@/components/Resources/useResources"
 import Translation from "@/components/Translation"
 import { ButtonLink } from "@/components/ui/buttons/Button"
-import { Stack } from "@/components/ui/flex"
+import { Stack, VStack } from "@/components/ui/flex"
 import Link from "@/components/ui/Link"
 import { Section } from "@/components/ui/section"
 
@@ -184,9 +184,14 @@ const ResourcesPage = ({ txCostsMedianUsd }) => {
           ))}
         </Stack>
 
-        <div className="mb-20 text-center">
-          <Translation id="page-resources:page-resources-find-more" />
-        </div>
+        <VStack className="gap-4 py-16">
+          <div className="text-center font-bold">
+            <Translation id="page-resources:page-resources-find-more" />
+          </div>
+          <ButtonLink href="https://ethereumdashboards.com" size="lg">
+            ethereumdashboards.com
+          </ButtonLink>
+        </VStack>
 
         <Section
           id="contribute"