diff --git a/app/dashboard/admin/page.tsx b/app/dashboard/admin/page.tsx
index 1fb2054..d404462 100644
--- a/app/dashboard/admin/page.tsx
+++ b/app/dashboard/admin/page.tsx
@@ -1,9 +1,24 @@
+import { Metadata, Viewport } from "next";
 "use client";
 
 import React, { useEffect, useState } from "react";
 // Example chart library:
 // import { LineChart, Line, XAxis, YAxis, Tooltip, CartesianGrid } from "recharts";
 
+export const metadata: Metadata = {
+  title: "Admin Dashboard | Ember Market",
+  description: "Admin dashboard for Ember Market",
+};
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  themeColor: [
+    { media: "(prefers-color-scheme: dark)", color: "#000000" },
+    { media: "(prefers-color-scheme: light)", color: "#D53F8C" },
+  ],
+};
+
 interface DailyDataPoint {
   date: string;
   count: number;