---
import '../styles/global.scss';
import Navbar from '../components/Layout/Navbar/Navbar.jsx';
import Footer from '../components/Layout/Footer/Footer.astro';

export interface Props {
  view: string;
  title: string;
}

const { view, title } = Astro.props;
---

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>{title}</title>
      <meta
          name="description"
          content="Access the open, user-owned web with Lume Web, and make it yours"
      />
      <meta name="keywords" content="Web3 Extension, web3 browser, Lume Web, Web3, dWeb, p2p, handshake, eth, ethereum, ipfs, open web, privacy, decentralization, blockchain" />
  </head>
  <body>
    <Navbar view={view} client:load />
    <main class={view}>
      <slot />
    </main>
    <Footer />
  </body>
</html>
