diff --git a/.env b/.env
new file mode 100644
index 0000000..36542c9
--- /dev/null
+++ b/.env
@@ -0,0 +1,7 @@
+# Public environment variables
+# These variables are exposed to the client-side code
+# and should not contain any sensitive information.
+
+
+NEXT_PUBLIC_LIVEKIT_URL=https://call.pragmatismo.com.br
+
diff --git a/.gitignore b/.gitignore
index 9812bf1..445726f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,5 +24,4 @@ dist-ssr
*.sw?
output.sh
.next
-ui
-.env
+out
\ No newline at end of file
diff --git a/src/components/ui/mode-toggle.tsx b/src/components/ui/mode-toggle.tsx
new file mode 100644
index 0000000..82ce072
--- /dev/null
+++ b/src/components/ui/mode-toggle.tsx
@@ -0,0 +1,38 @@
+import * as React from "react"
+import { Moon, Sun } from "lucide-react"
+import { useTheme } from "next-themes"
+
+import { Button } from "@/components/ui/button"
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+
+export default function ModeToggle() {
+ const { setTheme } = useTheme()
+
+ return (
+
+
+
+
+
+ setTheme("light")}>
+ Light
+
+ setTheme("dark")}>
+ Dark
+
+ setTheme("system")}>
+ System
+
+
+
+ )
+}
diff --git a/src/components/ui/theme-provider.tsx b/src/components/ui/theme-provider.tsx
new file mode 100644
index 0000000..36dec3a
--- /dev/null
+++ b/src/components/ui/theme-provider.tsx
@@ -0,0 +1,9 @@
+"use client";
+
+import * as React from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import { type ThemeProviderProps } from "next-themes";
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+ return {children};
+}