diff --git a/public/images/logo-dark.svg b/public/images/logo-dark.svg
new file mode 100644
index 0000000..d3bf1aa
--- /dev/null
+++ b/public/images/logo-dark.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/app/features/auth/components/AuthLogo.tsx b/src/app/features/auth/components/AuthLogo.tsx
new file mode 100644
index 0000000..02d7826
--- /dev/null
+++ b/src/app/features/auth/components/AuthLogo.tsx
@@ -0,0 +1,30 @@
+'use client'
+
+import Image from 'next/image'
+import Link from 'next/link'
+import { useTheme } from 'next-themes'
+
+interface AuthLogoProps {
+ text: string
+}
+
+export default function AuthLogo({ text }: AuthLogoProps): JSX.Element {
+ const { resolvedTheme } = useTheme()
+
+ const isDark = resolvedTheme === 'dark'
+
+ return (
+
+
+
+
+ {text}
+
+ )
+}