diff --git a/src/components/login/LoginForm.tsx b/src/components/login/LoginForm.tsx
index 0eed559..32fc332 100644
--- a/src/components/login/LoginForm.tsx
+++ b/src/components/login/LoginForm.tsx
@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
-import { Analytics } from "@vercel/analytics/react";
 import { track } from "@vercel/analytics";
 import { isValidEmail } from "@/lib/util";
+import { useConfig } from "@/hooks/useConfig";
 
 export default function Login({
   onAuthenticated,
@@ -12,6 +12,7 @@ export default function Login({
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
   const [loading, setLoading] = useState(true);
+  const { config } = useConfig();
 
   useEffect(() => {
     // Attempt to verify the session by making a request to the server
@@ -82,16 +83,15 @@ export default function Login({
     <div
       className="flex justify-center items-center h-screen bg-gray-100"
       style={{
-        backgroundImage: "url('/saunabuddy.png')",
+        backgroundImage: `url('${config.bg_image_url || "/saunabuddy.png"}')`,
         backgroundSize: "cover",
         objectFit: "cover",
       }}
     >
-      <Analytics />
       {loading ? (
         <div className="text-white">Loading...</div>
       ) : (
-        <div className="bg-white p-10 rounded-lg shadow-lg max-w-md w-full text-center">
+        <div className="bg-white px-10 pt-10 rounded-lg shadow-lg max-w-md w-full text-center">
           <h1 className="text-2xl font-bold mb-6 text-gray-800">
             Login To SaunaBuddy
           </h1>
@@ -116,6 +116,16 @@ export default function Login({
             Login
           </button>
           {error && <p className="text-red-500 mt-4">{error}</p>}
+          <div className="my-5">
+            <a
+              href="https://docs.google.com/forms/d/e/1FAIpQLSdh1AUrn2pDBcyRMgWpCj8G90DiGwov5wbcSZ6RRQneQowN_g/viewform"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-blue-500 underline"
+            >
+              Request access to the SaunaBuddy beta
+            </a>
+          </div>
         </div>
       )}
     </div>
diff --git a/src/components/playground/Playground.tsx b/src/components/playground/Playground.tsx
index 5b44149..94d93a5 100644
--- a/src/components/playground/Playground.tsx
+++ b/src/components/playground/Playground.tsx
@@ -25,11 +25,18 @@ import {
   Track,
 } from "livekit-client";
 import { ReactNode, useEffect, useMemo, useState, useRef } from "react";
+import ServerSelect from "@/components/playground/ServerSelection";
 
 export interface PlaygroundProps {
   logo?: ReactNode;
   themeColors: string[];
-  onConnect: (connect: boolean, opts?: { token?: string; url?: string; language?: string }) => void;
+  onConnect: (
+    connect: boolean,
+    opts?: { token?: string; url?: string; language?: string }
+  ) => void;
+  serverInfo: { name: string; description: string; url: string }[];
+  selectedServerInfo: { name: string; description: string; url: string };
+  handleServerChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
 }
 
 const headerHeight = 56;
@@ -38,11 +45,14 @@ export default function Playground({
   logo,
   themeColors,
   onConnect,
+  serverInfo,
+  selectedServerInfo,
+  handleServerChange,
 }: PlaygroundProps) {
   const { config, setUserSettings } = useConfig();
   const { name } = useRoomInfo();
   const [selectedLanguage, setSelectedLanguage] = useState(() => {
-    const browserLanguage = navigator.language.split('-')[0];
+    const browserLanguage = navigator.language.split("-")[0];
     return config.settings.language || browserLanguage;
   });
   const { localParticipant } = useLocalParticipant();
@@ -87,23 +97,35 @@ export default function Playground({
 
   useEffect(() => {
     if (transcriptionRef.current) {
-      transcriptionRef.current.scrollTop = transcriptionRef.current.scrollHeight;
+      transcriptionRef.current.scrollTop =
+        transcriptionRef.current.scrollHeight;
     }
   }, [agentAudioTrack]);
 
+  const backgroundStyle = {
+    backgroundImage: `url('${config.bg_image_url || "/saunabuddy.png"}')`,
+    maxWidth: "1024px",
+  };
+
   const audioTileContent = useMemo(() => {
     const disconnectedContent = (
       <div
         className="flex flex-col items-center justify-center w-full h-full bg-cover bg-center mx-auto"
-        style={{ backgroundImage: "url('/saunabuddy.png')", maxWidth: "1024px" }}
+        style={backgroundStyle}
       >
         {(() => {
-          const priorityLanguages = ['en', 'fi', 'sv', 'de'];
-          const browserLanguages = (navigator.languages || [navigator.language]).map(lang => lang.split('-')[0]);
-          const uniqueLanguages = Array.from(new Set([
-            ...browserLanguages.filter(lang => priorityLanguages.includes(lang)),
-            ...priorityLanguages
-          ]));
+          const priorityLanguages = ["en", "fi", "sv", "de"];
+          const browserLanguages = (
+            navigator.languages || [navigator.language]
+          ).map((lang) => lang.split("-")[0]);
+          const uniqueLanguages = Array.from(
+            new Set([
+              ...browserLanguages.filter((lang) =>
+                priorityLanguages.includes(lang)
+              ),
+              ...priorityLanguages,
+            ])
+          );
 
           return (
             <select
@@ -113,14 +135,14 @@ export default function Playground({
                 setSelectedLanguage(newLanguage);
                 setUserSettings({
                   ...config.settings,
-                  language: newLanguage
+                  language: newLanguage,
                 });
               }}
               value={selectedLanguage}
             >
-              {priorityLanguages.map(lang => (
+              {priorityLanguages.map((lang) => (
                 <option key={lang} value={lang}>
-                  {new Intl.DisplayNames([lang], { type: 'language' }).of(lang)}
+                  {new Intl.DisplayNames([lang], { type: "language" }).of(lang)}
                 </option>
               ))}
             </select>
@@ -138,7 +160,7 @@ export default function Playground({
     const waitingContent = (
       <div
         className="flex items-center justify-center w-full h-full bg-cover bg-center mx-auto"
-        style={{ backgroundImage: "url('/saunabuddy.png')", maxWidth: "1024px", maxHeight: "100%" }}
+        style={{ ...backgroundStyle, maxHeight: "100%" }}
       >
         <div className="bg-white bg-opacity-70 p-4 rounded">
           <LoadingSVG />
@@ -150,7 +172,7 @@ export default function Playground({
     const visualizerContent = (
       <div
         className="flex flex-col items-center justify-between w-full h-full bg-cover bg-center mx-auto"
-        style={{ backgroundImage: "url('/saunabuddy.png')", maxWidth: "1024px" }}
+        style={backgroundStyle}
       >
         <div className="flex overflow-y-auto items-center h-32 mt-16 md:mt-32">
           <div className="bg-white bg-opacity-70 p-4 rounded relative mr-4">
@@ -173,15 +195,19 @@ export default function Playground({
           />
         </div>
 
-        <div ref={transcriptionRef} className="bg-black bg-opacity-50 p-5 w-full mt-auto relative" style={{ maxHeight: '50%', overflowY: 'auto' }}>
+        <div
+          ref={transcriptionRef}
+          className="bg-black bg-opacity-50 p-5 w-full mt-auto relative"
+          style={{ maxHeight: "50%", overflowY: "auto" }}
+        >
           <button
             onClick={() => setShowTranscription(!showTranscription)}
             className="absolute top-2 right-2 px-2 py-1 bg-gray-700 text-gray-300 rounded-sm hover:bg-gray-600"
           >
-            {showTranscription ? 'Hide' : 'Show'}
+            {showTranscription ? "Hide" : "Show"}
           </button>
           {agentAudioTrack && (
-            <div style={{ display: showTranscription ? 'block' : 'none' }}>
+            <div style={{ display: showTranscription ? "block" : "none" }}>
               <TranscriptionTile
                 agentAudioTrack={agentAudioTrack}
                 accentColor={config.settings.theme_color}
@@ -214,26 +240,33 @@ export default function Playground({
   useEffect(() => {
     setUserSettings({
       ...config.settings,
-      language: selectedLanguage
+      language: selectedLanguage,
     });
   }, [selectedLanguage, setUserSettings, config.settings]);
 
   return (
     <>
+      <ServerSelect
+        serverInfo={serverInfo}
+        selectedServerInfo={selectedServerInfo}
+        handleServerChange={handleServerChange}
+      />
       <PlaygroundHeader
-        title={config.title}
+        title={selectedServerInfo.name}
         logo={logo}
         githubLink={config.github_link}
         height={headerHeight}
         accentColor={config.settings.theme_color}
         connectionState={roomState}
         onConnectClicked={() =>
-          onConnect(roomState === ConnectionState.Disconnected, { language: selectedLanguage })
+          onConnect(roomState === ConnectionState.Disconnected, {
+            language: selectedLanguage,
+          })
         }
       />
       <div
         className={`flex gap-4 py-4 grow w-full selection:bg-${config.settings.theme_color}-900`}
-        style={{ height: '100%', maxHeight: '100%' }}
+        style={{ height: "100%", maxHeight: "100%" }}
       >
         <PlaygroundTile
           title=""
diff --git a/src/components/playground/PlaygroundHeader.tsx b/src/components/playground/PlaygroundHeader.tsx
index 8fe40a5..055d9de 100644
--- a/src/components/playground/PlaygroundHeader.tsx
+++ b/src/components/playground/PlaygroundHeader.tsx
@@ -1,10 +1,12 @@
 import { Button } from "@/components/button/Button";
 import { LoadingSVG } from "@/components/button/LoadingSVG";
 import { PlaygroundDeviceSelector } from "@/components/playground/PlaygroundDeviceSelector";
+import { getSessionPeriod } from "@/lib/util";
 
 import { useConfig } from "@/hooks/useConfig";
 import { ConnectionState } from "livekit-client";
 import { ReactNode } from "react";
+import { track } from "@vercel/analytics";
 
 type PlaygroundHeader = {
   logo?: ReactNode;
@@ -26,6 +28,16 @@ export const PlaygroundHeader = ({
   connectionState,
 }: PlaygroundHeader) => {
   const { config } = useConfig();
+
+  const logSessionDuration = () => {
+    const sessionDuration = getSessionPeriod();
+    if (sessionDuration)
+      track("Session duration", {
+        name: typeof title === "string" ? title : "",
+        sessionDuration,
+      });
+  };
+
   return (
     <div
       className={`flex flex-col sm:flex-row gap-4 pt-4 text-${accentColor}-500 justify-between items-center shrink-0`}
@@ -41,14 +53,15 @@ export const PlaygroundHeader = ({
       </div>
       <div className="flex flex-col sm:flex-row basis-1/4 justify-end items-center gap-2">
         <div className="flex gap-2">
-          <PlaygroundDeviceSelector kind='audiooutput' />
-          <PlaygroundDeviceSelector kind='audioinput' />
+          <PlaygroundDeviceSelector kind="audiooutput" />
+          <PlaygroundDeviceSelector kind="audioinput" />
         </div>
         {connectionState === ConnectionState.Connected && (
           <Button
             accentColor="red"
             onClick={() => {
               onConnectClicked();
+              logSessionDuration();
             }}
           >
             Disconnect
@@ -59,6 +72,4 @@ export const PlaygroundHeader = ({
   );
 };
 
-const LKLogo = () => (
-  <img src="/logo.svg" alt="Logo" width="80" height="80" />
-);
+const LKLogo = () => <img src="/logo.svg" alt="Logo" width="80" height="80" />;
diff --git a/src/components/playground/ServerSelection.tsx b/src/components/playground/ServerSelection.tsx
new file mode 100644
index 0000000..508558d
--- /dev/null
+++ b/src/components/playground/ServerSelection.tsx
@@ -0,0 +1,29 @@
+interface ServerSelectProps {
+  serverInfo: Array<{ name: string; description: string; url: string }>;
+  selectedServerInfo: { name: string; description: string; url: string };
+  handleServerChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+}
+
+const ServerSelect: React.FC<ServerSelectProps> = ({
+  serverInfo,
+  selectedServerInfo,
+  handleServerChange,
+}) => {
+  return (
+    <div className="text-right mt-4">
+      <select
+        className="px-4 py-2 bg-gray-800 text-gray-300 border border-gray-700 rounded-sm"
+        value={selectedServerInfo.url}
+        onChange={handleServerChange}
+      >
+        {serverInfo.map((server) => (
+          <option key={server.name} value={server.url}>
+            {server.name}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default ServerSelect;
diff --git a/src/hooks/useConfig.tsx b/src/hooks/useConfig.tsx
index d83081a..5269402 100644
--- a/src/hooks/useConfig.tsx
+++ b/src/hooks/useConfig.tsx
@@ -18,6 +18,7 @@ export type AppConfig = {
   video_fit?: "cover" | "contain";
   settings: UserSettings;
   show_qr?: boolean;
+  bg_image_url?: string;
 };
 
 export type UserSettings = {
@@ -42,6 +43,7 @@ const defaultConfig: AppConfig = {
   title: "SaunaBuddy",
   description: "Your friendly sauna companion",
   video_fit: "cover",
+  bg_image_url: "/saunabuddy.png",
   settings: {
     editable: true,
     theme_color: "cyan",
@@ -56,7 +58,7 @@ const defaultConfig: AppConfig = {
     },
     ws_url: "",
     token: "",
-    language: 'en',
+    language: "en",
   },
   show_qr: false,
 };
@@ -124,7 +126,7 @@ export const ConfigProvider = ({ children }: { children: React.ReactNode }) => {
       },
       ws_url: "",
       token: "",
-      language: "en"
+      language: "en",
     } as UserSettings;
   }, [appConfig]);
 
diff --git a/src/hooks/useConnection.tsx b/src/hooks/useConnection.tsx
index f18f1f2..232b061 100644
--- a/src/hooks/useConnection.tsx
+++ b/src/hooks/useConnection.tsx
@@ -1,11 +1,11 @@
-"use client"
+"use client";
 
 import { useCloud } from "@/cloud/useCloud";
 import React, { createContext, useState } from "react";
 import { useCallback } from "react";
 import { useConfig } from "./useConfig";
 
-export type ConnectionMode = "cloud" | "manual" | "env"
+export type ConnectionMode = "cloud" | "manual" | "env";
 
 type TokenGeneratorData = {
   shouldConnect: boolean;
@@ -13,10 +13,15 @@ type TokenGeneratorData = {
   token: string;
   mode: ConnectionMode;
   disconnect: () => Promise<void>;
-  connect: (mode: ConnectionMode, opts?: { language?: string }) => Promise<void>;
+  connect: (
+    mode: ConnectionMode,
+    opts?: { language?: string }
+  ) => Promise<void>;
 };
 
-const ConnectionContext = createContext<TokenGeneratorData | undefined>(undefined);
+const ConnectionContext = createContext<TokenGeneratorData | undefined>(
+  undefined
+);
 
 export const ConnectionProvider = ({
   children,
@@ -36,46 +41,46 @@ export const ConnectionProvider = ({
     setConnectionDetails((prev) => ({ ...prev, shouldConnect: false }));
   }, []);
 
+  const connect = useCallback(
+    async (
+      mode: ConnectionMode,
+      opts?: { language?: string; serverUrl?: string }
+    ) => {
+      console.log("Connect called with mode:", mode, "and opts:", opts);
+      let token = "";
+      let url = opts?.serverUrl || "";
+      if (mode === "cloud") {
+        token = await generateToken();
+        url = cloudWSUrl;
+      } else if (mode === "env") {
+        if (!process.env.NEXT_PUBLIC_LIVEKIT_URL) {
+          throw new Error("NEXT_PUBLIC_LIVEKIT_URL is not set");
+        }
 
-  const connect = useCallback(async (mode: ConnectionMode, opts?: { language?: string }) => {
-    console.log("Connect called with mode:", mode, "and opts:", opts);
-    let token = "";
-    let url = "";
-    if (mode === "cloud") {
-      token = await generateToken();
-      url = cloudWSUrl;
-    } else if (mode === "env") {
-      if(!process.env.NEXT_PUBLIC_LIVEKIT_URL) {
-        throw new Error("NEXT_PUBLIC_LIVEKIT_URL is not set");
+        if (!url) {
+          throw new Error("NEXT_PUBLIC_SERVER_URL is not set");
+        }
+        const uuid = Math.random().toString(36).substring(4);
+        const serverUrl = new URL(url);
+        serverUrl.searchParams.append("uuid", uuid);
+        if (opts?.language) {
+          serverUrl.searchParams.append("language", opts.language);
+        }
+        console.log("Server URL with params:", serverUrl.toString());
+        const response = await fetch(serverUrl.toString());
+        const data = await response.json();
+        token = data.token;
+        url = data.url;
+      } else {
+        token = config.settings.token;
+        url = config.settings.ws_url;
       }
-
-      url = process.env.NEXT_PUBLIC_LIVEKIT_URL;
-      if(!process.env.NEXT_PUBLIC_SERVER_URL) {
-        throw new Error("NEXT_PUBLIC_SERVER_URL is not set");
-      }
-      const uuid = Math.random().toString(36).substring(4);
-      const serverUrl = new URL(process.env.NEXT_PUBLIC_SERVER_URL);
-      serverUrl.searchParams.append('uuid', uuid);
-      if (opts?.language) {
-        serverUrl.searchParams.append('language', opts.language);
-      }
-      console.log("Server URL with params:", serverUrl.toString());
-      const response = await fetch(serverUrl.toString());
-      const data = await response.json();
-      token = data.token;
-      url = data.url;
-    } else {
-      token = config.settings.token;
-      url = config.settings.ws_url;
-    }
-    console.log("Connecting with URL:", url, "and token:", token);
-    setConnectionDetails({ wsUrl: url, token, shouldConnect: true, mode });
-  }, [
-    cloudWSUrl,
-    config.settings.token,
-    config.settings.ws_url,
-    generateToken,
-  ]);
+      console.log("Connecting with URL:", url, "and token:", token);
+      sessionStorage.setItem("lb_connection_session", Date.now().toString());
+      setConnectionDetails({ wsUrl: url, token, shouldConnect: true, mode });
+    },
+    [cloudWSUrl, config.settings.token, config.settings.ws_url, generateToken]
+  );
 
   return (
     <ConnectionContext.Provider
@@ -99,4 +104,4 @@ export const useConnection = () => {
     throw new Error("useConnection must be used within a ConnectionProvider");
   }
   return context;
-}
+};
diff --git a/src/lib/util.ts b/src/lib/util.ts
index 73fc79f..4884e2e 100644
--- a/src/lib/util.ts
+++ b/src/lib/util.ts
@@ -15,3 +15,39 @@ export function isValidEmail(email: string): boolean {
   const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return emailRegex.test(email);
 }
+
+export function formatDuration(start: Date, end?: Date): string {
+  const endTime = end || new Date();
+  const durationInSeconds = Math.floor(
+    (endTime.getTime() - start.getTime()) / 1000
+  );
+
+  const hours = Math.floor(durationInSeconds / 3600);
+  const minutes = Math.floor((durationInSeconds % 3600) / 60);
+  const seconds = durationInSeconds % 60;
+
+  let result = "";
+  if (hours > 0) {
+    result += `${hours}h `;
+  }
+  if (minutes > 0 || hours > 0) {
+    result += `${minutes}m `;
+  }
+  result += `${seconds}s`;
+
+  return result.trim();
+}
+
+export function getSessionPeriod(): string | null {
+  const sessionKey = "lb_connection_session";
+  const sessionStart = sessionStorage.getItem(sessionKey);
+
+  if (sessionStart) {
+    const startDate = new Date(parseInt(sessionStart, 10)); // Ensure the timestamp is parsed as an integer
+    const duration = formatDuration(startDate);
+    sessionStorage.removeItem(sessionKey);
+    return duration;
+  }
+
+  return null;
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index c210ab2..8e5e31c 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -18,7 +18,10 @@ import {
   useConnection,
 } from "@/hooks/useConnection";
 import { useMemo } from "react";
+import { Analytics } from "@vercel/analytics/react";
+import { track } from "@vercel/analytics";
 import Login from "@/components/login/LoginForm";
+import { getSessionPeriod } from "@/lib/util";
 
 const themeColors = [
   "cyan",
@@ -36,13 +39,15 @@ const inter = Inter({ subsets: ["latin"] });
 export default function Home() {
   const [isAuthenticated, setIsAuthenticated] = useState(false);
 
-  if (!isAuthenticated) {
-    return <Login onAuthenticated={() => setIsAuthenticated(true)} />;
-  }
   return (
     <ConfigProvider>
       <ConnectionProvider>
-        <HomeInner />
+        <Analytics />
+        {isAuthenticated ? (
+          <HomeInner />
+        ) : (
+          <Login onAuthenticated={() => setIsAuthenticated(true)} />
+        )}
       </ConnectionProvider>
     </ConfigProvider>
   );
@@ -58,14 +63,72 @@ export function HomeInner() {
 
   const { config } = useConfig();
 
+  const serverInfo = useMemo(() => {
+    const serverUrl = process.env.NEXT_PUBLIC_SERVER_URL || "[]";
+    try {
+      const parsed = JSON.parse(serverUrl);
+      if (Array.isArray(parsed)) {
+        return parsed as Array<{
+          name: string;
+          description: string;
+          url: string;
+        }>;
+      }
+    } catch (e) {
+      console.error("Invalid server URL format", e);
+    }
+    return [
+      {
+        name: config.title,
+        description: config.description,
+        url: serverUrl,
+      },
+    ];
+  }, [config.title, config.description]);
+
+  const [selectedServerInfo, setSelectedServerInfo] = useState(
+    serverInfo[0] || {}
+  );
+
   const handleConnect = useCallback(
-    async (c: boolean, mode: ConnectionMode, opts?: { language?: string }) => {
+    async (
+      c: boolean,
+      mode: ConnectionMode,
+      opts?: { language?: string; serverUrl?: string }
+    ) => {
       const m = process.env.NEXT_PUBLIC_LIVEKIT_URL ? "env" : mode;
-      c ? connect(m, opts) : disconnect();
+      const serverUrl = opts?.serverUrl || selectedServerInfo.url;
+      c ? connect(m, { ...opts, serverUrl } as any) : disconnect();
     },
-    [connect, disconnect]
+    [connect, disconnect, selectedServerInfo.url]
   );
 
+  const handleServerChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    const newServerInfo = serverInfo.find(
+      (server) => server.url === e.target.value
+    ) || {
+      name: "",
+      description: "",
+      url: "",
+    };
+
+    setSelectedServerInfo(newServerInfo);
+    disconnect();
+    logSessionDuration();
+    const m = process.env.NEXT_PUBLIC_LIVEKIT_URL ? "env" : mode;
+    handleConnect(true, m, { serverUrl: newServerInfo.url });
+  };
+
+  const logSessionDuration = () => {
+    const sessionDuration = getSessionPeriod();
+    if (sessionDuration) {
+      track("Session duration", {
+        name: selectedServerInfo.name || "",
+        sessionDuration,
+      });
+    }
+  };
+
   const showPG = useMemo(() => {
     if (process.env.NEXT_PUBLIC_LIVEKIT_URL) {
       return true;
@@ -131,6 +194,9 @@ export function HomeInner() {
                 const m = process.env.NEXT_PUBLIC_LIVEKIT_URL ? "env" : mode;
                 handleConnect(c, m, opts);
               }}
+              serverInfo={serverInfo}
+              selectedServerInfo={selectedServerInfo}
+              handleServerChange={handleServerChange}
             />
             <RoomAudioRenderer />
             <StartAudio label="Click to enable audio playback" />
@@ -144,6 +210,27 @@ export function HomeInner() {
           />
         )}
       </main>
+      <footer className="w-full max-w-2xl bg-black text-white text-center p-4 mx-auto">
+        <p className="text-sm flex flex-col md:flex-row md:justify-center">
+          <span>&copy; {new Date().getFullYear()} Harvia</span>
+          <a
+            href="https://www.harvia.com/en/privacy-notice/"
+            className="block underline hover:text-gray-400 whitespace-nowrap mx-2"
+          >
+            Privacy notice
+          </a>
+          <a
+            href="https://www.harvia.com/en/legal-disclaimer/"
+            className="block underline hover:text-gray-400 whitespace-nowrap"
+          >
+            Legal Disclaimer
+          </a>
+        </p>
+        <p className="text-sm mt-2">
+          Disclaimer: SaunaBuddy is in Beta and can make mistakes, please check
+          important information.
+        </p>
+      </footer>
     </>
   );
 }