Trial deploy

app/dashboard/loading.js

@@ -1,4 +1,5 @@
 import { Lexend } from "next/font/google";
+import Link from "next/link";
 
 const lexend = Lexend({ subsets: ["latin"] });
 
@@ -40,10 +41,10 @@ export default function Loading() {
           <p className="mt-4 text-lg tracking-tight text-slate-700">
             We are organizing the data for you as fast as we can!
           </p>
-          <a
+          <Link
             className="mt-6 text-base font-medium text-blue-600 hover:text-blue-800"
             href="/"
-          ></a>
+          ></Link>
         </div>
       </div>
     </div>

app/how-to-find-fpl-team-id/loading.js

@@ -1,4 +1,5 @@
 import { Lexend } from "next/font/google";
+import Link from "next/link";
 
 const lexend = Lexend({ subsets: ["latin"] });
 
@@ -40,10 +41,10 @@ export default function Loading() {
           <p className="mt-4 text-lg tracking-tight text-slate-700">
             We are organizing the data for you as fast as we can!
           </p>
-          <a
+          <Link
             className="mt-6 text-base font-medium text-blue-600 hover:text-blue-800"
             href="/"
-          ></a>
+          ></Link>
         </div>
       </div>
     </div>

app/loading.js

@@ -1,4 +1,5 @@
 import { Lexend } from "next/font/google";
+import Link from "next/link";
 
 const lexend = Lexend({ subsets: ["latin"] });
 
@@ -40,10 +41,10 @@ export default function Loading() {
           <p className="mt-4 text-lg tracking-tight text-slate-700">
             We are organizing the data for you as fast as we can!
           </p>
-          <a
+          <Link
             className="mt-6 text-base font-medium text-blue-600 hover:text-blue-800"
             href="/"
-          ></a>
+          ></Link>
         </div>
       </div>
     </div>

app/not-found.js

@@ -1,4 +1,5 @@
 import { Lexend } from "next/font/google";
+import Link from "next/link";
 
 const lexend = Lexend({ subsets: ["latin"] });
 export default function Custom404() {
@@ -39,12 +40,12 @@ export default function Custom404() {
           <p className="mt-4 text-lg tracking-tight text-slate-700">
             Sorry, we couldn’t find the page you’re looking for.
           </p>
-          <a
+          <Link
             className="mt-6 text-base font-medium text-blue-600 hover:text-blue-800"
             href="/"
           >
             Go back home <span aria-hidden="true">→</span>
-          </a>
+          </Link>
         </div>
       </div>
     </div>

app/signin/loading.js

@@ -1,4 +1,5 @@
 import { Lexend } from "next/font/google";
+import Link from "next/link";
 
 const lexend = Lexend({ subsets: ["latin"] });
 
@@ -40,10 +41,10 @@ export default function Loading() {
           <p className="mt-4 text-lg tracking-tight text-slate-700">
             We are organizing the data for you as fast as we can!
           </p>
-          <a
+          <Link
             className="mt-6 text-base font-medium text-blue-600 hover:text-blue-800"
             href="/"
-          ></a>
+          ></Link>
         </div>
       </div>
     </div>

components/Header.js

@@ -19,7 +19,7 @@ export default function HomeHeader({ className, items, ...props }) {
         aria-label="Global"
       >
         <div className="flex lg:flex-1">
-          <a href="/" className="-m-1.5 p-1.5">
+          <Link href="/" className="-m-1.5 p-1.5">
             <span className="sr-only">FPL Mstr</span>
             <Image
               className="h-8 w-auto"
@@ -29,7 +29,7 @@ export default function HomeHeader({ className, items, ...props }) {
               alt="FPL Mstr Logo"
               unoptimized
             />
-          </a>
+          </Link>
         </div>
         <div className="flex lg:hidden">
           <button

components/Hero.js

@@ -1,15 +1,16 @@
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
-import { Lexend } from "next/font/google";
+import { Lexend, Bricolage_Grotesque } from "next/font/google";
 
 const lexend = Lexend({ subsets: ["latin"] });
+const bricolage = Bricolage_Grotesque({ subsets: ["latin"] });
 
 export function Hero() {
   return (
     <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pb-20">
       <div className="pt-20 pb-16 text-center lg:pt-32">
         <h1
-          className={`mx-auto max-w-4xl ${lexend.className} text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl`}
+          className={`mx-auto max-w-4xl ${bricolage.className} text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl`}
         >
           win your{" "}
           <span className="relative whitespace-nowrap text-[#963cff]">

components/NavMenu.js

@@ -71,7 +71,7 @@ export default function Nav({ className, items, ...props }) {
         aria-label="Global"
       >
         <div className="flex md:flex-1">
-          <a href="/" className="-m-1.5 p-1.5">
+          <Link href="/" className="-m-1.5 p-1.5">
             <span className="sr-only">FPL Mstr</span>
             <Image
               className="h-8 w-auto"
@@ -81,7 +81,7 @@ export default function Nav({ className, items, ...props }) {
               alt="FPL Mstr Logo"
               unoptimized
             />
-          </a>
+          </Link>
         </div>
         <div className="flex md:hidden">
           <button
@@ -127,7 +127,7 @@ export default function Nav({ className, items, ...props }) {
         <div className="fixed inset-0 z-10" />
         <Dialog.Panel className="fixed inset-y-0 right-0 z-10 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
           <div className="flex items-center justify-between">
-            <a href="#" className="-m-1.5 p-1.5">
+            <Link href="#" className="-m-1.5 p-1.5">
               <span className="sr-only">FPL Mstr</span>
               <Image
                 className="h-8 w-auto"
@@ -137,7 +137,7 @@ export default function Nav({ className, items, ...props }) {
                 alt="FPL Mstr Logo"
                 unoptimized
               />
-            </a>
+            </Link>
             <button
               type="button"
               className="-m-2.5 rounded-md p-2.5 text-gray-700"
@@ -170,7 +170,7 @@ export default function Nav({ className, items, ...props }) {
                 </div>
               </div>
               <div className="mt-3 space-y-1">
-                <a
+                <Link
                   href="#"
                   className="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
                 >
@@ -181,7 +181,7 @@ export default function Nav({ className, items, ...props }) {
                   >
                     Sign out
                   </Button>
-                </a>
+                </Link>
               </div>
             </div>
           </div>

components/PrimaryFeatures.js

@@ -10,9 +10,10 @@ import screenshotyou from "@/public/dashboardScreenshot.png";
 import screenshotai from "@/public/youvsai.png";
 import screenshottop250 from "@/public/youvstop250.png";
 import screenshotAllPlayers from "@/public/allPlayers.png";
-import { Lexend } from "next/font/google";
+import { Lexend, Bricolage_Grotesque } from "next/font/google";
 
 const lexend = Lexend({ subsets: ["latin"] });
+const bricolage = Bricolage_Grotesque({ subsets: ["latin"] });
 
 const features = [
   {
@@ -76,7 +77,7 @@ export function PrimaryFeatures() {
         <div className="max-w-2xl md:mx-auto md:text-center xl:max-w-none">
           <h2
             id="features-title"
-            className={`${lexend.className} text-3xl tracking-tight text-white sm:text-4xl md:text-5xl`}
+            className={`${bricolage.className} text-3xl tracking-tight text-white sm:text-4xl md:text-5xl`}
           >
             everything you need to win.
           </h2>

components/Testimonials.js

@@ -1,8 +1,9 @@
 "use client";
 
-import { Lexend } from "next/font/google";
+import { Lexend, Bricolage_Grotesque } from "next/font/google";
 
 const lexend = Lexend({ subsets: ["latin"] });
+const bricolage = Bricolage_Grotesque({ subsets: ["latin"] });
 
 const testimonials = [
   [
@@ -72,7 +73,7 @@ export function Testimonials() {
         <div className="mx-auto max-w-2xl md:text-center">
           <h2
             id="testimonials-title"
-            className={`${lexend.className} text-3xl tracking-tight text-slate-900 sm:text-4xl`}
+            className={`${bricolage.className} text-3xl tracking-tight text-slate-900 sm:text-4xl`}
           >
             loved by serious fpl managers
           </h2>

docker-compose.yaml

@@ -4,4 +4,4 @@ services:
   FPLMstrFrontend:
     build: .
     ports:
-      - "5000:3000"
+      - "5001:3000"