Create Top page

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

@@ -32,10 +32,10 @@ export default function Header(params: { locale: string }) {
               height={32}
               alt="Logo"
             />
-            <p className="font-bold text-inherit">Platest</p>
+            <p className="font-bold text-inherit">TestPlat</p>
           </Link>
         </NavbarBrand>
-        <NavbarItem>
+        <NavbarItem className="hidden sm:block">
           <Chip size="sm" variant="flat">
             <Link
               className="data-[active=true]:text-primary data-[active=true]:font-medium"
@@ -46,7 +46,7 @@ export default function Header(params: { locale: string }) {
             </Link>
           </Chip>
         </NavbarItem>
-        <NavbarItem>
+        <NavbarItem className="hidden sm:block">
           <Link
             className="data-[active=true]:text-primary data-[active=true]:font-medium"
             href="/projects"

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

@@ -17,8 +17,20 @@ export default function Home() {
         </div>
 
         <div className="w-full md:w-5/12 p-4">
-          <div style={{ position: "relative", textAlign: "center", padding: "1rem" }}>
-            <span style={{ fontSize: "10rem", position: "relative", zIndex: 1 }}>
+          <div
+            style={{
+              position: "relative",
+              textAlign: "center",
+            }}
+          >
+            <span
+              style={{
+                fontSize: "10rem",
+                position: "relative",
+                zIndex: 1,
+                marginLeft: "2.5rem",
+              }}
+            >
               ⚗️
             </span>
             <div