diff --git a/src/components/account_view/AccountProfileView.jsx b/src/components/account_view/AccountProfileView.jsx
index e7eef57..ae64850 100644
--- a/src/components/account_view/AccountProfileView.jsx
+++ b/src/components/account_view/AccountProfileView.jsx
@@ -1,6 +1,52 @@
 
-export default function AccountProfileView(){
+
+
+export default function AccountProfileView() {
     return <>
-        <p className='text-slate-800'>Account Information</p>
+        <div className="row" style={{paddingBottom:'20px'}}>
+            <div className="col-12 col-lg-12">
+                <div className="card card-statistics">
+                    <div className="card-header">
+                        <div className="card-heading">
+                            <h4 className="card-title"><b>Account Profile</b></h4>
+                        </div>
+                    </div>
+                    <div className="card-body">
+                        <div className="table-responsive">
+                            <table className="table table-hover mb-0" style={{width:'100%', backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                                <thead>
+                                <tr>
+                                    <th scope="col">#</th>
+                                    <th scope="col">First</th>
+                                    <th scope="col">Last</th>
+                                    <th scope="col">Handle</th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                <tr>
+                                    <th scope="row">1</th>
+                                    <td>Mark</td>
+                                    <td>Otto</td>
+                                    <td>@mdo</td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">2</th>
+                                    <td>Jacob</td>
+                                    <td>Thornton</td>
+                                    <td>@fat</td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">3</th>
+                                    <td>Larry</td>
+                                    <td>the Bird</td>
+                                    <td>@twitter</td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </>
 }
\ No newline at end of file
diff --git a/src/components/account_view/CustomerAccountView.jsx b/src/components/account_view/CustomerAccountView.jsx
index 5bfa5eb..e7fdb5b 100644
--- a/src/components/account_view/CustomerAccountView.jsx
+++ b/src/components/account_view/CustomerAccountView.jsx
@@ -1,6 +1,53 @@
+import Icons from "../Icons";
 
-export default function CustomerAccountView(){
+export default function CustomerAccountView() {
     return <>
-        <p className='text-slate-800'>Account Information</p>
+        <div className="row" style={{paddingBottom:'20px'}}>
+            <div className="col-12 col-lg-12">
+                <div className="card card-statistics">
+                    <div className="card-header">
+                        <div className="card-heading">
+                            <h4 className="card-title"><b>Account Info</b></h4>
+                        </div>
+                    </div>
+                    <div className="card-body">
+                        <div className="table-responsive">
+                            <table className="table table-hover mb-0" style={{width:'100%', backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                                <thead>
+                                <tr>
+                                    <th scope="col">id</th>
+                                    <th scope="col">Firstname</th>
+                                    <th scope="col">Lastname</th>
+                                    <th scope="col">Username</th>
+                                    <th scope="col">Email</th>
+                                    <th scope="col">Action</th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                <tr>
+                                    <th scope="row">1</th>
+                                    <td>Mark</td>
+                                    <td>Otto</td>
+                                    <td>@mdo</td>
+                                    <td>Otto</td>
+                                    <td className="px-2 text-right">
+                                        <div className='flex items-center justify-end gap-3 md:gap-4'>
+                                            <div
+                                                className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
+                                                {/*<Link to={`/account-view/${item?.member_uid}`}>*/}
+                                                <Icons name='eye'/>
+                                                {/*</Link>*/}
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </>
 }
\ No newline at end of file
diff --git a/src/components/account_view/CustomerPaymentsView.jsx b/src/components/account_view/CustomerPaymentsView.jsx
index 674723e..7d39ea9 100644
--- a/src/components/account_view/CustomerPaymentsView.jsx
+++ b/src/components/account_view/CustomerPaymentsView.jsx
@@ -1,6 +1,50 @@
 
-export default function CustomerPaymentsView(){
+export default function CustomerPaymentsView() {
     return <>
-        <p className='text-slate-800'>Account Payments</p>
+        <div className="row" style={{paddingBottom:'20px'}}>
+            <div className="col-12 col-lg-12">
+                <div className="card card-statistics">
+                    <div className="card-header">
+                        <div className="card-heading">
+                            <h4 className="card-title"><b>Payments</b></h4>
+                        </div>
+                    </div>
+                    <div className="card-body">
+                        <div className="table-responsive">
+                            <table className="table table-hover mb-0" style={{width:'100%', backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                                <thead>
+                                <tr>
+                                    <th scope="col">#</th>
+                                    <th scope="col">First</th>
+                                    <th scope="col">Last</th>
+                                    <th scope="col">Handle</th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                <tr>
+                                    <th scope="row">1</th>
+                                    <td>Mark</td>
+                                    <td>Otto</td>
+                                    <td>@mdo</td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">2</th>
+                                    <td>Jacob</td>
+                                    <td>Thornton</td>
+                                    <td>@fat</td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">3</th>
+                                    <td>Larry</td>
+                                    <td>the Bird</td>
+                                    <td>@twitter</td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </>
 }
\ No newline at end of file
diff --git a/src/components/account_view/CustomerSubscriptionsView.jsx b/src/components/account_view/CustomerSubscriptionsView.jsx
index 9774474..b22bdb3 100644
--- a/src/components/account_view/CustomerSubscriptionsView.jsx
+++ b/src/components/account_view/CustomerSubscriptionsView.jsx
@@ -1,6 +1,88 @@
+import Icons from "../Icons";
+import {Link} from 'react-router-dom'
 
-export default function CustomerSubscriptionsView(){
+export default function CustomerSubscriptionsView() {
     return <>
-        <p className='text-slate-800'>Subscriptions Information</p>
+        <div className="row" style={{paddingBottom: '20px'}}>
+            <div className="col-12 col-lg-12">
+                <div className="card card-statistics">
+                    <div className="card-header">
+                        <div className="card-heading">
+                            <h4 className="card-title"><b>Subscriptions</b></h4>
+                        </div>
+                    </div>
+                    <div className="card-body">
+                        <div className="table-responsive">
+                            <table className="table table-hover mb-0"
+                                   style={{width: '100%', backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                                <thead>
+                                <tr>
+                                    <th scope="col">ID</th>
+                                    <th scope="col">Added</th>
+                                    <th scope="col">Product</th>
+                                    <th scope="col">URL</th>
+                                    <th scope="col">Status</th>
+                                    <th scope="col">Action</th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                <tr>
+                                    <th scope="row">1</th>
+                                    <td>Sat, Sep 27th 2025 7:29AM</td>
+                                    <td>A000002</td>
+                                    <td>bobmarleya2.devprov.mermsemr.com</td>
+                                    <td>7</td>
+                                    <td className="px-2 text-right">
+                                        <div className='flex items-center justify-end gap-3 md:gap-4'>
+                                            <div
+                                                className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
+                                                <Link to={`/subscription-view/63554d40-9ba1-4afe-80c2-ca147236f7ee`}>
+                                                    <Icons name='eye'/>
+                                                </Link>
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">2</th>
+                                    <td>Sat, Sep 27th 2025 7:29AM</td>
+                                    <td>A000002</td>
+                                    <td>bobmarleya2.devprov.mermsemr.com</td>
+                                    <td>7</td>
+                                    <td className="px-2 text-right">
+                                        <div className='flex items-center justify-end gap-3 md:gap-4'>
+                                            <div
+                                                className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
+                                                <Link to={`/subscription-view/63554d40-9ba1-4afe-80c2-ca147236f7ee`}>
+                                                    <Icons name='eye'/>
+                                                </Link>
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">3</th>
+                                    <td>Sat, Sep 27th 2025 7:29AM</td>
+                                    <td>A000002</td>
+                                    <td>bobmarleya2.devprov.mermsemr.com</td>
+                                    <td>7</td>
+                                    <td className="px-2 text-right">
+                                        <div className='flex items-center justify-end gap-3 md:gap-4'>
+                                            <div
+                                                className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
+                                                <Link to={`/subscription-view/63554d40-9ba1-4afe-80c2-ca147236f7ee`}>
+                                                    <Icons name='eye'/>
+                                                </Link>
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </>
 }
\ No newline at end of file
diff --git a/src/components/transactions/SubscriptionsCom.jsx b/src/components/transactions/SubscriptionsCom.jsx
index 4e0f077..19b8f29 100644
--- a/src/components/transactions/SubscriptionsCom.jsx
+++ b/src/components/transactions/SubscriptionsCom.jsx
@@ -1,4 +1,6 @@
 import { useState } from 'react'
+import {Link} from 'react-router-dom'
+
 // import {Link} from 'react-router-dom'
 import { useQuery } from '@tanstack/react-query'
 import queryKeys from '../../services/queryKeys'
@@ -93,6 +95,9 @@ export default function SubscriptionsCom() {
                                         <th scope="col" className="px-2 text-right">
                                             Status
                                         </th>
+                                        <th scope="col" className="px-2 text-right">
+                                            Action
+                                        </th>
                                     </tr>
                                 </thead>
                                 <tbody>
@@ -122,6 +127,17 @@ export default function SubscriptionsCom() {
                                                     <div className="text-base font-semibold">{item?.status}</div>
                                                 </div> 
                                             </td>
+                                            <td className="px-2 text-right">
+                                                <div className='flex items-center justify-end gap-3 md:gap-4'>
+                                                    <div
+                                                        className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
+                                                        <Link to={`/subscription-view/${item?.subscription_uid}`}
+                                                              state={{customerID: item?.id, memberUID: item?.member_uid}}>
+                                                            <Icons name='eye'/>
+                                                        </Link>
+                                                    </div>
+                                                </div>
+                                            </td>
                                         </tr>
                                     ))
                                     :