diff --git a/next/components/blocks/ContentBlock.tsx b/next/components/blocks/ContentBlock.tsx
index c5301c6..1ebef98 100644
--- a/next/components/blocks/ContentBlock.tsx
+++ b/next/components/blocks/ContentBlock.tsx
@@ -9,6 +9,6 @@ export default function ContentBlock({ props }: { props: any }) {
case "content-block.content-block":
return ImageWithText({ props });
case "content-block.centered-paragraph":
- return RichText({ props });
+ return RichText({ text: props });
}
}
diff --git a/next/components/blocks/RichText.module.css b/next/components/blocks/RichText.module.css
new file mode 100644
index 0000000..ff43411
--- /dev/null
+++ b/next/components/blocks/RichText.module.css
@@ -0,0 +1,14 @@
+/* Space everything out */
+.reactMarkdown * + * {
+ margin: 0.5em;
+}
+
+.reactMarkdown h1 {
+ font-size: x-large;
+ font-weight: 600;
+}
+
+.reactMarkdown h2 {
+ font-size: large;
+}
+
diff --git a/next/components/blocks/RichText.tsx b/next/components/blocks/RichText.tsx
index a250e5d..6389323 100644
--- a/next/components/blocks/RichText.tsx
+++ b/next/components/blocks/RichText.tsx
@@ -1,8 +1,6 @@
-import React from "react";
import ReactMarkdown from "react-markdown";
+import style from "./RichText.module.css";
-const RichText = ({ props }: any) => {
- return {props.text};
-};
-
-export default RichText;
+export default function RichText({ text }: { text: string }) {
+ return {text};
+}
diff --git a/next/components/home/Blob.tsx b/next/components/home/Blob.tsx
index 01e8bf9..d932a61 100644
--- a/next/components/home/Blob.tsx
+++ b/next/components/home/Blob.tsx
@@ -1,19 +1,12 @@
-import { ReactNode } from "react";
-import RichText from "../blocks/RichText";
-
type BlobProps = {
- children: ReactNode;
+ children: React.ReactNode;
className?: string;
};
export default function Blob({ children, className = "" }: BlobProps) {
- // If children is a string, render it as a RichText component
- const richChildren = ;
- children = children instanceof String ? richChildren : children;
-
return (
{children}
diff --git a/next/components/home/HomePageBlob.module.css b/next/components/home/HomePageBlob.module.css
index 159bdc9..9862fe0 100644
--- a/next/components/home/HomePageBlob.module.css
+++ b/next/components/home/HomePageBlob.module.css
@@ -1,14 +1,3 @@
-.button {
- margin-top: 15px;
- padding: 12px 25px;
- background-color: #47c2ff;
- color: #003366;
- font-size: 18 px;
- border: none;
- border-radius: 45px;
- cursor: pointer;
-}
-
/* mobile responsiveness */
@media screen and (max-width: 768px) {
.container {
diff --git a/next/components/home/HomePageBlob.tsx b/next/components/home/HomePageBlob.tsx
index 88f1773..71df531 100644
--- a/next/components/home/HomePageBlob.tsx
+++ b/next/components/home/HomePageBlob.tsx
@@ -17,10 +17,14 @@ export default function HomePageBlobs({ blob1, blob2, blob3 }: Props) {
{blob1}
-
-
+
+
+
+
+
- {blob3}
);
}