diff --git a/src/app/components/HelloWorld.tsx b/src/app/components/HelloWorld.tsx
new file mode 100644
index 0000000..15d22d3
--- /dev/null
+++ b/src/app/components/HelloWorld.tsx
@@ -0,0 +1,8 @@
+export default function HelloWorld() {
+  return (
+    <div className="p-4 bg-blue-100 rounded">
+      <h2 className="text-xl font-bold">Hello World!</h2>
+      <p className="text-gray-700">Reactコンポーネントの第一歩です</p>
+    </div>
+  );
+}
\ No newline at end of file