Merge pull request #40 from adrianvrj/main

[ui] added light font and minor detail fixes

frontend/gostarkme-web/app/layout.tsx

@@ -6,12 +6,12 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 const helvetica = localFont({
-    src: "../public/fonts/Helvetica.ttf",
+    src: "../public/fonts/Helvetica-Light.ttf",
 });
 
 export const metadata: Metadata = {
-    title: "Create Next App",
-    description: "Generated by create next app",
+    title: "Go Stark Me",
+    description: "Fund recollecting in Starknet",
 };
 
 export default function RootLayout({

frontend/gostarkme-web/app/page.tsx

@@ -4,7 +4,7 @@ import Image from "next/image";
 
 export default function Home() {
     return (
-        <main className="flex justify-evenly gap-10 flex-wrap">
+        <main className="flex min-h-screen w-full flex-col items-center">
             <WelcomeBar />
             <section className="w-full max-w-screen-2xl grid grid-cols-1 md:grid-cols-2 p-10">
                 <div className="justify-self-center flex flex-col  justify-center items-center md:items-start gap-4 p-4">
@@ -32,7 +32,7 @@ export default function Home() {
                     alt="stark logo"
                     height={771}
                     width={450}
-                    className="self-center justify-self-center w-2/3 max-w-96"
+                    className="self-center justify-self-center w-2/3 max-w-80"
                 />
             </section>
         </main>

frontend/gostarkme-web/components/ui/LinkButton.tsx

@@ -12,7 +12,7 @@ export const LinkButton = ({ label, href, Icon }: LinkButtonProps<void>) => {
     return (
         <Link
             href={href}
-            className="bg-darkblue text-white py-2 px-4 rounded-md  text-lg shadow-lg hover:bg-starkorange active:bg-darkblue  ease-in-out duration-500 active:duration-0"
+            className="bg-darkblue text-white py-3 px-10 rounded-md  text-sm shadow-xl hover:bg-starkorange active:bg-darkblue  ease-in-out duration-500 active:duration-0 shadow-gray-400"
         >
             {Icon ? <Icon className={`text-2xl w-6 `} /> : label}
         </Link>

frontend/gostarkme-web/components/welcomepage/WelcomeBar.tsx

@@ -15,8 +15,7 @@ export const WelcomeBar = () => {
                     />
                     <h1 className="text-xl">Go Stark Me</h1>
                 </div>
-
-                <LinkButton label="Go to app" href="/" />
+                <LinkButton label="Go to app" href="/"/>
             </div>
         </nav>
     );