import './global.css';
import { LocaleProvider } from './components/i18n';
import { Metadata } from 'next';
import { LayoutContent } from './components/LayoutConent';
import LanguageSwitcher from './components/LanguageSwitcher';
import Snow from './components/snowfall';
export const metadata: Metadata = {
title: 'Wichtle - Secret Santa Made Easy',
description:
'The easiest way to organize a Secret Santa with your friends, family, or colleagues!',
openGraph: {
type: 'website',
images: [
{
url: '/images/logo.png',
width: 512,
height: 512,
alt: 'Wichtle Logo - Secret Santa',
},
],
},
icons: {
icon: '/images/logo.png',
apple: '/images/logo.png',
},
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body className="flex h-screen w-screen flex-col items-center justify-center bg-blue-950 relative overflow-scroll">
<div className="absolute inset-0 z-0">
<Snow />
</div>
<div className="absolute top-2 right-2 md:top-4 md:right-4 z-20">
<LocaleProvider>
<LanguageSwitcher />
</LocaleProvider>
</div>
<div className="h-5/6 w-11/12 md:h-3/4 md:w-3/4 z-10 flex items-center justify-center">
<div className="bg-black/40 text-white backdrop-blur-xs rounded-2xl p-3 md:p-6 inset-shadow-xl shadow-red-500 max-w-xl">
<LocaleProvider>
<LayoutContent>{children}</LayoutContent>
</LocaleProvider>
</div>
</div>
</body>
</html>
);
}
Somehow with this code, the snowflakes do not show in iOS?