---
import '../styles/global.css';

interface Props {
  title?: string;
}

const {
  title = 'Le Moulin des Rives'
} = Astro.props;
---

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />

    <title>{title}</title>

    <meta
      name="description"
      content="Gîte de charme dans la vallée de l’Allier avec restauration et hébergement au cœur de la nature."
    />

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link
      href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap"
      rel="stylesheet"
    >
  </head>

  <body class="bg-cream text-dark font-sans antialiased">
    <slot />
  </body>
</html>