Add link to IC-SIWS

src/frontend/src/components/login/LoginPage.tsx

@@ -2,13 +2,14 @@ import AddressPill from "../AddressPill";
 import Button from "../ui/Button";
 import ConnectButton from "./ConnectButton";
 import LoginButton from "./LoginButton";
-import { faWaveSquare } from "@fortawesome/free-solid-svg-icons";
+import { faScroll, faWaveSquare } from "@fortawesome/free-solid-svg-icons";
 import { isChainIdSupported } from "../../wagmi/is-chain-id-supported";
 import toast from "react-hot-toast";
 import { useAccount } from "wagmi";
 import { useChainId } from "wagmi";
 import { useEffect } from "react";
 import { useSiweIdentity } from "ic-use-siwe-identity";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export default function LoginPage(): React.ReactElement {
   const { isConnected, address } = useAccount();
@@ -60,7 +61,18 @@ export default function LoginPage(): React.ReactElement {
       <div className="px-10 text-2xl font-bold text-center md:text-5xl">
         Internet Computer + React + Sign In With Ethereum
       </div>
-      <div className="w-80 md:w-96 border-zinc-700/50 border-[1px] bg-zinc-900 drop-shadow-xl rounded-3xl flex flex-col items-center py-5 mt-8 px-5 mx-10">
+      <div className="px-3 py-1 mt-5 text-sm rounded-full bg-zinc-700">
+        <FontAwesomeIcon className="mr-2" icon={faScroll} />
+        Also available:{" "}
+        <a
+          href="https://guidq-3qaaa-aaaal-qiteq-cai.icp0.io"
+          rel="noreferrer"
+          target="_blank"
+        >
+          Sign in with Solana
+        </a>
+      </div>
+      <div className="w-80 md:w-96 border-zinc-700/50 border-[1px] bg-zinc-900 drop-shadow-xl rounded-3xl flex flex-col items-center py-5 px-5 mx-10">
         <div className="flex flex-col items-center w-full gap-10 p-8">
           <div className="flex items-center justify-center w-full gap-5">
             <div className="items-center justify-center hidden w-8 h-8 text-xl font-bold rounded-full md:flex bg-zinc-300 text-zinc-800">