productを変更した

src/pages/Company.jsx

@@ -1,11 +1,66 @@
 // こちらは、/company 会社紹介のページです。
 
-// import { Button } from "../components/Button";
-// import { Image } from "../components/Image";
-// import { useNavigate } from "react-router-dom";
+import { Button } from "../components/Button";
+import { Image } from "../components/Image";
+import { useNavigate } from "react-router-dom";
 
 export default function Company() {
-  // const navigate = useNavigate();
+  const navigate = useNavigate();
 
-  return <div></div>;
+  return (
+    <div className="App">
+      <div className="text-center text-5xl mb-32">株式会社Hello Work</div>
+
+      <div className="mx-96 mb-7">
+        <b>社名</b>
+      </div>
+      <div className="mx-96 text-2xl mb-7">Hello Work</div>
+      <p className="mx-96 mb-32">
+        我々株式会社Hello Workは無職4人が集まり結成した。
+        社名にはもう一人たりとも失業で苦しむことのないように就職を応援したいという思いを込められている。
+      </p>
+
+      <div className="mx-96 mb-7">
+        <b>態度</b>
+      </div>
+      <div className="mx-96 text-2xl mb-7">誰一人取り残さない</div>
+      <p className="mx-96 mb-32">
+        全員が無理のない勤労生活を送ることができるように社員全員全力でサポートする。
+      </p>
+
+      <div className="mx-96 mb-7">
+        <b>姿勢</b>
+      </div>
+      <div className="mx-96 text-2xl mb-5">求職者ファースト</div>
+      <p className="mx-96 mb-7">お客様の最大利益の実現を目指します。</p>
+      <div className="mx-96 text-2xl mb-5">夢を諦めない</div>
+      <p className="mx-96 mb-7">
+        全員がやりたい仕事につけるように全力でサポートします。
+      </p>
+      <div className="mx-96 text-2xl mb-5">世界を広げよう</div>
+      <p className="mx-96 mb-32">幅広い職業の選択肢を提供します。</p>
+
+      <div className="mx-96 mb-7">
+        <b>精神</b>
+      </div>
+      <div className="mx-96 text-2xl mb-5">
+        求職者一人一人への配慮を忘れない会社でありたい
+      </div>
+      <p className="mx-96 mb-32">
+        お客様がお越しいただいた時に心地よく感じる環境を作ります。
+      </p>
+
+      <div className="mx-96 mb-7">
+        <b>会社概要</b>
+      </div>
+      <div className="mx-96">設立</div>
+      <div className="mx-96 mb-7">2024年10月20日</div>
+      <div className="mx-96">会社名</div>
+      <div className="mx-96 mb-7">株式会社Hello Work</div>
+      <img
+        className="h-96 w-96 mx-96"
+        src="https://u-aizu.ac.jp/img/page/others/access_map02.png"
+      />
+    </div>
+  );
 }

src/pages/Home.jsx

