almeira-web/almeira-store-app/src/app/layout.tsx

62 lines
1.5 KiB
TypeScript

import type { Metadata, Viewport } from 'next';
import { Geist, Geist_Mono } from 'next/font/google';
import './globals.css';
import { BrandProvider } from '@/context/BrandContext';
import { AuthProvider } from '@/context/AuthContext';
const geistSans = Geist({
variable: '--font-geist-sans',
subsets: ['latin'],
});
const geistMono = Geist_Mono({
variable: '--font-geist-mono',
subsets: ['latin'],
});
export const viewport: Viewport = {
themeColor: '#06b6d4',
width: 'device-width',
initialScale: 1,
maximumScale: 1,
userScalable: false,
viewportFit: 'cover',
};
export const metadata: Metadata = {
title: 'Almeira Store • Sneakers & Moda Urbana',
description: 'Tienda oficial de calzado y zapatillas con entregas contraentrega en 24 horas.',
manifest: '/manifest.json',
appleWebApp: {
capable: true,
statusBarStyle: 'black-translucent',
title: 'Almeira Store',
},
icons: {
icon: '/icon.svg',
apple: '/icon.svg',
},
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="es" className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}>
<head>
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
</head>
<body className="min-h-full flex flex-col bg-slate-950 text-slate-100 pb-16 sm:pb-0">
<AuthProvider>
<BrandProvider>
{children}
</BrandProvider>
</AuthProvider>
</body>
</html>
);
}