Skip to content

fix: LP margin & add: button #67

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Apr 3, 2025
+38 −103
Merged

fix: LP margin & add: button #67

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
20f8265
fix: LP margin & add: button
yif11 Apr 3, 2025
4df8f04
fix: color & add: button
yif11 Apr 3, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
115 changes: 14 additions & 101 deletions src/pages/LP.tsx
View file
Original file line number Diff line number Diff line change
@@ -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;
13 changes: 12 additions & 1 deletion src/pages/Summary.tsx
View file
Original file line number Diff line number Diff line change
@@ -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>
13 changes: 12 additions & 1 deletion src/pages/TopicList.tsx
View file
Original file line number Diff line number Diff line change
@@ -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>