@@ -25,9 +25,9 @@ export default function Home() {
               src="https://wed.company/img/wed.svg"
               alt="企業ロゴ"
               width={40}
-              height={40}
+              height={60}
             />
-            <h1 className="text-2xl font-bold">株式会社〇〇</h1>
+            <h1 className="text-2xl font-bold">株式会社HalloWork</h1>
           </div>
           <nav>
             <ul className="flex flex-wrap justify-center sm:justify-end space-x-4">
@@ -64,22 +64,26 @@ export default function Home() {
       <main>
         <section className="relative h-[1441px]">
           <Image
-            src="https://i0.wp.com/www.titanui.com/wp-content/uploads/2018/01/25/Artificial-Intelligence-SVG-Icons.png?ssl=1"
+            src="https://sakuranouta.biz/wp-content/uploads/2023/10/%E3%82%AA%E3%83%95%E3%82%A3%E3%82%B9_1_%E3%82%A2%E3%83%BC%E3%83%88%E3%83%9C%E3%83%BC%E3%83%89-1.jpg"
             alt="企業イメージ"
             layout="fill"
             width={1920}
-            height={1080}
+            height={2180}
             objectFit="cover"
             className="brightness-50"
           />
           <div className="absolute inset-0 flex items-center justify-center">
             <div className="text-center text-white">
-              <h2 className="text-4xl font-bold mb-4">技術で未来を創造する</h2>
+              <h2 className="text-4xl font-bold mb-4">
+                あなたにあった求人先を
+              </h2>
               <p className="text-xl mb-8">
-                私たちは、革新的なソリューションで社会に貢献します
+                私たちは、あなたに寄り添って、あなたの人生に貢献します
               </p>
               <Button size="lg" variant="secondary" onClick={handleClickAbout}>
-                詳細はこちら
+                <a href="https://u-aizu.ac.jp" className="hover:underline">
+                  詳細はこちら
+                </a>
               </Button>
             </div>
           </div>

src/pages/Members.jsx

@@ -1,11 +1,37 @@
 // こちらは、/members メンバー紹介ページです
 
-// import { Button } from "../components/Button";
-// import { Image } from "../components/Image";
-// import { useNavigate } from "react-router-dom";
+import { Button } from "../components/Button";
+import { Image } from "../components/Image";
+import { useNavigate } from "react-router-dom";
 
 export default function Members() {
-  // const navigate = useNavigate();
+  const navigate = useNavigate();
 
-  return <div></div>;
+  return (
+    <div className="App">
+      <div className="text-center text-5xl mb-20">メンバー紹介</div>
+      <div className="mx-96 text-2xl">プロダクトオーナー(PO)</div>
+      <div className="mx-96 mb-20">
+        Asai Haruhiko
+        <img src="https://avatars.githubusercontent.com/u/185516655?s=40&v=4" />
+      </div>
+      <div className="mx-96 text-2xl">プロジェクトマネージャー(PM)</div>
+      <div className="mx-96 mb-20">
+        Mori Hiroshi
+        <img src="https://avatars.githubusercontent.com/u/176570061?s=40&v=4" />
+      </div>
+      <div className="mx-96 text-2xl" text-2xl>
+        テックリード
+      </div>
+      <div className="mx-96 mb-20">
+        Tokura Riku
+        <img src="https://avatars.githubusercontent.com/u/185563721?s=40&v=4" />
+      </div>
+      <div className="mx-96 text-2xl">エンジニア</div>
+      <div className="mx-96 mb-20">
+        Isogai Eito
+        <img src="https://avatars.githubusercontent.com/u/185509872?v=4" />
+      </div>
+    </div>
+  );
 }

src/pages/News.jsx

@@ -1,11 +1,155 @@
 // こちらは、/news ニュース一覧のページです
 
-// import { Button } from "../components/Button";
-// import { Image } from "../components/Image";
-// import { useNavigate } from "react-router-dom";
+import { Button } from "../components/Button";
+import { Image } from "../components/Image";
+import xIcon from "../icons/x.png";
+import { useNavigate } from "react-router-dom";
 
 export default function News() {
   // const navigate = useNavigate();
 
-  return <div></div>;
+  return (
+    <div className="">
+      <header className="bg-primary text-primary-foreground p-4">
+        <div className="container mx-auto flex flex-col sm:flex-row justify-between items-center">
+          <div className="flex items-center space-x-2 mb-4 sm:mb-0">
+            <Image
+              src="https://wed.company/img/wed.svg"
+              alt="企業ロゴ"
+              width={40}
+              height={60}
+            />
+            <h1 className="text-2xl font-bold">株式会社HalloWork</h1>
+          </div>
+          <nav>
+            <ul className="flex flex-wrap justify-center sm:justify-end space-x-4">
+              <li>
+                <a href="/" className="hover:underline">
+                  ホーム
+                </a>
+              </li>
+              <li>
+                <a href="/product" className="hover:underline">
+                  事業内容
+                </a>
+              </li>
+              <li>
+                <a href="/company" className="hover:underline">
+                  会社概要
+                </a>
+              </li>
+              <li>
+                <a href="/recruitment" className="hover:underline">
+                  採用情報
+                </a>
+              </li>
+              <li>
+                <a href="/contact" className="hover:underline">
+                  お問い合わせ
+                </a>
+              </li>
+            </ul>
+          </nav>
+        </div>
+      </header>
+
+      <div className="news bg-gray-200  p-3">
+        <h1 className="text-6xl p-3 tracking-widest">NEWS</h1>
+        <div className="newslist">
+          <div className="news1 p-3 m-3 h-60 bg-gray-100 rounded-sm ">
+            <a href="/news/1">
+              <div className="flex">
+                <img
+                  className="h-52 w-96 float-none hover:opacity-50"
+                  src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQRXcqFz63WyW8j_VXgiKv_3G8w1VEmo51XWg&s"
+                  alt="サムネイル"
+                />
+                <div className=" p-2 text-2xl hover:opacity-50 hover:underline">
+                  社名を変更いたしました
+                  <span className="text-muted-foreground ml-3 text-sm">
+                    2024年3月15日
+                  </span>
+                </div>
+              </div>
+            </a>
+          </div>
+          <div className="news2 p-3 m-3 h-60 bg-gray-100 rounded-sm ">
+            <a href="/news/2">
+              <div className="flex">
+                <img
+                  className="h-52 w-96 float-none hover:opacity-50"
+                  src="https://goopass-magazine-image-prd.s3.ap-northeast-1.amazonaws.com/magazine/wp-content/uploads/2021/07/MG_1188-800x533.jpg"
+                  alt="サムネイル"
+                />
+                <div className=" p-2 text-2xl hover:opacity-50 hover:underline">
+                  社員退社のお知らせ
+                  <span className="text-muted-foreground ml-3 text-sm">
+                    2024年2月1日
+                  </span>
+                </div>
+              </div>
+            </a>
+          </div>
+          <div className="news3 p-3 m-3 h-60 bg-gray-100 rounded-sm ">
+            <a href="/news/3">
+              <div className="flex">
+                <img
+                  className="h-52 w-96 float-none hover:opacity-50"
+                  src="https://www.kitamura.jp/shasha/wp-content/uploads/2024/06/05-2-scaled.jpg"
+                  alt="サムネイル"
+                />
+                <div className=" p-2 text-2xl hover:opacity-50 hover:underline">
+                  『週刊社長コラム』挑戦の時。
+                  <span className="text-muted-foreground ml-3 text-sm">
+                    2024年1月10日
+                  </span>
+                </div>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <footer className="bg-primary text-primary-foreground py-8">
+        <div className="container mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
+          <div>
+            <h3 className="text-lg font-semibold mb-4">株式会社〇〇</h3>
+            <p>〒151-0051</p>
+            <p>東京都渋谷区千駄ヶ谷 4-14-4 SKビル千駄ヶ谷 2F</p>
+          </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-4">リンク</h3>
+            <ul className="space-y-2">
+              <li>
+                <a href="/" className="hover:underline">
+                  プライバシーポリシー
+                </a>
+              </li>
+              <li>
+                <a href="/" className="hover:underline">
+                  利用規約
+                </a>
+              </li>
+              <li>
+                <a href="/" className="hover:underline">
+                  サイトマップ
+                </a>
+              </li>
+            </ul>
+          </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-4">ソーシャルメディア</h3>
+            <div className="flex space-x-4">
+              <a href="https://x.com/wedinc_official" aria-label="x">
+                <Image src={xIcon} alt="x" width={24} height={24} />
+              </a>
+            </div>
+          </div>
+        </div>
+        <div className="container mx-auto mt-8 text-center">
+          <p>&copy; 2024 株式会社〇〇. All rights reserved.</p>
+        </div>
+      </footer>
+    </div>
+  );
 }