From 20f82657eeed57b87bb2d981761aabc3c6eaaeef Mon Sep 17 00:00:00 2001
From: yif11 <kinohhanten@gmail.com>
Date: Thu, 3 Apr 2025 17:45:23 +0000
Subject: [PATCH 1/2] fix: LP margin & add: button

---
 src/pages/LP.tsx | 115 ++++++-----------------------------------------
 1 file changed, 14 insertions(+), 101 deletions(-)

diff --git a/src/pages/LP.tsx b/src/pages/LP.tsx
index 22d42cc..86ffccd 100644
--- a/src/pages/LP.tsx
+++ b/src/pages/LP.tsx
@@ -51,7 +51,7 @@ const LP = () => {
 					HiveTreeの2つの機能
 				</h2>
 
-				<div className="bg-[#d7eaf7] p-6 rounded-xl mt-8 shadow-md md:max-w-[60%] items-center mx-auto">
+				<div className="bg-[#d7eaf7] p-6 rounded-xl mt-4 mb:mt-8 shadow-md md:max-w-[60%] items-center mx-auto">
 					<h3 className="font-bold text-lg md:text-2xl">
 						個人ではなく、集団との対話。
 					</h3>
@@ -62,7 +62,7 @@ const LP = () => {
 					</p>
 				</div>
 
-				<div className="bg-[#e7f5e6] p-6 rounded-xl mt-8 shadow-md md:max-w-[60%] items-center mx-auto">
+				<div className="bg-[#e7f5e6] p-6 rounded-xl mt-4 mb:mt-8 shadow-md md:max-w-[60%] items-center mx-auto">
 					<h3 className="font-bold text-lg md:text-2xl">
 						対話を通して、声を育てる。
 					</h3>
@@ -72,108 +72,21 @@ const LP = () => {
 						ただの壁打ちでじゃない、新しい交流の形です。
 					</p>
 				</div>
+
+				<div className="text-center mt-2 mb:mt-8">
+					<button
+						type="button"
+						onClick={() => {
+							window.location.href = "http://localhost:5173/topic-list/";
+						}}
+						className="bg-[#A9C8A9] text-white border-none rounded-full px-8 py-4 text-lg mt-2 md:mt-6 cursor-pointer shadow-md"
+					>
+						START NOW
+					</button>
+				</div>
 			</section>
 		</div>
 	);
 };
 
 export default LP;
-
-// import React from "react";
-// import treeImage from "./tree-image.png";
-
-// const LP = () => {
-// 	return (
-// 		<div
-// 			style={{
-// 				fontFamily: "sans-serif",
-// 				backgroundColor: "#f7f7f7",
-// 				padding: "2rem",
-// 			}}
-// 		>
-// 			{/* タイトルページ */}
-// 			<section
-// 				style={{
-// 					display: "flex",
-// 					alignItems: "center",
-// 					justifyContent: "space-between",
-// 				}}
-// 			>
-// 				<img
-// 					src={treeImage}
-// 					alt="Tree Graphic"
-// 					style={{ maxWidth: "40%" }}
-// 				/>
-// 				<div>
-// 					<p style={{ fontSize: "1rem", fontWeight: "bold" }}>
-// 						あなたのひとりごとが、社会の声になる。
-// 					</p>
-// 					<h1 style={{ fontSize: "3rem", fontWeight: "bold" }}>APP NAME</h1>
-// 					<button
-// 						style={{
-// 							backgroundColor: "#4a84c0",
-// 							color: "white",
-// 							border: "none",
-// 							borderRadius: "30px",
-// 							padding: "1rem 2rem",
-// 							fontSize: "1.2rem",
-// 							marginTop: "1rem",
-// 							cursor: "pointer",
-// 						}}
-// 					>
-// 						START NOW
-// 					</button>
-// 				</div>
-// 			</section>
-
-// 			{/* 課題セクション */}
-// 			<section style={{ marginTop: "4rem", textAlign: "center" }}>
-// 				<h2 style={{ fontSize: "2rem", fontWeight: "bold" }}>
-// 					言いたいけど言えない。つぶやきたいけど届かない。
-// 				</h2>
-// 				<p style={{ marginTop: "1rem", fontSize: "1.1rem" }}>
-// 					APP NAMEは、そんな“もどかしさ”を解消する新しいSNSです。
-// 				</p>
-// 			</section>
-
-// 			{/* 機能セクション */}
-// 			<section style={{ marginTop: "4rem" }}>
-// 				<h2>APP NAMEの2つの機能</h2>
-
-// 				<div
-// 					style={{
-// 						backgroundColor: "#d7eaf7",
-// 						padding: "1.5rem",
-// 						borderRadius: "10px",
-// 						marginTop: "1rem",
-// 					}}
-// 				>
-// 					<h3 style={{ fontWeight: "bold" }}>個人ではなく、集団との対話。</h3>
-// 					<p>
-// 						あなたの投稿は、ユーザー一人ひとりに届くのではなく、集団の声に溶け込みます。
-// 						そして、あなたに届けられるのは、集団の声。
-// 						つぶやくのは誰にも見えないひとりごとだけど、まわりの反応は見える不思議な体験。
-// 					</p>
-// 				</div>
-
-// 				<div
-// 					style={{
-// 						backgroundColor: "#e7f5e6",
-// 						padding: "1.5rem",
-// 						borderRadius: "10px",
-// 						marginTop: "1.5rem",
-// 					}}
-// 				>
-// 					<h3 style={{ fontWeight: "bold" }}>対話を通して、声を育てる。</h3>
-// 					<p>
-// 						集団との対話を重ねることで、集団の声は育っていきます。
-// 						さまざまな思い、意見、共感が生まれ、深化し、新たなトピックへと進化。
-// 						ただの壁打ちでじゃない、新しい交流の形です。
-// 					</p>
-// 				</div>
-// 			</section>
-// 		</div>
-// 	);
-// };
-
-// export default LP;

From 4df8f042b87a0dde40c2c0962657b6bf40d67843 Mon Sep 17 00:00:00 2001
From: yif11 <kinohhanten@gmail.com>
Date: Thu, 3 Apr 2025 18:01:35 +0000
Subject: [PATCH 2/2] fix: color & add: button

---
 src/pages/Summary.tsx   | 13 ++++++++++++-
 src/pages/TopicList.tsx | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/pages/Summary.tsx b/src/pages/Summary.tsx
index 4893a9c..b786cea 100644
--- a/src/pages/Summary.tsx
+++ b/src/pages/Summary.tsx
@@ -106,7 +106,18 @@ export const Summary: React.FC = () => {
 
 	return (
 		// メインコンテナ
-		<div className="summary-container h-screen w-screen overflow-auto p-8 bg-gradient-to-br from-gray-100 to-gray-200 font-sans">
+		<div className="summary-container h-screen w-screen overflow-auto p-8 font-sans bg-[#f2f9f2]">
+			<div className="mt-4 max-md:text-center">
+				<button
+					type="button"
+					onClick={() => {
+						window.location.href = "http://localhost:5173/";
+					}}
+					className="bg-[#A9C8A9] text-white border-none rounded-full px-8 py-4 text-lg mb-8 cursor-pointer shadow-md"
+				>
+					トップページへ戻る
+				</button>
+			</div>
 			<h1 className="text-4xl font-extrabold text-gray-800 tracking-tight border-b pb-4 mb-4 border-gray-300">
 				🌟 Summary of Comments on Topic
 			</h1>
diff --git a/src/pages/TopicList.tsx b/src/pages/TopicList.tsx
index 05fb719..deaa644 100644
--- a/src/pages/TopicList.tsx
+++ b/src/pages/TopicList.tsx
@@ -15,7 +15,18 @@ export const TopicList: React.FC = () => {
 
 	return (
 		// メインコンテナ
-		<div className="summary-container h-screen w-screen overflow-auto p-8 bg-gradient-to-br from-gray-100 to-gray-200 font-sans">
+		<div className="summary-container h-screen w-screen overflow-auto p-8 font-sans bg-[#f2f9f2]">
+			<div className="mt-4 max-md:text-center">
+				<button
+					type="button"
+					onClick={() => {
+						window.location.href = "http://localhost:5173/";
+					}}
+					className="bg-[#A9C8A9] text-white border-none rounded-full px-8 py-4 text-lg mb-8 cursor-pointer shadow-md"
+				>
+					トップページへ戻る
+				</button>
+			</div>
 			<h1 className="text-4xl font-extrabold text-gray-800 tracking-tight border-b pb-4 border-gray-300">
 				🌟 Topic List
 			</h1>