Create Guide page

frontend/messages/en.json

@@ -15,8 +15,7 @@
     "organize_test_cases": "Organize test cases and manage tests graphically",
     "case_edit": "Test Cases",
     "case_home": "Dashboard",
-    "case_run": "Test Runs",
+    "case_run": "Test Runs"
-    "roadmap": "Roadmap"
   },
   "Guide": {
     "self_host": "Self Host",

frontend/messages/ja.json

@@ -15,8 +15,7 @@
     "organize_test_cases": "テストケースを整理とグラフィカルなテスト管理",
     "case_edit": "テストケース",
     "case_home": "ダッシュボード",
-    "case_run": "テスト実行",
+    "case_run": "テスト実行"
-    "roadmap": "ロードマップ"
   },
   "Guide": {
     "self_host": "セルフホスト",

frontend/src/app/[locale]/PaneDemoImages.tsx

@@ -67,12 +67,16 @@ export default function DemoImages({ messages }: Props) {
           </Tabs>
         </div>
 
-        <div className="flex justify-center w-full lg:w-7/12 p-4 min-h-96">
+        <div
+          className="flex justify-center w-full lg:w-7/12"
+          style={{ height: "32rem" }}
+        >
           <Image
             isBlurred
             src={currentImage.src}
             alt={currentImage.alt}
-            className="max-w-full px-5"
+            shadow="md"
+            className="max-w-full max-h-full"
           />
         </div>
       </div>

frontend/src/app/[locale]/page.tsx

@@ -68,11 +68,9 @@ export default function Home(params: { locale: string }) {
       <PaneDemoImages messages={messages} />
 
       <Divider className="my-12" />
-      <div className="flex flex-wrap mt-12">
+      <div className="w-full text-center py-2">
-        <div className="w-full md:w-4/12 order-last md:order-first p-4">
+        <div>Released under the MIT License.</div>
-          <h2 className={title({ size: "sm" })}>{t("roadmap")}</h2>
+        <div>Copyright © 2024 TestPlat</div>
-        </div>
-        <div className="w-full md:w-8/12 p-4"></div>
       </div>
     </section>
   );