diff --git a/src/app/user-panel/page.tsx b/src/app/user-panel/page.tsx
new file mode 100644
index 0000000..f25d335
--- /dev/null
+++ b/src/app/user-panel/page.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import { User, Coffee, Star } from "lucide-react";
+
+export default function UserPanelPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen 
+        navItems={[{ name: "Ana Sayfa", id: "/" }, { name: "Hakkımızda", id: "/about" }, { name: "Menü", id: "/#products" }, { name: "İletişim", id: "/contact" }, { name: "Profil", id: "/user-panel" }]} 
+        brandName="Neşve Cafe" 
+      />
+      <div className="pt-32 pb-20 px-6">
+        <h1 className="text-4xl font-bold mb-10 text-center">Kullanıcı Paneli</h1>
+        <MetricCardThree
+          title="Hesap Özeti"
+          animationType="slide-up"
+          textboxLayout="default"
+          metrics={[
+            { id: "1", icon: User, title: "Üyelik", value: "Aktif" },
+            { id: "2", icon: Coffee, title: "Toplam Sipariş", value: "42" },
+            { id: "3", icon: Star, title: "Puanlar", value: "1250" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file