flockstr/app/layout.tsx

125 lines
3.9 KiB
TypeScript
Raw Normal View History

2023-10-13 09:23:11 -04:00
import "./globals.css";
import type { Metadata } from "next";
2023-10-13 19:02:59 -04:00
import { Inter, Inter_Tight } from "next/font/google";
2023-10-13 09:23:11 -04:00
import { cn } from "@/lib/utils";
import { Providers } from "./_providers";
2023-10-13 08:39:50 -04:00
2023-10-13 09:23:11 -04:00
const inter = Inter({ subsets: ["latin"] });
2023-10-13 19:02:59 -04:00
const interTight = Inter_Tight({
subsets: ["latin"],
variable: "--font-inter-tight",
});
2023-10-13 09:23:11 -04:00
const title = "Flockstr";
const description = "Own your flock";
const image =
"https://o-0-o-image-storage.s3.amazonaws.com/zachmeyer_a_cartoon_image_of_an_ostrich_wearing_sunglasses_at_a_e68ac83e-a3b8-4d81-9550-a1fb7ee1ee62.png";
2023-10-13 08:39:50 -04:00
export const metadata: Metadata = {
2023-10-13 09:23:11 -04:00
title,
description,
icons: [
{ rel: "apple-touch-icon", url: "/apple-touch-icon.png" },
{ rel: "shortcut icon", url: "/favicon.ico" },
],
openGraph: {
title,
description,
images: [image],
},
twitter: {
card: "summary_large_image",
title,
description,
images: [image],
creator: "@zachmeyer_",
},
metadataBase: new URL("https://flockstr.com"),
viewport:
"minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, viewport-fit=cover",
manifest: "/manifest.json",
appleWebApp: {
capable: true,
title: title,
statusBarStyle: "default",
},
applicationName: "Flockstr",
formatDetection: {
telephone: false,
},
themeColor: {
2023-10-14 23:04:21 -04:00
color: "#FFFFFF",
2023-10-13 09:23:11 -04:00
},
};
2023-10-13 08:39:50 -04:00
export default function RootLayout({
children,
}: {
2023-10-13 09:23:11 -04:00
children: React.ReactNode;
2023-10-13 08:39:50 -04:00
}) {
return (
2023-10-13 09:23:11 -04:00
<html lang="en" suppressHydrationWarning className="">
2023-10-15 11:53:54 -04:00
<head>
<link
href="splashscreens/iphone5_splash.png"
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image"
/>
<link
href="splashscreens/iphone6_splash.png"
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image"
/>
<link
href="splashscreens/iphoneplus_splash.png"
media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)"
rel="apple-touch-startup-image"
/>
<link
href="splashscreens/iphonex_splash.png"
media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)"
rel="apple-touch-startup-image"
/>
<link
href="splashscreens/iphonexr_splash.png"
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image"
/>
<link
href="splashscreens/iphonexsmax_splash.png"
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)"
rel="apple-touch-startup-image"
/>
<link
href="splashscreens/ipad_splash.png"
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image"
/>
<link
href="splashscreens/ipadpro1_splash.png"
media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image"
/>
<link
href="splashscreens/ipadpro3_splash.png"
media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image"
/>
<link
href="splashscreens/ipadpro2_splash.png"
media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image"
/>
</head>
2023-10-13 09:23:11 -04:00
<body
2023-10-13 19:02:59 -04:00
className={cn(
inter.className,
interTight.variable,
"w-full bg-background scrollbar-none",
)}
2023-10-13 09:23:11 -04:00
>
<Providers>{children}</Providers>
</body>
2023-10-13 08:39:50 -04:00
</html>
2023-10-13 09:23:11 -04:00
);
2023-10-13 08:39:50 -04:00
}