diff --git a/src/api/api.ts b/src/api/api.ts
new file mode 100644
index 0000000..c1f9294
--- /dev/null
+++ b/src/api/api.ts
@@ -0,0 +1 @@
+//  apis
diff --git a/src/components/common/Button.tsx b/src/components/common/Button.tsx
new file mode 100644
index 0000000..6447a38
--- /dev/null
+++ b/src/components/common/Button.tsx
@@ -0,0 +1,9 @@
+import React from "react";
+
+export default function Button() {
+  return (
+    <>
+      <button type="button">Button</button>;
+    </>
+  );
+}
diff --git a/src/components/common/Intro.tsx b/src/components/common/Intro.tsx
new file mode 100644
index 0000000..b649918
--- /dev/null
+++ b/src/components/common/Intro.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function Intro() {
+  return <h1>Intro</h1>;
+}
diff --git a/src/components/consumer/ConsumerGiftLst.tsx b/src/components/consumer/ConsumerGiftLst.tsx
new file mode 100644
index 0000000..8e7aff0
--- /dev/null
+++ b/src/components/consumer/ConsumerGiftLst.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function ConsumerGiftLst() {
+  return <h1>ConsumerGiftLst</h1>;
+}
diff --git a/src/components/provider/ProviderGift.tsx b/src/components/provider/ProviderGift.tsx
new file mode 100644
index 0000000..36195bd
--- /dev/null
+++ b/src/components/provider/ProviderGift.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function ProviderGift() {
+  return <h1>ProviderGift</h1>;
+}
diff --git a/src/components/provider/ProviderGiftList.tsx b/src/components/provider/ProviderGiftList.tsx
new file mode 100644
index 0000000..8d6a981
--- /dev/null
+++ b/src/components/provider/ProviderGiftList.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function ProviderGiftList() {
+  return <h1>ProviderGiftList</h1>;
+}