diff --git a/Hosts/Moonlight.Frontend.Host/Styles/styles.css b/Hosts/Moonlight.Frontend.Host/Styles/styles.css
index 19377e05..90242dcf 100644
--- a/Hosts/Moonlight.Frontend.Host/Styles/styles.css
+++ b/Hosts/Moonlight.Frontend.Host/Styles/styles.css
@@ -6,13 +6,13 @@
 @import "./theme.css";
 @source "./node_modules/shadcnblazor/classes.json";
 
-@source "../../Moonlight.Api/**/*.razor";
-@source "../../Moonlight.Api/**/*.cs";
-@source "../../Moonlight.Api/**/*.html";
+@source "../../../Moonlight.Api/**/*.razor";
+@source "../../../Moonlight.Api/**/*.cs";
+@source "../../../Moonlight.Api/**/*.html";
 
-@source "../../Moonlight.Frontend/**/*.razor";
-@source "../../Moonlight.Frontend/**/*.cs";
-@source "../../Moonlight.Frontend/**/*.html";
+@source "../../../Moonlight.Frontend/**/*.razor";
+@source "../../../Moonlight.Frontend/**/*.cs";
+@source "../../../Moonlight.Frontend/**/*.html";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/Moonlight.Frontend/UI/Admin/Views/Settings/Index.razor b/Moonlight.Frontend/UI/Admin/Views/Settings/Index.razor
new file mode 100644
index 00000000..a7288a7a
--- /dev/null
+++ b/Moonlight.Frontend/UI/Admin/Views/Settings/Index.razor
@@ -0,0 +1,46 @@
+@page "/admin/settings"
+@using LucideBlazor
+@using ShadcnBlazor.Buttons
+@using ShadcnBlazor.Cards
+@using ShadcnBlazor.Inputs
+@using ShadcnBlazor.Tab
+@using ShadcnBlazor.Labels
+
+<Tabs DefaultValue="customization">
+    <TabsList ClassName="inline-flex w-full lg:w-fit justify-start overflow-x-auto overflow-y-hidden">
+        <TabsTrigger Value="customization">
+            <PaintRollerIcon />
+            Customization
+        </TabsTrigger>
+        <TabsTrigger Value="authentication">
+            <ScanFaceIcon />
+            Authentication
+        </TabsTrigger>
+        <TabsTrigger Value="api">
+            <KeyIcon />
+            API & API Keys
+        </TabsTrigger>
+        <TabsTrigger Value="diagnose">
+            <HeartPulseIcon />
+            Diagnose
+        </TabsTrigger>
+    </TabsList>
+    <TabsContent Value="customization">
+        <Card ClassName="mt-5">
+            <CardContent>
+                <div class="grid grid-cols-1 lg:grid-cols-3 gap-5">
+                    <div class="col-span-1 grid gap-3">
+                        <Label for="instance-name">Instance Name</Label>
+                        <InputField id="instance-name" />
+                    </div>
+                </div>
+            </CardContent>
+            <CardFooter ClassName="justify-end">
+                <Button>
+                    <SaveIcon />
+                    Save changes
+                </Button>
+            </CardFooter>
+        </Card>
+    </TabsContent>
+</Tabs>
\ No newline at end of file
diff --git a/Moonlight.Frontend/UI/Views/Users/Create.razor b/Moonlight.Frontend/UI/Admin/Views/Users/Create.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Views/Users/Create.razor
rename to Moonlight.Frontend/UI/Admin/Views/Users/Create.razor
diff --git a/Moonlight.Frontend/UI/Views/Users/Edit.razor b/Moonlight.Frontend/UI/Admin/Views/Users/Edit.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Views/Users/Edit.razor
rename to Moonlight.Frontend/UI/Admin/Views/Users/Edit.razor
diff --git a/Moonlight.Frontend/UI/Views/Users/Index.razor b/Moonlight.Frontend/UI/Admin/Views/Users/Index.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Views/Users/Index.razor
rename to Moonlight.Frontend/UI/Admin/Views/Users/Index.razor
diff --git a/Moonlight.Frontend/UI/App.razor b/Moonlight.Frontend/UI/App.razor
index a811d897..f05f6fd4 100644
--- a/Moonlight.Frontend/UI/App.razor
+++ b/Moonlight.Frontend/UI/App.razor
@@ -1,9 +1,9 @@
 @using LucideBlazor
 @using Microsoft.AspNetCore.Components.Authorization
+@using Moonlight.Frontend.UI.Shared
 @using ShadcnBlazor.Emptys
-@using Moonlight.Frontend.UI.Components.Auth
-@using Moonlight.Frontend.UI.Partials
-@using Moonlight.Frontend.UI.Views
+@using Moonlight.Frontend.UI.Shared.Components.Auth
+@using Moonlight.Frontend.UI.Shared.Partials
 
 <ErrorBoundary>
     <ChildContent>
diff --git a/Moonlight.Frontend/UI/Components/Auth/AccessDenied.razor b/Moonlight.Frontend/UI/Shared/Components/Auth/AccessDenied.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Components/Auth/AccessDenied.razor
rename to Moonlight.Frontend/UI/Shared/Components/Auth/AccessDenied.razor
diff --git a/Moonlight.Frontend/UI/Components/Auth/Authenticating.razor b/Moonlight.Frontend/UI/Shared/Components/Auth/Authenticating.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Components/Auth/Authenticating.razor
rename to Moonlight.Frontend/UI/Shared/Components/Auth/Authenticating.razor
diff --git a/Moonlight.Frontend/UI/Components/Auth/Authentication.razor b/Moonlight.Frontend/UI/Shared/Components/Auth/Authentication.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Components/Auth/Authentication.razor
rename to Moonlight.Frontend/UI/Shared/Components/Auth/Authentication.razor
diff --git a/Moonlight.Frontend/UI/Views/NotFound.razor b/Moonlight.Frontend/UI/Shared/NotFound.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Views/NotFound.razor
rename to Moonlight.Frontend/UI/Shared/NotFound.razor
diff --git a/Moonlight.Frontend/UI/Partials/AppHeader.razor b/Moonlight.Frontend/UI/Shared/Partials/AppHeader.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Partials/AppHeader.razor
rename to Moonlight.Frontend/UI/Shared/Partials/AppHeader.razor
diff --git a/Moonlight.Frontend/UI/Partials/MainLayout.razor b/Moonlight.Frontend/UI/Shared/Partials/MainLayout.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Partials/MainLayout.razor
rename to Moonlight.Frontend/UI/Shared/Partials/MainLayout.razor
diff --git a/Moonlight.Frontend/UI/Partials/NavUser.razor b/Moonlight.Frontend/UI/Shared/Partials/NavUser.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Partials/NavUser.razor
rename to Moonlight.Frontend/UI/Shared/Partials/NavUser.razor
diff --git a/Moonlight.Frontend/UI/Views/Index.razor b/Moonlight.Frontend/UI/User/Views/Index.razor
similarity index 100%
rename from Moonlight.Frontend/UI/Views/Index.razor
rename to Moonlight.Frontend/UI/User/Views/Index.razor