<script>
  import { page } from "$app/stores";
</script>

<svelte:head>
	<title>Explore Models</title>
  {#if $page.url.searchParams.get('search')}
		<meta property="og:title" content="All {$page.url.searchParams.get('search')} LoRAS on LoRA Studio" />
    <meta property="twitter:title" content="All {$page.url.searchParams.get('search')} LoRAS on LoRA Studio" />
		<meta property="og:description" content="Browse and explore all {$page.url.searchParams.get('search')} models" />
    <meta property="twitter:description" content="Browse and explore all {$page.url.searchParams.get('search')} models" />
		{:else if $page.url.searchParams.get('base_model')}
			<meta property="og:title" content="Explore {$page.url.searchParams.get('base_model')?.toLocaleUpperCase()} LoRAs" />
      <meta property="twitter:title" content="Explore {$page.url.searchParams.get('base_model')?.toLocaleUpperCase()} LoRAs" />
      <meta
        property="og:description"
        content="LoRA Studio 🎨 is your new all-in-one generative art AI platform! Explore thousands of fun LoRA Models, share your AI-generated art and get involved with a dynamic community of creators! New models arrive every day, in direct connection with Hugging Face! 🤗"
      />
      <meta
        name="twitter:description"
        content="LoRA Studio 🎨 is your new all-in-one generative art AI platform! Explore thousands of fun LoRA Models, share your AI-generated art and get involved with a dynamic community of creators! New models arrive every day, in direct connection with Hugging Face! 🤗"
      />
    {:else}
      <meta property="og:title" content="Explore Models on LoRA Studio" />
      <meta property="twitter:title" content="Explore Models on LoRA Studio" />
      <meta
        property="og:description"
        content="LoRA Studio 🎨 is your new all-in-one generative art AI platform! Explore thousands of fun LoRA Models, share your AI-generated art and get involved with a dynamic community of creators! New models arrive every day, in direct connection with Hugging Face! 🤗"
      />
      <meta
        name="twitter:description"
        content="LoRA Studio 🎨 is your new all-in-one generative art AI platform! Explore thousands of fun LoRA Models, share your AI-generated art and get involved with a dynamic community of creators! New models arrive every day, in direct connection with Hugging Face! 🤗"
      />
	{/if}
	<meta property="og:image" content="https://lorastudio.co/metadata.png" />
	<meta property="og:url" content="https://lorastudio.co/" />
	<meta name="twitter:image" content="https://lorastudio.co/metadata.png" />
  <link rel="canonical" href="https://lorastudio.co/models" />
</svelte:head>

<div>
  <slot />
</div>