diff --git a/src/component/subscribe/SubcribePaymentOptions.jsx b/src/component/subscribe/SubcribePaymentOptions.jsx
new file mode 100644
index 0000000..899e3a0
--- /dev/null
+++ b/src/component/subscribe/SubcribePaymentOptions.jsx
@@ -0,0 +1,30 @@
+import React from 'react'
+
+export default function SubcribePaymentOptions(){
+
+ return <>
+
+
+
+
+
Select Payment Option
+
+
+
+ {/*
*/}
+
+ >
+
+}
\ No newline at end of file
diff --git a/src/component/subscribe/SubscribeNewCard.jsx b/src/component/subscribe/SubscribeNewCard.jsx
new file mode 100644
index 0000000..4168fd8
--- /dev/null
+++ b/src/component/subscribe/SubscribeNewCard.jsx
@@ -0,0 +1,6 @@
+import React from 'react'
+export default function SubscribeNewCard(){
+
+ return <>Previous Card>
+
+}
\ No newline at end of file
diff --git a/src/component/subscribe/SubscribePreviousCard.jsx b/src/component/subscribe/SubscribePreviousCard.jsx
new file mode 100644
index 0000000..0903938
--- /dev/null
+++ b/src/component/subscribe/SubscribePreviousCard.jsx
@@ -0,0 +1,6 @@
+import React from 'react'
+export default function SubscribePreviousCard(){
+
+ return <>Previous Card>
+
+}
\ No newline at end of file