diff --git a/src/components/account_view/AccountProfileView.jsx b/src/components/account_view/AccountProfileView.jsx
new file mode 100644
index 0000000..e7eef57
--- /dev/null
+++ b/src/components/account_view/AccountProfileView.jsx
@@ -0,0 +1,6 @@
+
+export default function AccountProfileView(){
+    return <>
+        <p className='text-slate-800'>Account Information</p>
+    </>
+}
\ No newline at end of file
diff --git a/src/components/account_view/AccountViewCom.jsx b/src/components/account_view/AccountViewCom.jsx
index e97b57d..6012790 100644
--- a/src/components/account_view/AccountViewCom.jsx
+++ b/src/components/account_view/AccountViewCom.jsx
@@ -7,6 +7,10 @@ import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
 import RouteLinks from '../../RouteLinks'
 import { getAccountView } from '../../services/siteServices'
 import queryKeys from '../../services/queryKeys'
+import CustomerAccountView from "./CustomerAccountView";
+import AccountProfileView from "./AccountProfileView";
+import CustomerSubscriptionsView from "./CustomerSubscriptionsView";
+import CustomerPaymentsView from "./CustomerPaymentsView";
 
 export default function AccountViewCom() {
 
@@ -48,7 +52,13 @@ export default function AccountViewCom() {
                 : isError ?
                     <p className='text-red-500'>{error.message}</p>
                 :
-                    <p className='text-slate-800'>coming soon</p>
+                        <>
+                            <CustomerAccountView />
+                            <AccountProfileView />
+                            <CustomerSubscriptionsView />
+                            <CustomerPaymentsView />
+                        </>
+
                 }
 
             </div>
diff --git a/src/components/account_view/CustomerAccountView.jsx b/src/components/account_view/CustomerAccountView.jsx
new file mode 100644
index 0000000..5bfa5eb
--- /dev/null
+++ b/src/components/account_view/CustomerAccountView.jsx
@@ -0,0 +1,6 @@
+
+export default function CustomerAccountView(){
+    return <>
+        <p className='text-slate-800'>Account Information</p>
+    </>
+}
\ No newline at end of file
diff --git a/src/components/account_view/CustomerPaymentsView.jsx b/src/components/account_view/CustomerPaymentsView.jsx
new file mode 100644
index 0000000..674723e
--- /dev/null
+++ b/src/components/account_view/CustomerPaymentsView.jsx
@@ -0,0 +1,6 @@
+
+export default function CustomerPaymentsView(){
+    return <>
+        <p className='text-slate-800'>Account Payments</p>
+    </>
+}
\ No newline at end of file
diff --git a/src/components/account_view/CustomerSubscriptionsView.jsx b/src/components/account_view/CustomerSubscriptionsView.jsx
new file mode 100644
index 0000000..9774474
--- /dev/null
+++ b/src/components/account_view/CustomerSubscriptionsView.jsx
@@ -0,0 +1,6 @@
+
+export default function CustomerSubscriptionsView(){
+    return <>
+        <p className='text-slate-800'>Subscriptions Information</p>
+    </>
+}
\ No newline at end of file