add requested changes

Author: c4bae

gs/frontend/aro/index.html

@@ -12,9 +12,6 @@
       href="https://fonts.googleapis.com/css2?family=Jaldi:wght@400;700&display=swap"
       rel="stylesheet"
     />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>aro</title>

gs/frontend/aro/src/App.tsx

@@ -7,7 +7,7 @@ import NewRequestForm from "./components/new-request/new-request-form.tsx";
 import Login from "./components/auth/login.tsx"
 import Signup from "./components/auth/sign-up.tsx"
 import Verify from "./components/auth/verify.tsx"
-import Hero from "./components/Hero.tsx"
+import Home from "./components/Home.tsx"
 import PageNotFound from "./components/PageNotFound.tsx";
 
 /**
@@ -26,7 +26,7 @@ function App() {
         <Route path="/new-request" element={<NewRequestForm />} />
         <Route path="/requests" element={<Requests />} />
         <Route path="/profile" element={<Profile />} />*/}
-        <Route path="/" element={<Hero/>} />
+        <Route path="/" element={<Home/>} />
         <Route path="/login" element={<Login />} />
         <Route path="/verify" element={<Verify />} />
         <Route path="/sign-up" element={<Signup />} />

gs/frontend/aro/src/components/Hero.tsx gs/frontend/aro/src/components/Home.tsxgs/frontend/aro/src/components/Hero.tsx renamed to gs/frontend/aro/src/components/Home.tsx

@@ -7,25 +7,25 @@ import { Link } from "react-router-dom";
  * @return tsx element of Logo component
 */
 
-function Logo() {
+function Home() {
     return (
         <div className="pt-8 w-full flex flex-col items-center">
             <img
              src={logo}
              alt="aro-logo"
              className="w-3xs md:w-xs lg:w-xs"></img>
-            <h1 className="font-[Raleway] font-bold -mt-5 md:-mt-9 lg:-mt-9 text-4xl md:text-6xl lg:text-7xl">Amateur Radio Operator</h1>
-            <p className="font-[Raleway] font-light mt-4 text-1xl md:text-2xl lg:text-3xl">Please login to make a request.</p>
-            <div className="flex gap-50 mt-10">
-                <Button size="lg" variant="outline" className="bg-transparent font-[Raleway] font-bold" asChild>
+            <h1 className="font-[Jaldi] font-bold -mt-5 md:-mt-9 lg:-mt-9 text-5xl md:text-6xl lg:text-8xl">Amateur Radio Operator</h1>
+            <p className="font-[Jaldi] font-light mt-4 text-2xl md:text-2xl lg:text-3xl">Please sign up/login to make a request.</p>
+            <div className="flex gap-20 mt-10">
+                <Button size="lg" variant="outline" className="bg-transparent font-[Jaldi] font-bold" asChild>
                     <Link to="/sign-up">Sign Up</Link>
                 </Button>
-                <Button size="lg" variant="outline" className="bg-transparent font-[Raleway] font-bold" asChild>
+                <Button size="lg" variant="outline" className="bg-transparent font-[Jaldi] font-bold" asChild>
                     <Link to="/login">Login</Link>
                 </Button>
             </div>
         </div>
     )
 }
 
-export default Logo
+export default Home

gs/frontend/aro/src/index.css

@@ -135,4 +135,4 @@ body {
   [role="button"]:not(:disabled) {
     cursor: pointer;
   }
-}
+}