diff --git a/.env.development b/.env.development
index 6d999ff..2282bfb 100644
--- a/.env.development
+++ b/.env.development
@@ -1,2 +1,2 @@
-API_URL=http://localhost:8090/api
+API_URL=http://192.168.244.204:8091/api
 NEXTAUTH_SECRET=secret
\ No newline at end of file
diff --git a/src/app/(main)/bssp/page.tsx b/src/app/(main)/bssp/page.tsx
index 1a4386d..7cdca1e 100644
--- a/src/app/(main)/bssp/page.tsx
+++ b/src/app/(main)/bssp/page.tsx
@@ -18,13 +18,23 @@ const Bssp: React.FC = async () => {
             flexWrap="wrap"
             rowGap={2}
           >
-            <Typography variant="h4" marginInlineEnd={2}>
+            <Typography variant="h1" marginInlineEnd={2}>
               {t("Bssp")}
             </Typography>
 
           </Stack>
           <Suspense>
             {t("SSSSS")}
+            <a href= "http://localhost:3000/bssp">{t("link")}</a>
+
+            <form>
+              <label>{t("First name:")}</label><br/>
+              <input type="text" id="fname" name="fname"/><br/>
+              <label>{t("Last name:")}</label><br/>
+              <input type="text" id="lname" name="lname"/><br/><br/>
+              <input type="submit" value="Submit"/>
+            </form> 
+
           </Suspense>
         </>
       )
diff --git a/src/app/(main)/invoice/page.tsx b/src/app/(main)/invoice/page.tsx
index 092ba79..d48d9cc 100644
--- a/src/app/(main)/invoice/page.tsx
+++ b/src/app/(main)/invoice/page.tsx
@@ -36,7 +36,7 @@ const Invoice: React.FC = async () => {
         </Button> */}
       </Stack>
       <Suspense fallback={<InvoiceSearch.Loading />}>
-        <I18nProvider namespaces={['invoices','common']}>
+        <I18nProvider namespaces={['Invoice','common']}>
           <InvoiceSearch />
         </I18nProvider>
       </Suspense>
diff --git a/src/components/InvoiceSearch/InvoiceSearch.tsx b/src/components/InvoiceSearch/InvoiceSearch.tsx
index 53c69ef..9ab9f30 100644
--- a/src/components/InvoiceSearch/InvoiceSearch.tsx
+++ b/src/components/InvoiceSearch/InvoiceSearch.tsx
@@ -44,7 +44,7 @@ type SearchParamNames2 = keyof SearchQuery2;
 
 const InvoiceSearch: React.FC<Props> = ({ issuedInvoice, receivedInvoice, invoices }) => {
   // console.log(invoices)
-  const { t } = useTranslation("invoices");
+  const { t } = useTranslation("Invoice");
   const [tabIndex, setTabIndex] = useState(0);
 
   const [filteredIssuedInvoices, setFilteredIssuedInvoices] = useState(issuedInvoice);
diff --git a/src/i18n/en/bssp.json b/src/i18n/en/bssp.json
index ae71a60..95429aa 100644
--- a/src/i18n/en/bssp.json
+++ b/src/i18n/en/bssp.json
@@ -1,3 +1,4 @@
 {
-    "SSSSS" : "AAAAAA"
+    "SSSSS" : "hello world",
+    "aaa" : "bbb"
 }
\ No newline at end of file
diff --git a/src/i18n/zh/Invoice.json b/src/i18n/zh/Invoice.json
new file mode 100644
index 0000000..27073e8
--- /dev/null
+++ b/src/i18n/zh/Invoice.json
@@ -0,0 +1,18 @@
+{
+    "Invoice No" : "發票號碼",
+    "Project Code" : "專案程式碼",
+    "Team" : "團隊",
+    "Invoice" : "發票",
+    "Total Issued Amount (HKD):" : "發行總額（港幣）：",
+    "Total Received Amount (HKD):" : "總收款金額（港幣）：",
+    "Issue Date" : "簽發日期",
+    "Issue Date To" : "簽發日期至",
+    "Settle Date" : "交割日期",
+    "Settle Date To" : "確定日期至",
+    "Edit" : "編輯",
+    "Project Name" : "項目名稱",
+    "Amount (HKD)" : "金額（港幣）",
+    "Actual Received Amount (HKD)" : "實際收到金額（港幣）",
+    "Import Invoice Issue Summary" : "進口發票問題摘要",
+    "Import Invoice Amount Receive Summary" : "進口發票金額接收摘要"
+}
\ No newline at end of file