From ef3d04600a0358845bc8045c2e517de95a93c791 Mon Sep 17 00:00:00 2001
From: jellydeck <91427591+jellydeck@users.noreply.github.com>
Date: Fri, 13 Mar 2026 17:57:30 +0530
Subject: [PATCH] chore: og data

---
 src/app.html              |  1 +
 src/routes/+layout.svelte | 45 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+)

diff --git a/src/app.html b/src/app.html
index f273cc5..0c829ef 100644
--- a/src/app.html
+++ b/src/app.html
@@ -2,6 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 631ca75..c63fa3b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -26,5 +26,50 @@
 {:else}
 	<div class="grid h-screen place-items-center">
 		<span class="text-muted-foreground text-sm">Loading...</span>
+	</div><script lang="ts">
+	import '$lib/styles/global.css';
+	import Navbar from '$lib/editor/Navbar.svelte';
+	import { mockupStore } from '$lib/contexts/store.svelte';
+	import { onMount } from 'svelte';
+	import FloatingBar from '$lib/editor/FloatingBar.svelte';
+
+	let { children } = $props();
+
+	onMount(() => mockupStore.hydrate());
+</script>
+
+<svelte:head>
+	<title>Moocup - Beautiful mockups</title>
+
+	<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+
+	<meta name="description" content="Create beautiful mockups in seconds" />
+	<meta name="author" content="Moocup Editor" />
+
+	<meta property="og:title" content="Moocup - Create beautiful mockups in seconds" />
+	<meta property="og:description" content="Create beautiful mockups in seconds" />
+	<meta property="og:type" content="website" />
+	<meta property="og:image" content="https://moocup.jaydip.me/og.webp" />
+
+	<meta name="twitter:card" content="summary_large_image" />
+	<meta name="twitter:site" content="@JellyDeck" />
+	<meta name="twitter:image" content="https://moocup.jaydip.me/og.webp" />
+</svelte:head>
+
+{#if mockupStore.hydrated}
+	<div class="flex h-screen flex-col bg-bg">
+		<Navbar />
+
+		<div class="flex flex-1 overflow-hidden">
+			{@render children()}
+		</div>
+
+		<FloatingBar />
 	</div>
+{:else}
+	<div class="grid h-screen place-items-center">
+		<span class="text-muted-foreground text-sm">Loading...</span>
+	</div>
+{/if}
+
 {/if}
-- 
2.51.2