From 6ee607fc8fc7c38810c03c66d8cbfafea12074b0 Mon Sep 17 00:00:00 2001 From: ItsukiKigoshi Date: Fri, 17 Nov 2023 23:48:55 +0900 Subject: [PATCH] =?UTF-8?q?Add=20source=20and=20=E7=89=B9=E5=AE=9A?= =?UTF-8?q?=E5=95=86=E5=8F=96=E5=BC=95=E6=B3=95=E3=81=AB=E5=9F=BA=E3=81=A5?= =?UTF-8?q?=E3=81=8F=E8=A1=A8=E8=A8=98=20on=20footer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/footer.tsx | 18 ++++++++++++++++++ src/app/layout.tsx | 3 +-- src/app/page.tsx | 10 ++++------ src/app/salespolicy/page.tsx | 33 +++++++++++++++++++++++++++++++++ src/components/footer.tsx | 0 5 files changed, 56 insertions(+), 8 deletions(-) create mode 100644 components/footer.tsx create mode 100644 src/app/salespolicy/page.tsx delete mode 100644 src/components/footer.tsx diff --git a/components/footer.tsx b/components/footer.tsx new file mode 100644 index 0000000..be86aef --- /dev/null +++ b/components/footer.tsx @@ -0,0 +1,18 @@ +import { Box, Typography } from "@mui/material"; +import * as React from "react"; + +export default function Footer() { + return ( + + + + Source + + ・特定商取引法に基づく表記 + + + ); +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f9e2ab6..369d573 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,6 @@ import type { Metadata } from "next"; import { Inter } from "next/font/google"; - +import Footer from "../../components/footer"; import "./globals.css"; const inter = Inter({ subsets: ["latin"] }); @@ -18,7 +18,6 @@ export default function RootLayout({ return ( {children} - {/* Add Footer w/ 特定商取引法に基づく表示 & link to the source */} ); } diff --git a/src/app/page.tsx b/src/app/page.tsx index 25e1b05..49fd001 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -4,11 +4,8 @@ import TwitterIcon from "@mui/icons-material/Twitter"; import InstagramIcon from "@mui/icons-material/Instagram"; import GitHubIcon from "@mui/icons-material/GitHub"; import LinkedInIcon from "@mui/icons-material/LinkedIn"; -import Typography from "@mui/material/Typography"; -import Box from "@mui/material/Box"; -import Stack from "@mui/material/Stack"; -import Avatar from "@mui/material/Avatar"; -import Button from "@mui/material/Button"; +import { Typography, Box, Stack, Avatar, Button } from "@mui/material"; +import Footer from "../../components/footer"; export default function App() { return ( @@ -16,7 +13,7 @@ export default function App() { sx={{ display: "grid", placeItems: "center", // Center the content horizontally and vertically - minHeight: "80vh", // Set a minimum height to fill the entire viewport + minHeight: "100vh", // Set a minimum height to fill the entire viewport }} > */} +
); } diff --git a/src/app/salespolicy/page.tsx b/src/app/salespolicy/page.tsx new file mode 100644 index 0000000..8b5e060 --- /dev/null +++ b/src/app/salespolicy/page.tsx @@ -0,0 +1,33 @@ +import * as React from "react"; +import CottageIcon from "@mui/icons-material/Cottage"; +import { Typography, Box, Button } from "@mui/material"; + +export default function App() { + return ( + + {/* The codes below should be more readable */} + 特定商取引法に基づく表記 + 販売業社の名称/運営統括責任者: Itsuki KIGOSHI + 所在地/住所: 請求があったら遅滞なく開示します + e-mail: itsukikigoshi+githubio@gmail.com + 引渡時期: 注文後すぐにご利用いただけます + 追加手数料等の追加料金: なし + 決済手段: クレジットカード + 決済期間: 直ちに処理されます + 販売価格: なし + + 返金ポリシー: 注文日より10日以内に代表（e-mail: + itsukikigoshi+githubio@gmail.com）までご連絡頂いた場合に限り，返金を受け付けます． + + + + ); +} diff --git a/src/components/footer.tsx b/src/components/footer.tsx deleted file mode 100644 index e69de29..0000000