128 lines
4.1 KiB
TypeScript
128 lines
4.1 KiB
TypeScript
import "./globals.css";
|
|
import type { Metadata } from "next";
|
|
import { Inter, Inter_Tight } from "next/font/google";
|
|
import { cn } from "@/lib/utils";
|
|
import { Providers } from "./_providers";
|
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
|
const interTight = Inter_Tight({
|
|
subsets: ["latin"],
|
|
variable: "--font-inter-tight",
|
|
});
|
|
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";
|
|
|
|
export const metadata: Metadata = {
|
|
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: {
|
|
color: "#FFFFFF",
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning className="">
|
|
<meta name="apple-mobile-web-app-capable" content="yes"></meta>
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
|
<meta name="apple-mobile-web-app-title" content="Flockstr" />
|
|
<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>
|
|
<body
|
|
className={cn(
|
|
inter.className,
|
|
interTight.variable,
|
|
"w-full bg-background scrollbar-none",
|
|
)}
|
|
>
|
|
<Providers>{children}</Providers>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|