diff --git a/src/components/metaTag.tsx b/src/components/metaTag.tsx
new file mode 100644
index 0000000..4a1f044
--- /dev/null
+++ b/src/components/metaTag.tsx
@@ -0,0 +1,32 @@
+import { Helmet } from 'react-helmet-async';
+
+interface Props {
+ title: string;
+ description: string;
+ keywords: string;
+ imgsrc?: string;
+ url: string;
+}
+function MetaTag(Meta: Props) {
+ const { title, description, keywords, imgsrc, url } = Meta;
+
+ return (
+
+ {title}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default MetaTag;
\ No newline at end of file
diff --git a/src/language/en.json b/src/language/en.json
index f0343d0..e17271b 100644
--- a/src/language/en.json
+++ b/src/language/en.json
@@ -15,5 +15,8 @@
"label":"Label Transition",
"label_desc":"We aim to become a label for growing artists",
"operators": "Operators",
- "detail": "View Details"
+ "detail": "View Details",
+ "about_page_description": "This is the about page for ISLAND. Learn about ISLAND's mission, activities, and operators.",
+ "submit_id_page_description": "This is the ID submission page for ISLAND. Submit your ID tracks here.",
+ "song_page_description": "This page is the song page for ISLAND. Check out detailed information about the song."
}
\ No newline at end of file
diff --git a/src/language/ko.json b/src/language/ko.json
index 7af2682..67646e7 100644
--- a/src/language/ko.json
+++ b/src/language/ko.json
@@ -15,5 +15,8 @@
"label":"음반사로 전환",
"label_desc":"성장하는 아티스트를 위한 음반사화 추진",
"operators": "운영진",
- "detail": "더 알아보기"
+ "detail": "더 알아보기",
+ "about_page_description": "ISLAND에 대한 소개 페이지입니다. ISLAND의 사명, 활동 및 운영진에 대해 알아보세요.",
+ "submit_id_page_description": "ISLAND에 ID 제출 페이지입니다. 여기를 통해 당신의 ID 트랙을 제출하세요.",
+ "song_page_description": "이 페이지는 ISLAND의 곡 페이지입니다. 곡에 대한 자세한 정보를 확인하세요."
}
\ No newline at end of file
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 79c1d37..0952de6 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,11 +1,14 @@
import { useTranslation } from "react-i18next";
import { Swiper, SwiperSlide } from 'swiper/react';
+import { EffectCoverflow, Pagination } from 'swiper/modules';
+
import Song_card from "../components/song_card";
+import Text_Card from "../components/text_card";
+import MetaTag from "../components/metaTag";
+import releases from '../releases.json';
+
import 'swiper/swiper.css';
import "./pages.scss";
-import { EffectCoverflow, Pagination } from 'swiper/modules';
-import releases from '../releases.json';
-import Text_Card from "../components/text_card";
function HomePage(){
//API를 써서 리스트 가져오기?
@@ -13,6 +16,7 @@ function HomePage(){
return (
+
ISLAND
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 3344db4..1a42ea5 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -1,4 +1,5 @@
import { useTranslation } from "react-i18next";
+import MetaTag from "../components/metaTag";
import Card from "../components/text_card";
import "./pages.scss";
@@ -7,6 +8,7 @@ function About() {
return (
+
ISLAND IDs{t("what_is_ISLAND")}
diff --git a/src/pages/id_submit.tsx b/src/pages/id_submit.tsx
index 7f51f3a..e5f77e3 100644
--- a/src/pages/id_submit.tsx
+++ b/src/pages/id_submit.tsx
@@ -1,8 +1,11 @@
import { useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import MetaTag from "../components/metaTag";
function SubmitPage() {
const containerRef = useRef(null);
- const [height, setHeight] = useState(1500);
+ const [height, setHeight] = useState(1700);
+ const { t } = useTranslation();
useEffect(() => {
const iframe = containerRef.current;
@@ -10,13 +13,14 @@ function SubmitPage() {
if (iframe && width != undefined){
if (width < 600) {
- setHeight(1500 + (600 - width));
+ setHeight(1700 + (600 - width));
}
}
}, []);
return (