fix

app/layout.tsx

@@ -4,10 +4,11 @@ import { ThemeProvider } from "@/components/layout/theme-provider"
 import { Toaster } from "sonner"
 import type React from "react"
 import KeepOnline from "@/components/KeepOnline"
+import { Metadata, Viewport } from "next"
 
 const inter = Inter({ subsets: ["latin"] })
   
-export const metadata = {
+export const metadata: Metadata = {
   title: "Ember | E-Commerce Management Platform",
   description: "Transform your e-commerce experience with Ember, a comprehensive platform that integrates secure cryptocurrency payments, efficient order management, and advanced analytics to help you optimize performance, boost sales, and expand your customer base",
   keywords: "e-commerce, marketplace, cryptocurrency payments, order management, vendor platform, online business",
@@ -56,16 +57,17 @@ export const metadata = {
     description: "Streamlined e-commerce management with secure cryptocurrency payments",
     images: ["/twitter-image.jpg"],
   },
-  viewport: {
-    width: "device-width",
-    initialScale: 1,
-    maximumScale: 1,
-  },
+}
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
   themeColor: [
     { media: "(prefers-color-scheme: dark)", color: "#000000" },
     { media: "(prefers-color-scheme: light)", color: "#D53F8C" },
   ],
-}
+};
 
 export default function RootLayout({
   children,