Create Guide page

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 md:w-4/12 order-last md:order-first p-4">
-          <h2 className={title({ size: "sm" })}>{t("roadmap")}</h2>
-        </div>
-        <div className="w-full md:w-8/12 p-4"></div>
+      <div className="w-full text-center py-2">
+        <div>Released under the MIT License.</div>
+        <div>Copyright © 2024 TestPlat</div>
       </div>
     </section>
   );