feat(WEB-250): overview hero final ui

components/TempDesignSystem/Card/index.tsx

@@ -1,21 +1,21 @@
-import Title from "@/components/Title"
+import Button from "@/components/TempDesignSystem/Button"
+import Divider from "@/components/TempDesignSystem/Divider"
+import Link from "@/components/TempDesignSystem/Link"
+import Title from "@/components/TempDesignSystem/Title"
 
-import Button from "../Button"
-import { ButtonProps } from "../Button/button"
-import Divider from "../Divider"
-import Link from "../Link"
-import { CardProps } from "./card"
 import { cardVariants } from "./variants"
 
 import styles from "./card.module.css"
 
+import type { ButtonProps } from "@/components/TempDesignSystem/Button/button"
+import type { CardProps } from "./card"
+
 export default function Card({
   primaryButton,
   secondaryButton,
   scriptedTopTitle,
   heading,
   bodyText,
-  backgroundImage,
   className,
   theme,
 }: CardProps) {
@@ -42,23 +42,15 @@ export default function Card({
     >
       {scriptedTopTitle ? (
         <section className={styles.scriptContainer}>
-          <Title level="h3" weight="semiBold" className={styles.scriptedTitle}>
+          <Title className={styles.scriptedTitle} level="h3">
             {scriptedTopTitle}
           </Title>
           <Divider className={styles.divider} />
         </section>
       ) : null}
-      {heading ? (
-        <Title
-          level="h3"
-          as="h5"
-          weight="semiBold"
-          uppercase
-          className={styles.heading}
-        >
-          {heading}
-        </Title>
-      ) : null}
+      <Title as="h5" className={styles.heading} level="h3">
+        {heading}
+      </Title>
       {bodyText ? <p className={styles.bodyText}>{bodyText}</p> : null}
       <div className={styles.buttonContainer}>
         {primaryButton ? (