// app/layout.tsx
import { Leaf } from "lucide-react";
import type { Metadata, Viewport } from "next";
import { Navigation } from "./components/Navigation";
import "./globals.css";
export const viewport: Viewport = {
themeColor: "#0E292E",
width: "device-width",
initialScale: 1,
maximumScale: 1,
userScalable: false,
};
export const metadata: Metadata = {
title: "Naturvärdarna Kullaberg",
description: "Intern app för naturvärdarna på Kullaberg",
manifest: "/manifest.json",
appleWebApp: {
capable: true,
statusBarStyle: "default",
title: "Naturvärdarna",
startupImage: [
{
url: "/apple-splash.png",
},
],
},
icons: {
icon: '/favicon.svg',
shortcut: '/favicon.svg',
apple: [
{ url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' },
],
},
formatDetection: {
telephone: false,
}
};
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{/* Header & Navigation */}
{/* Main Content Area */}
{children}
);
}