diff --git a/public/Desktop - 8.png b/public/Desktop - 8.png new file mode 100644 index 0000000..39273fb Binary files /dev/null and b/public/Desktop - 8.png differ diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index a11777c..0000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/index.html b/public/index.html index aa069f2..f9cbf0c 100644 --- a/public/index.html +++ b/public/index.html @@ -2,7 +2,7 @@ - + = ({ onDrop }) => { }); return ( -
+
+ {" "}
diff --git a/src/Pages/MainPage.tsx b/src/Pages/MainPage.tsx index fe8cde2..7b2e731 100644 --- a/src/Pages/MainPage.tsx +++ b/src/Pages/MainPage.tsx @@ -39,26 +39,27 @@ const MainPage: React.FC = () => { ); return ( -
-
-
- +
+ Background +
알아서 잘 딱 깔끔하게 센스있게
-
- Input the Audio, and then wait for our recommendation! -
+
+
+ Input the Audio, and then wait for our recommendation!
+ {isAnalyzing && ( -
+
{
Analysis
diff --git a/src/Pages/ResultPage.tsx b/src/Pages/ResultPage.tsx index afcc961..370abc3 100644 --- a/src/Pages/ResultPage.tsx +++ b/src/Pages/ResultPage.tsx @@ -2,21 +2,21 @@ import React from "react"; const ResultPage = () => { return ( -
-
-
-
-
-
+
+ Background
추천 음악 목록
-
+
{/* Cards Repeated with Different Contents */} - {Array.from({ length: 4 }).map((_, index) => ( + {Array.from({ length: 5 }).map((_, index) => (
{
))}
-
+
Featured Image
@@ -52,16 +52,16 @@ const ResultPage = () => { 편곡 FRNK, Frankie Scoca
-
+
음악 설명 by MU-LLaMA
-
+
다시 인식하기
-
+
); };