feat: updated card content and actions (#66)

app/components/Home/components/Section/components/SectionHero/components/Carousel/components/Cards/cards.styles.ts

@@ -13,7 +13,7 @@ import {
 } from "@databiosphere/findable-ui/lib/styles/common/mixins/fonts";
 import { elevation01 } from "@databiosphere/findable-ui/lib/theme/common/shadows";
 import styled from "@emotion/styled";
-import { ButtonBase as MButtonBase, Card as MCard } from "@mui/material";
+import { Card as MCard } from "@mui/material";
 import {
   MAX_CARD_HEIGHT,
   MAX_CARD_HEIGHT_SM,
@@ -86,23 +86,10 @@ export const CardContent = styled.div`
   }
 `;
 
-export const CardCallToAction = styled(MButtonBase)`
-  &.MuiButtonBase-root {
-    ${textBody500};
-    color: #28285b;
-    margin-top: 16px;
-    text-decoration: underline;
-    text-decoration-skip-ink: none;
-    text-underline-position: from-font;
-
-    p {
-      color: inherit;
-      font: inherit;
-      margin: 0;
-    }
-
-    &:hover {
-      text-decoration: none;
-    }
-  }
+export const CardActions = styled.div`
+  ${textBody500};
+  align-items: center;
+  display: flex;
+  gap: 16px;
+  margin-top: 16px;
 `;

app/components/Home/components/Section/components/SectionHero/components/Carousel/content/learnToAnalyzeData.mdx

@@ -1,3 +1,14 @@
-### Learn how to analyze your data!
+### Analyze your data with Galaxy
 
-The new BRC-analytics platform will make heavy use of the Galaxy platform for analysis of data. To learn how to use this system or to improve your already existing skills enroll into [Galaxy Academy 2024](https://training.galaxyproject.org/training-material/events/galaxy-academy-2024.html). The Academy is a global online training event that will take place October 7 - 11, 2024. For more information please see [the event page](https://training.galaxyproject.org/training-material/events/galaxy-academy-2024.html). Note that free registration is required.
+The BRC-analytics platform makes heavy use of the Galaxy platform for analysis of data. To learn how to use Galaxy, or to improve your already existing skills, enroll in the [Galaxy Academy 2024](https://training.galaxyproject.org/training-material/events/galaxy-academy-2024.html), a global online training event taking place October 7 - 11, 2024.
+
+<CardActions>
+  <Link
+    label="Learn More"
+    url="https://training.galaxyproject.org/training-material/events/galaxy-academy-2024.html"
+  />
+  <Link
+    label="Register"
+    url="https://docs.google.com/forms/d/e/1FAIpQLScFRyDB45TQuMDjUJwQ7lu8kX4YanSoA7P_aqEBRC0PbXKOlw/viewform"
+  />
+</CardActions>

app/components/Home/components/Section/components/SectionHero/components/Carousel/content/shareUsageAndJoinAdvisoryPanel.mdx

@@ -2,10 +2,9 @@
 
 BRC Analytics is actively evolving to provide comprehensive data access and analytical tools for all 785 eukaryotic pathogens, host taxa, and vectors previously supported by VEuPathDB.We need your help to improve—share your usage patterns and join our design advisory panel to help shape the future of the platform.
 
-<CardCTA
-  href="https://docs.google.com/forms/d/e/1FAIpQLSdSj9QtrY1zdUF45V7zGDKY1qKlo8BbSgF0BPfKfSzRTlgsVg/viewform?usp=sf_link"
-  rel="noopener noreferrer"
-  target="_blank"
->
-  Get Involved
-</CardCTA>
+<CardActions>
+  <Link
+    label="Get Involved"
+    url="https://docs.google.com/forms/d/e/1FAIpQLSdSj9QtrY1zdUF45V7zGDKY1qKlo8BbSgF0BPfKfSzRTlgsVg/viewform?usp=sf_link"
+  />
+</CardActions>

mdx-components.tsx

@@ -1,11 +1,12 @@
 import { Link } from "@databiosphere/findable-ui/lib/components/Links/components/Link/link";
 import { MDXComponents } from "mdx/types";
-import { CardCallToAction } from "./app/components/Home/components/Section/components/SectionHero/components/Carousel/components/Cards/cards.styles";
+import { CardActions } from "./app/components/Home/components/Section/components/SectionHero/components/Carousel/components/Cards/cards.styles";
 
 export function useMDXComponents(components: MDXComponents): MDXComponents {
   return {
     ...components,
-    CardCTA: CardCallToAction,
+    CardActions,
+    Link,
     a: ({ children, href }) => Link({ label: children, url: href ?? "" }),
   };
 }