From 0fe6db0af766639d7f5ad24bba07f4b4cf54a0c7 Mon Sep 17 00:00:00 2001
From: Hayley Sharpe <sharpeh42@gmail.com>
Date: Sun, 21 Jul 2024 16:16:55 +1200
Subject: [PATCH] :sparkles: make Hayley's component, make page to display
 Hayley's component

---
 next/app/test/hayley/mycomponent/page.tsx | 5 +++++
 next/components/dev/HayleyComponent.tsx   | 7 +++++++
 2 files changed, 12 insertions(+)
 create mode 100644 next/app/test/hayley/mycomponent/page.tsx
 create mode 100644 next/components/dev/HayleyComponent.tsx

diff --git a/next/app/test/hayley/mycomponent/page.tsx b/next/app/test/hayley/mycomponent/page.tsx
new file mode 100644
index 0000000..e693729
--- /dev/null
+++ b/next/app/test/hayley/mycomponent/page.tsx
@@ -0,0 +1,5 @@
+import HayleyComponent from "@/components/dev/HayleyComponent";
+
+export default function MyComponent() {
+  return <HayleyComponent />;
+}
diff --git a/next/components/dev/HayleyComponent.tsx b/next/components/dev/HayleyComponent.tsx
new file mode 100644
index 0000000..77ad1ea
--- /dev/null
+++ b/next/components/dev/HayleyComponent.tsx
@@ -0,0 +1,7 @@
+export default function HayleyComponent() {
+    return (
+        <div>
+            <h1 className="text-blue-600"> This is Hayley's blue component!</h1>
+        </div>
+    )
+}
\ No newline at end of file