diff --git a/src/Routers.jsx b/src/Routers.jsx
index f5f4593..4d71669 100755
--- a/src/Routers.jsx
+++ b/src/Routers.jsx
@@ -29,6 +29,7 @@ import TrackingPage from "./views/TrackingPage";
 import CalendarPage from "./views/CalendarPage";
 import ResourcePage from "./views/ResourcePage";
 import TrackActionPage from "./views/TrackActionPage";
+import SubscriptionPage from "./views/SubscriptionPage";
 
 export default function Routers() {
   return (
@@ -66,6 +67,7 @@ export default function Routers() {
           <Route exact path="/resources" element={<ResourcePage />} />
           <Route exact path="/my-wallet" element={<MyWalletPage />} />
           <Route exact path="/notification" element={<Notification />} />
+          <Route exact path="/subscription" element={<SubscriptionPage />} />
 
           <Route exact path="/t-weight" element={<TrackingPage />} />
           <Route exact path="/track-action/:trackpage" element={<TrackActionPage />} />
diff --git a/src/components/Subscriptions/PricingListTable.jsx b/src/components/Subscriptions/PricingListTable.jsx
new file mode 100644
index 0000000..244758a
--- /dev/null
+++ b/src/components/Subscriptions/PricingListTable.jsx
@@ -0,0 +1,25 @@
+import React, { useState } from "react";
+import SellAnalysChart from "../Charts/SellAnalysChart";
+import SelectBox from "../Helpers/SelectBox";
+
+export default function PricingListTable() {
+ 
+  
+  return (
+    <div className="sell-analise w-full md:p-8 p-4 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow mb-11">
+      <div className="flex flex-col justify-between h-full">
+        <div className="content flex justify-between items-center mb-5">
+          <div>
+            <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
+              Sell Analize
+            </h1>
+          </div>
+          
+        </div>
+        <div>
+       uuuuu
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/Subscriptions/SellProductHistoryTable.jsx b/src/components/Subscriptions/SellProductHistoryTable.jsx
new file mode 100644
index 0000000..a039d55
--- /dev/null
+++ b/src/components/Subscriptions/SellProductHistoryTable.jsx
@@ -0,0 +1,718 @@
+import React, { useState } from "react";
+import dataImage1 from "../../assets/images/data-table-user-1.png";
+import SelectBox from "../Helpers/SelectBox";
+
+export default function SellProductHistoryTable({ className }) {
+  const filterCategories = ["All Categories", "Explore", "Featured"];
+  const [selectedCategory, setCategory] = useState(filterCategories[0]);
+  return (
+    <div
+      className={`sell-product-history-table update-table w-full md:p-8 p-4 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow min-h-[520px] ${
+        className || ""
+      }`}
+    >
+      <div className="header w-full sm:flex justify-between items-center mb-5">
+        <div className="flex space-x-2 items-center">
+          <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
+            Products History
+          </h1>
+        </div>
+        <SelectBox
+          action={setCategory}
+          datas={filterCategories}
+          className="Update-table-dropdown"
+          contentBodyClasses="w-auto min-w-max"
+        />
+      </div>
+      <div className="relative w-full overflow-x-auto sm:rounded-lg">
+        <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
+          <tbody>
+            <tr className="text-base text-thin-light-gray border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
+              <td className="py-4">List</td>
+              <td className="py-4">Publish date</td>
+              <td className="py-4">Product Name</td>
+              <td className="py-4 text-center">type</td>
+              <td className="py-4 text-center">Sell</td>
+              <td className="py-4 text-center">Tendered</td>
+              <td className="py-4 text-center">Earnings</td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  01
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 Hours 1 min 30s
+                </span>
+              </td>
+              <td className=" py-4 px-2">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage1}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                  Art
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  343
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  1.323ETH
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  1.323ETH
+                </span>
+              </td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  02
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 Hours 1 min 30s
+                </span>
+              </td>
+              <td className=" py-4 px-2">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage1}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                  Art
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  343
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  1.323ETH
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  1.323ETH
+                </span>
+              </td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  03
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 Hours 1 min 30s
+                </span>
+              </td>
+              <td className=" py-4 px-2">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage1}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                  Art
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  343
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  1.323ETH
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  1.323ETH
+                </span>
+              </td>
+            </tr>
+            <tr className="hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  04
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 Hours 1 min 30s
+                </span>
+              </td>
+              <td className=" py-4 px-2">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage1}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                  Art
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  343
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  1.323ETH
+                </span>
+              </td>
+              <td className="text-center py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium">
+                  1.323ETH
+                </span>
+              </td>
+            </tr>
+
+            {selectedCategory === "All Categories" ? (
+              <>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+                  <td className="text-start py-4 px-2">
+                    <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                      01
+                    </span>
+                  </td>
+                  <td className="text-start py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                      2 Hours 1 min 30s
+                    </span>
+                  </td>
+                  <td className=" py-4 px-2">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Mullican Computer Joy
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Owned by <span className="text-purple">Xoeyam</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                      Art
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      343
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                </tr>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+                  <td className="text-start py-4 px-2">
+                    <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                      02
+                    </span>
+                  </td>
+                  <td className="text-start py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                      2 Hours 1 min 30s
+                    </span>
+                  </td>
+                  <td className=" py-4 px-2">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Mullican Computer Joy
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Owned by <span className="text-purple">Xoeyam</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                      Art
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      343
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                </tr>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+                  <td className="text-start py-4 px-2">
+                    <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                      03
+                    </span>
+                  </td>
+                  <td className="text-start py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                      2 Hours 1 min 30s
+                    </span>
+                  </td>
+                  <td className=" py-4 px-2">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Mullican Computer Joy
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Owned by <span className="text-purple">Xoeyam</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                      Art
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      343
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                </tr>
+                <tr className="hover:bg-gray-50 ">
+                  <td className="text-start py-4 px-2">
+                    <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                      04
+                    </span>
+                  </td>
+                  <td className="text-start py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                      2 Hours 1 min 30s
+                    </span>
+                  </td>
+                  <td className=" py-4 px-2">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Mullican Computer Joy
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Owned by <span className="text-purple">Xoeyam</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                      Art
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      343
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                </tr>
+              </>
+            ) : selectedCategory === "Explore" ? (
+              <>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+                  <td className="text-start py-4 px-2">
+                    <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                      01
+                    </span>
+                  </td>
+                  <td className="text-start py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                      2 Hours 1 min 30s
+                    </span>
+                  </td>
+                  <td className=" py-4 px-2">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Mullican Computer Joy
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Owned by <span className="text-purple">Xoeyam</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                      Art
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      343
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                </tr>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+                  <td className="text-start py-4 px-2">
+                    <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                      02
+                    </span>
+                  </td>
+                  <td className="text-start py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                      2 Hours 1 min 30s
+                    </span>
+                  </td>
+                  <td className=" py-4 px-2">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Mullican Computer Joy
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Owned by <span className="text-purple">Xoeyam</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                      Art
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      343
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                </tr>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+                  <td className="text-start py-4 px-2">
+                    <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                      03
+                    </span>
+                  </td>
+                  <td className="text-start py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                      2 Hours 1 min 30s
+                    </span>
+                  </td>
+                  <td className=" py-4 px-2">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Mullican Computer Joy
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Owned by <span className="text-purple">Xoeyam</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                      Art
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      343
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                </tr>
+              </>
+            ) : (
+              <>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+                  <td className="text-start py-4 px-2">
+                    <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                      03
+                    </span>
+                  </td>
+                  <td className="text-start py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                      2 Hours 1 min 30s
+                    </span>
+                  </td>
+                  <td className=" py-4 px-2">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Mullican Computer Joy
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Owned by <span className="text-purple">Xoeyam</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                      Art
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      343
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                </tr>
+                <tr className="hover:bg-gray-50 ">
+                  <td className="text-start py-4 px-2">
+                    <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                      04
+                    </span>
+                  </td>
+                  <td className="text-start py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                      2 Hours 1 min 30s
+                    </span>
+                  </td>
+                  <td className=" py-4 px-2">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Mullican Computer Joy
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Owned by <span className="text-purple">Xoeyam</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-sm text-white bg-light-green rounded-full  px-2.5 py-1.5">
+                      Art
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      343
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <span className="text-base text-dark-gray dark:text-white font-medium">
+                      1.323ETH
+                    </span>
+                  </td>
+                </tr>
+              </>
+            )}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/Subscriptions/index.jsx b/src/components/Subscriptions/index.jsx
new file mode 100644
index 0000000..b1820b8
--- /dev/null
+++ b/src/components/Subscriptions/index.jsx
@@ -0,0 +1,114 @@
+import React from "react";
+import country1 from "../../assets/images/country-1.png";
+import country2 from "../../assets/images/country-2.png";
+import country3 from "../../assets/images/country-3.png";
+import SellMonthStatics from "../Charts/SellMonthStatics";
+import SellHistoryWidget from "../Home/SellHistoryWidget";
+import CurrentBalanceWidget from "../MyWallet/CurrentBalanceWidget";
+import Layout from "../Partials/Layout";
+//import SellAnaliseStatics from "./SellAnaliseStatics";
+import SellProductHistoryTable from "./SellProductHistoryTable";
+
+
+import PricingListTable from "./PricingListTable";
+export default function Subscriptions() {
+  return (
+    <>
+      <Layout>
+        <div className="sell-page-wrapper w-full mb-10">
+          <div className="main-wrapper w-full">
+            <div className="current_balance-bit-sell-widget w-full lg:h-[436px] mb-11">
+              <div className="w-full h-full lg:flex lg:space-x-7">
+                {/* style={{ width: "calc(50% - 15px)" }} */}
+
+
+                <div className="lg:w-1/3 h-full mb-10 lg:mb-0">
+                  <div className="sell-month-analytic-card w-full h-full rounded-xl overflow-hidden relative">
+                    {/* heading */}
+                    <div className="w-full h-16 bg-gold flex pl-7 items-center">
+                      <h1 className="text-xl font-medium tracking-wide text-white">
+                        Bits this Month
+                      </h1>
+                    </div>
+                    <div className="w-full h-full flex flex-col justify-between bg-white dark:bg-dark-white  ">
+                      <div className="w-full px-5 pt-5">
+                        <p className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
+                          769.44 ETH
+                        </p>
+                        <p className="text-thin-light-gray text-18 flex items-center">
+                          <span>($949374.94)</span>
+                          <span className="ml-2 text-sm text-light-red">
+                            -224.75 (11.5%)
+                          </span>
+                        </p>
+                      </div>
+                      <div className="month-statics w-full lg:h-[205px] h-full lg:absolute bottom-0 left-0 transform scale-[1.08]">
+                        <PricingListTable setRGBColor="rgba(242, 153, 74)" />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="lg:w-1/3 h-full mb-10 lg:mb-0">
+                  <div className="sell-month-analytic-card w-full h-full rounded-xl overflow-hidden relative">
+                    {/* heading */}
+                    <div className="w-full h-16 bg-gold flex pl-7 items-center">
+                      <h1 className="text-xl font-medium tracking-wide text-white">
+                        Bits this Month
+                      </h1>
+                    </div>
+                    <div className="w-full h-full flex flex-col justify-between bg-white dark:bg-dark-white  ">
+                      <div className="w-full px-5 pt-5">
+                        <p className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
+                          769.44 ETH
+                        </p>
+                        <p className="text-thin-light-gray text-18 flex items-center">
+                          <span>($949374.94)</span>
+                          <span className="ml-2 text-sm text-light-red">
+                            -224.75 (11.5%)
+                          </span>
+                        </p>
+                      </div>
+                      <div className="month-statics w-full lg:h-[205px] h-full lg:absolute bottom-0 left-0 transform scale-[1.08]">
+                        <PricingListTable setRGBColor="rgba(242, 153, 74)" />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="lg:w-1/3 h-full mb-10 lg:mb-0">
+                  <div className="sell-month-analytic-card w-full h-full rounded-xl overflow-hidden relative">
+                    {/* heading */}
+                    <div className="w-full h-16 bg-pink flex pl-7 items-center">
+                      <h1 className="text-xl font-medium tracking-wide text-white">
+                        Sell Earing this Month
+                      </h1>
+                    </div>
+                    <div className="w-full h-full flex flex-col justify-between bg-white dark:bg-dark-white  ">
+                      <div className="w-full px-5 pt-5">
+                        <p className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
+                          769.44 ETH
+                        </p>
+                        <p className="text-thin-light-gray text-18 flex items-center">
+                          <span>($949374.94)</span>
+                          <span className="ml-2 text-sm text-light-green">
+                            224.75 (11.5%)
+                          </span>
+                        </p>
+                      </div>
+                      <div className="month-statics w-full lg:h-[205px] h-full lg:absolute bottom-0 left-0 transform scale-[1.08]">
+                        <PricingListTable setRGBColor="rgba(245, 57, 248, 1)" />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+          
+          </div>
+        </div>
+      </Layout>
+    </>
+  );
+}
diff --git a/src/views/SubscriptionPage.jsx b/src/views/SubscriptionPage.jsx
new file mode 100644
index 0000000..d40db40
--- /dev/null
+++ b/src/views/SubscriptionPage.jsx
@@ -0,0 +1,6 @@
+import React from "react";
+import Subscriptions from "../components/Subscriptions";
+
+export default function SubscriptionPage() {
+  return <Subscriptions />;
+}
\ No newline at end of file