diff --git a/src/pages/about/index.js b/src/pages/about/index.js
index c49bcbb..90f4051 100644
--- a/src/pages/about/index.js
+++ b/src/pages/about/index.js
@@ -2,6 +2,13 @@ import { Button, Stack } from '@mui/material'
 import React from 'react'
 
 function About() {
+    function getActivtyData() {
+        let fetchData = null
+        const data = fetch('http://localhost:3001/api/hello', { hallId: '1' })
+            .then(res => res.json())
+            .then(data => console.log(data))
+    }
+    
     const handleEmailClick = () => {
         console.log('handleEmailClick!');
     }
@@ -12,6 +19,7 @@ function About() {
 
     return (
         <Stack>
+            <Button variant='contained' onClick={getActivtyData}>獲取聽館資料</Button>
             <Button variant='contained' onClick={handleEmailClick}>送出信件</Button>
             <Button variant='contained' onClick={handleCancelClick}>取消</Button>
         </Stack>