From 2aae1e4c8d391f1146da145b11d697c55d50ed84 Mon Sep 17 00:00:00 2001
From: aoiacai <102672343+aoiacai@users.noreply.github.com>
Date: Sun, 9 Jun 2024 15:13:48 +0900
Subject: [PATCH] Update Header.tsx

---
 app/components/Header.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index fbbd322..23c3370 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -78,7 +78,10 @@ function ResponsiveAppBar() {
                         >
                             {pages.map((page) => (
                                 <MenuItem key={page} onClick={handleCloseNavMenu}>
-                                    <Typography textAlign="center" color='white'>{page}</Typography>
+                                    <ScrollLink to={page.toLowerCase()} smooth={true} duration={500} key={page}>
+                                        <Typography textAlign="center" color='white'>{page}</Typography>
+                                    </ScrollLink>
+                                   
                                 </MenuItem>
                             ))}
                         </Menu>