feat(website): very simple header

This commit is contained in:
Elian Doran 2025-06-14 11:13:40 +03:00
parent 77213a0dbe
commit e66e70f7f2
No known key found for this signature in database
3 changed files with 22 additions and 1 deletions

View File

@ -1,7 +1,10 @@
<script lang="ts">
import '../app.css';
import Header from './header.svelte';
let { children } = $props();
</script>
<Header />
{@render children()}

View File

@ -1,2 +1,2 @@
<h1>Welcome to SvelteKit</h1>
<h1>Welcome to SvelteKitt</h1>
<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>

View File

@ -0,0 +1,18 @@
<header class="header">
<div class="container mx-auto flex items-center">
<div class="header-logo">
Logo goes here.
</div>
<div class="group w-full">
<nav class="header-nav">
<ul class="flex items-center justify-end gap-4">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>