From ebdbf92ef96597b4f4052f7985712521fdd1eecb Mon Sep 17 00:00:00 2001
From: Takeshi Kimata <117462761+kimatata@users.noreply.github.com>
Date: Thu, 16 May 2024 22:03:43 +0900
Subject: [PATCH] Adjust Appearance of top bar

---
 frontend/src/app/[locale]/PaneDemoImages.tsx |  9 +--
 frontend/src/app/[locale]/PaneMainTitle.tsx  | 60 ++++++++++----------
 frontend/src/app/[locale]/page.tsx           |  1 -
 3 files changed, 32 insertions(+), 38 deletions(-)

diff --git a/frontend/src/app/[locale]/PaneDemoImages.tsx b/frontend/src/app/[locale]/PaneDemoImages.tsx
index da8d1f8..d200d88 100644
--- a/frontend/src/app/[locale]/PaneDemoImages.tsx
+++ b/frontend/src/app/[locale]/PaneDemoImages.tsx
@@ -67,16 +67,13 @@ export default function DemoImages({ messages }: Props) {
           </Tabs>
         </div>
 
-        <div
-          className="flex justify-center w-full lg:w-7/12"
-          style={{ height: "32rem" }}
-        >
+        <div className="flex justify-center w-full lg:w-7/12 p-4">
           <Image
-            isBlurred
             src={currentImage.src}
             alt={currentImage.alt}
             shadow="md"
-            className="max-w-full max-h-full"
+            height={500}
+            className="max-w-full"
           />
         </div>
       </div>
diff --git a/frontend/src/app/[locale]/PaneMainTitle.tsx b/frontend/src/app/[locale]/PaneMainTitle.tsx
index 5bde62e..d64e6d5 100644
--- a/frontend/src/app/[locale]/PaneMainTitle.tsx
+++ b/frontend/src/app/[locale]/PaneMainTitle.tsx
@@ -37,46 +37,44 @@ export default function MainTitle({ locale }: Props) {
       </h4>
 
       <div className="mt-5">
-        <Button color="primary" radius="full">
-          <Link href={`/projects/`} locale={locale}>
+        <Link href={`/projects/`} locale={locale}>
+          <Button color="primary" radius="full" className="px-0">
             {t("demo")}
-          </Link>
-        </Button>
+          </Button>
+        </Link>
 
-        <Button
-          color="primary"
-          variant="bordered"
-          radius="full"
-          className="ms-2"
+        <NextUiLink
+          isExternal
+          href="https://kimatata.github.io/TestPlat/docs/getstarted/selfhost"
+          aria-label="docs"
         >
-          <NextUiLink
-            isExternal
-            href="https://kimatata.github.io/TestPlat/docs/getstarted/selfhost"
-            aria-label="docs"
-            showAnchorIcon
-            anchorIcon={<MoveUpRight size={12} className="ms-1" />}
+          <Button
+            color="primary"
+            variant="bordered"
+            radius="full"
+            className="ms-2"
+            endContent={<MoveUpRight size={12} />}
           >
             {t("get_started")}
-          </NextUiLink>
-        </Button>
+          </Button>
+        </NextUiLink>
 
-        <Button
-          color="primary"
-          variant="bordered"
-          radius="full"
-          className="ms-2"
+        <NextUiLink
+          size="sm"
+          isExternal
+          href="https://github.com/kimatata/TestPlat"
+          aria-label="Github"
         >
-          <NextUiLink
-            size="sm"
-            isExternal
-            href="https://github.com/kimatata/TestPlat"
-            aria-label="Github"
-            showAnchorIcon
-            anchorIcon={<MoveUpRight size={12} className="ms-1" />}
+          <Button
+            color="primary"
+            variant="bordered"
+            radius="full"
+            className="ms-2"
+            endContent={<MoveUpRight size={12} />}
           >
             GitHub
-          </NextUiLink>
-        </Button>
+          </Button>
+        </NextUiLink>
       </div>
     </div>
   );
diff --git a/frontend/src/app/[locale]/page.tsx b/frontend/src/app/[locale]/page.tsx
index 49654bc..ca61417 100644
--- a/frontend/src/app/[locale]/page.tsx
+++ b/frontend/src/app/[locale]/page.tsx
@@ -1,5 +1,4 @@
 import { useTranslations } from "next-intl";
-import { title, subtitle } from "@/components/primitives";
 import { Divider } from "@nextui-org/react";
 import PaneMainTitle from "./PaneMainTitle";
 import PaneMainFeatures from "./PaneMainFeatures";