Adjust Appearance of top bar

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

@@ -67,16 +67,13 @@ export default function DemoImages({ messages }: Props) {
           </Tabs>
         </div>
 
-        <div
+        <div className="flex justify-center w-full lg:w-7/12 p-4">
-          className="flex justify-center w-full lg:w-7/12"
-          style={{ height: "32rem" }}
-        >
           <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>

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}>
+          <Button color="primary" radius="full" className="px-0">
             {t("demo")}
-          </Link>
           </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"
-            showAnchorIcon
-            anchorIcon={<MoveUpRight size={12} className="ms-1" />}
         >
-            {t("get_started")}
-          </NextUiLink>
-        </Button>
-
           <Button
             color="primary"
             variant="bordered"
             radius="full"
             className="ms-2"
+            endContent={<MoveUpRight size={12} />}
           >
+            {t("get_started")}
+          </Button>
+        </NextUiLink>
+
         <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>
+        </NextUiLink>
       </div>
     </div>
   );

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";