Files
falah-mobile/src/app/layout.tsx
T

43 lines
1.4 KiB
TypeScript

import type { Metadata } from "next";
import "./globals.css";
import { AuthProvider } from "@/lib/AuthContext";
import BottomNav from "@/components/BottomNav";
import NotificationBell from "@/components/NotificationBell";
export const metadata: Metadata = {
title: "Falah — Islamic Lifestyle",
description: "Nur AI coaching, Halal marketplace, community & wallet",
viewport: "width=device-width, initial-scale=1, viewport-fit=cover",
themeColor: "#0a0a0f",
appleWebApp: { capable: true, statusBarStyle: "black-translucent" },
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en" className="dark">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<meta name="theme-color" content="#0a0a0f" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
</head>
<body>
<AuthProvider>
<div className="relative">
<div className="absolute top-4 right-4 z-40">
<NotificationBell />
</div>
<main>{children}</main>
</div>
<BottomNav />
</AuthProvider>
</body>
</html>
);
}