2 files changed, 37 insertions, 0 deletions
diff --git a/src/components/discord/index.tsx b/src/components/discord/index.tsx
new file mode 100644
index 0000000..eb0890a
--- /dev/null
+++ b/src/components/discord/index.tsx
@@ -0,0 +1,18 @@
+import { Container, Section, TextDisplay, Thumbnail, Separator } from 'discord-component-embed'
+
+export function HomeEmbed() {
+  return (
+    <Container accentColor={0x274131}>
+      <Section accessory={<Thumbnail url="https://alee14.ca/profile.png" />}>
+          <TextDisplay>
+            ## Andrew Lee
+          </TextDisplay>
+          <TextDisplay>
+            Hey, I am Andrew Lee, a person who has a passion with computers.
+          </TextDisplay>
+      </Section>
+      <Separator divider={true} />
+      <TextDisplay>### [LinkedIn](https://linkedin.alee14.ca/) • [GitHub](https://github.alee14.ca/) • [YouTube](https://youtube.alee14.ca/) • [Mastodon](https://mstdn.ca/@alee) • [Instagram](https://instagram.alee14.ca/)</TextDisplay>
+    </Container>
+  )
+}
diff --git a/src/components/discord/page.tsx b/src/components/discord/page.tsx
new file mode 100644
index 0000000..55cfa4f
--- /dev/null
+++ b/src/components/discord/page.tsx
@@ -0,0 +1,19 @@
+import { Container, Section, TextDisplay, Thumbnail } from 'discord-component-embed'
+
+export function PageEmbed() {
+  return (
+    <Container accentColor={0x274131}>
+      <Section accessory={<Thumbnail url="https://alee14.ca/profile.png" />}>
+          <TextDisplay>
+          ## PageTitle
+          </TextDisplay>
+          <TextDisplay>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae varius risus, non suscipit orci. Integer dictum libero eros, vestibulum gravida dui tincidunt quis. Suspendisse fermentum, lacus at pretium lacinia, orci nisi finibus elit, posuere egestas mi dui at diam. Sed in bibendum mi, quis lacinia odio. Proin eu lacus dui. Morbi viverra tincidunt pharetra.
+          </TextDisplay>
+          <TextDisplay>
+            -# Andrew Lee
+          </TextDisplay>
+      </Section>
+    </Container>
+  )
+}