Chnage: トップページに画像を表示した

itizawa · Dec 1, 2024 · c221420 · c221420
1 parent 270fbac
commit c221420
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/apps/web/public/top.png b/apps/web/public/top.png
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
@@ -1,4 +1,4 @@
-import { Link, Stack, Typography } from '@mui/material';
+import { Box, Link, Stack, Typography } from '@mui/material';
 import urlJoin from 'url-join';
 import { getCurrentUser } from '~/actions/user';
 
@@ -8,6 +8,10 @@ export default async function Page() {
   return (
     <Stack maxWidth={600} mx='auto' pt={2} pb={4} gap={3} px={2}>
       <Typography variant='h5'>Welcome to Wisblog !</Typography>
+      <Box sx={{ border: '1px solid white' }}>
+        <img src='/top.png' alt='top' width={'100%'} loading='lazy' />
+      </Box>
+      <Typography variant='body1'>Wisblogは直感的なUIでブログを作成できます。</Typography>
       {currentUser ? (
         <Link href={'/dashboards/blogs'} color='info' sx={{ textDecoration: 'none' }}>
           <Typography variant='h5'>ダッシュボードへ</Typography>