import React from 'react' ; import Head from 'next/head' ; type Props = { title ? : string ; description ? : string ; ogImageUrl ? : string ; } ; export const Meta = ( ) => { return ( < Head > < link rel = "apple-touch-icon" sizes = "180x180" href = "/favicon/apple-touch-icon.png" / > < link rel = "icon" type = "image/png" sizes = "32x32" href = "/favicon/favicon-32x32.png" / > < link rel = "icon" type = "image/png" sizes = "16x16" href = "/favicon/favicon-16x16.png" / > < link rel = "manifest" href = "/favicon/site.webmanifest" / > < link rel = "shortcut icon" href = "/favicon/favicon.ico" / > < meta name = "theme-color" content = "#ffffff" / > < link rel = "preconnect" href = "https://fonts.googleapis.com" / > < link rel = "preconnect" href = "https://fonts.gstatic.com" crossOrigin = "anonymous" / > < link href = "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel = "stylesheet" / > < /Head>); } ;