Renders a top navigation menu with account dropdown for the landing page. This component is used in the +layout.svelte of the (landing).

Includes your app name on the left, navigation items in the middle, and theme switcher and sign in button on the right.


Basic Usage

Add your own logo and app name and navigation items to the Navbar.svelte component.

To import the component, use:

<script lang="ts">
    import Navbar from '$lib/ui/marketing/Navbar.svelte';

<Navbar />