import "./global.css";

export default function ScillyMarketingLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <>
      <link rel="preconnect" href="https://storage.karmagroup.com" crossOrigin="anonymous" />
      <link rel="preconnect" href="https://storage.googleapis.com" crossOrigin="anonymous" />
      <link
        rel="preload"
        as="font"
        href="/fonts/SnellRoundhand.woff2"
        type="font/woff2"
        crossOrigin="anonymous"
      />
      <style
        dangerouslySetInnerHTML={{
          __html: `
            @font-face {
              font-family: "Snell Roundhand";
              src: url("/fonts/SnellRoundhand.woff2") format("woff2");
              font-weight: 500;
              font-style: normal;
              font-display: swap;
            }
          `,
        }}
      />
      <div
        style={{
          "--font-snell":
            '"Snell Roundhand", var(--font-scilly-script, cursive)',
        } as React.CSSProperties}
      >
        {children}
      </div>
    </>
  );
}