Files
juggernautplays_com/src/components/layout/Landing.astro

51 lines
1.5 KiB
Plaintext

---
import '@/styles/global.css'
import '@fontsource-variable/roboto'
import '@fontsource/orbitron/900.css'
import '@fortawesome/fontawesome-free/css/fontawesome.min.css'
import '@fortawesome/fontawesome-free/css/solid.min.css'
import '@fortawesome/fontawesome-free/css/brands.min.css'
import Footer from '@/components/layout/parts/Footer.astro'
export interface Props {
title?: string
description?: string
imageUrl?: string
}
const { title, description, imageUrl } = Astro.props
const permalink = new URL(Astro.url.pathname, Astro.site).href
const seoTitle =
title === undefined ? 'Juggernaut Plays' : `${title} | Juggernaut Plays`
const seoDescription =
description === undefined
? 'Oops, parece que no hay descripción.'
: description
const seoImage =
imageUrl === undefined ? 'https://srjuggernaut.dev/DefaultOG.png' : imageUrl
---
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width">
<!-- SEO -->
<title>{seoTitle}</title>
<meta name="description" content={seoDescription}>
<!-- Open Graph -->
<meta property="og:title" content={seoTitle}>
<meta property="og:description" content={seoDescription}>
<meta property="og:url" content={permalink}>
<meta property="og:image" content={seoImage}>
</head>
<body>
<main><slot /></main>
<Footer />
</body>
</html>