diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index f17f9f3..961fc99 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -24,6 +24,7 @@
         "jwt-decode": "^4.0.0",
         "prettier": "^3.1.0",
         "react": "^18.2.0",
+        "react-date-object": "^2.1.8",
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.16.0",
         "typescript": "^5.2.2"
@@ -4297,6 +4298,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-date-object": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/react-date-object/-/react-date-object-2.1.8.tgz",
+      "integrity": "sha512-94zg/9r29v/VsKsJT0E5+tPg85IyMirkU/B7qBWlhT7RDSuf9x5dczfbQOsj9TbzSVUK/Vx/ZDboOBy9hA381w=="
+    },
     "node_modules/react-dom": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
@@ -8014,6 +8020,11 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "react-date-object": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/react-date-object/-/react-date-object-2.1.8.tgz",
+      "integrity": "sha512-94zg/9r29v/VsKsJT0E5+tPg85IyMirkU/B7qBWlhT7RDSuf9x5dczfbQOsj9TbzSVUK/Vx/ZDboOBy9hA381w=="
+    },
     "react-dom": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
diff --git a/frontend/src/pages/my-account/MyAccount.jsx b/frontend/src/pages/my-account/MyAccount.jsx
index 9bce866..0333679 100644
--- a/frontend/src/pages/my-account/MyAccount.jsx
+++ b/frontend/src/pages/my-account/MyAccount.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Box, Button, Chip, CircularProgress, Divider, Stack, Tab, Tabs, Typography } from '@mui/material';
+import {Box, Button, Chip, CircularProgress, Divider, Stack, Tab, Tabs, TextField, Typography} from '@mui/material';
 import ItemCard from '../../components/item-card/item-card.jsx';
 import Toast from '../../components/toast/Toast.jsx';
 import useMyAccount from './useMyAccount.js';
@@ -18,6 +18,8 @@ const MyAccount = () => {
     removeFromCartHandler,
     toastData,
     openToast,
+    offCode,
+    handleOffCodeInputHandler,
     setOpenToast,
   } = useMyAccount();
   const [tabValue, setTabValue] = useState(TAB_ITEMS[2]);
@@ -171,6 +173,16 @@ const MyAccount = () => {
           <>
             <Divider sx={{ my: 2 }} />
             <Stack alignItems="center" gap={1}>
+              <br />
+              Have a Discount Code?
+              <TextField
+                  id={"off-input-field"}
+                  label={"Discount Code Here!"}
+                  variant={"outlined"}
+                  onChange={handleOffCodeInputHandler}
+                  value={offCode}
+              />
+              <br />
               {renderTotalPrice()}
               <Button
                 onClick={handleBuyCart}
diff --git a/frontend/src/pages/my-account/useMyAccount.js b/frontend/src/pages/my-account/useMyAccount.js
index 190eb43..b78125a 100644
--- a/frontend/src/pages/my-account/useMyAccount.js
+++ b/frontend/src/pages/my-account/useMyAccount.js
@@ -39,6 +39,7 @@ export default function useMyAccount() {
     const [openToast, setOpenToast] = useState()
     const [toastData, setToastData] = useState()
     const [buyButtonLoading, setBuyButtonLoading] = useState(false)
+    const [offCode, setOffCode] = useState("")
 
     const removeFromCartHandler = useCallback(({id, type}) => {
         removeFromUserCart({
@@ -48,9 +49,22 @@ export default function useMyAccount() {
     }, [removeFromUserCart])
 
     const handleBuyCart = useCallback(() => {
-        postPaymentData({call_back: 'https://aaiss.ir/callback'});
+        if (offCode === "") {
+            postPaymentData({
+                call_back: 'https://aaiss.ir/callback',
+            });
+        } else {
+            postPaymentData({
+                call_back: 'https://aaiss.ir/callback',
+                discount_code: offCode
+            });
+        }
         setBuyButtonLoading(true)
-    }, [postPaymentData]);
+    }, [offCode, postPaymentData]);
+
+    const handleOffCodeInputHandler = useCallback(e => {
+        setOffCode(e.target.value)
+    }, [])
 
     useEffect(() => {
         if (!paymentData)
@@ -58,10 +72,24 @@ export default function useMyAccount() {
 
         if (paymentData.status !== 200 || paymentData.data.status !== 200) {
             setOpenToast(true)
-            setToastData({
-                message: "There was an Error Regarding Payment! Please Try Again Later",
-                alertType: "error"
-            })
+            if (paymentData.status !== 200) {
+                if (paymentData.data?.message?.split(" ")[0] === "Discount") {
+                    setToastData({
+                        message: "Invalid Offer Code! Please Try Again",
+                        alertType: "error"
+                    })
+                } else {
+                    setToastData({
+                        message: "There was an Error Regarding Your Payment! Please Try Again Later",
+                        alertType: "error"
+                    })
+                }
+            } else {
+                setToastData({
+                    message: "Invalid Offer Code! Please Try Again",
+                    alertType: "error"
+                })
+            }
             setBuyButtonLoading(false)
             return
         }
@@ -224,5 +252,7 @@ export default function useMyAccount() {
         setOpenToast,
         buyButtonLoading,
         handleBuyCart,
+        offCode,
+        handleOffCodeInputHandler,
     };
 }