layout change for marketing header

Author: jaminwebdev

src/routes/(marketing)/+layout.svelte

@@ -1,5 +1,7 @@
 <script>
+	import MarketingHeader from '@/routes/(marketing)/MarketingHeader.svelte';
 	let { children } = $props();
 </script>
 
+<MarketingHeader />
 {@render children()}

src/lib/components/Header.svelte …outes/(marketing)/MarketingHeader.sveltesrc/lib/components/Header.svelte renamed to src/routes/(marketing)/MarketingHeader.svelte src/lib/components/Header.svelte renamed to src/routes/(marketing)/MarketingHeader.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { SignedIn, SignedOut, UserButton } from 'svelte-clerk/client';
+	import { SignedIn, UserButton } from 'svelte-clerk/client';
 	import ThemeToggle from '@/lib/components/ThemeToggle.svelte';
 	import { Boxes } from '@lucide/svelte';
-	import Container from './Container.svelte';
+	import Container from '../../lib/components/Container.svelte';
 	import { Button } from '$lib/components/ui/button/index.js';
 	import { LayoutDashboard } from 'lucide-svelte';
 </script>

src/routes/+layout.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-	import Header from '@/lib/components/Header.svelte';
 	import '../app.css';
 	import type { Snippet } from 'svelte';
 	import { ClerkProvider } from 'svelte-clerk';
@@ -10,7 +9,6 @@
 </script>
 
 <ClerkProvider>
-	<Header />
 	{@render children()}
 	<Footer />
 	<Toaster />