Merge branch 'main' into jose/ui

www/app/components/webrtc.js

@@ -1,7 +1,8 @@
 import { useEffect, useState } from "react";
 import Peer from "simple-peer";
 
-const WebRTC_SERVER_URL = "http://127.0.0.1:1250/offer";
+// allow customization of the WebRTC server URL from env
+const WEBRTC_SERVER_URL = process.env.NEXT_PUBLIC_WEBRTC_SERVER_URL || "http://127.0.0.1:1250/offer";
 
 const useWebRTC = (stream) => {
   const [data, setData] = useState({
@@ -17,7 +18,7 @@ const useWebRTC = (stream) => {
 
     peer.on("signal", (data) => {
       if ("sdp" in data) {
-        fetch(WebRTC_SERVER_URL, {
+        fetch(WEBRTC_SERVER_URL, {
           body: JSON.stringify({
             sdp: data.sdp,
             type: data.type,

www/app/layout.js

@@ -6,8 +6,47 @@ import Head from "next/head";
 const roboto = Roboto({ subsets: ["latin"], weight: "400" });
 
 export const metadata = {
-  title: "Reflector – Monadical",
-  description: "Capture The Signal, Not The Noise",
+  title: {
+    template: "%s – Reflector",
+    default: "Reflector - AI-Powered Meeting Transcriptions by Monadical",
+  },
+  description:
+    "Reflector is an AI-powered tool that transcribes your meetings with unparalleled accuracy, divides content by topics, and provides insightful summaries. Maximize your productivity with Reflector, brought to you by Monadical. Capture the signal, not the noise.",
+  applicationName: "Reflector",
+  referrer: "origin-when-cross-origin",
+  keywords: ["Reflector", "Monadical", "AI", "Meetings", "Transcription"],
+  authors: [{ name: "Monadical Team", url: "https://monadical.com/team.html" }],
+  formatDetection: {
+    email: false,
+    address: false,
+    telephone: false,
+  },
+
+  openGraph: {
+    title: "Reflector",
+    description:
+      "Reflector is an AI-powered tool that transcribes your meetings with unparalleled accuracy, divides content by topics, and provides insightful summaries. Maximize your productivity with Reflector, brought to you by Monadical. Capture the signal, not the noise.",
+    type: "website",
+  },
+
+  twitter: {
+    card: "summary_large_image",
+    title: "Reflector",
+    description:
+      "Reflector is an AI-powered tool that transcribes your meetings with unparalleled accuracy, divides content by topics, and provides insightful summaries. Maximize your productivity with Reflector, brought to you by Monadical. Capture the signal, not the noise.",
+    images: ["/r-icon.png"],
+  },
+
+  icons: {
+    icon: "/r-icon.png",
+    shortcut: "/r-icon.png",
+    apple: "/r-icon.png",
+  },
+  viewport: {
+    width: "device-width",
+    initialScale: 1,
+    maximumScale: 1,
+  },
 };
 
 export default function RootLayout({ children }) {