Migrate from previous project with updated dependencies ready for March 2025

src/components/Button.svelte

@@ -0,0 +1,7 @@
+<script>
+    import { Button } from "bits-ui";
+</script>
+
+<Button.Root class="bg-ecsess-600 text-ecsess-200 px-4 py-2 m-1 rounded-lg border-none">
+    <slot />
+</Button.Root>

src/components/Footer.svelte

@@ -0,0 +1,12 @@
+<script>
+	const year = new Date().getFullYear();
+</script>
+
+<footer class="border-ecsess-black m-12 flex h-fit flex-col items-center justify-between border-t-2">
+	<div>
+		<p class="text-content py-3 text-center">
+			Created by ECSESS with love {'<3'}. <br />
+			&copy; {year} under GNU General Public License v3.0.
+		</p>
+	</div>
+</footer>

src/components/Link.svelte

@@ -0,0 +1,7 @@
+<script>
+    let { href = "https://www.example.com", children } = $props();
+</script>
+
+<a {href} target="_blank" rel="noopener noreferrer" class="underline">
+    {@render children()}
+</a>

src/components/NavBar.svelte

@@ -0,0 +1,15 @@
+<script>
+	import NavButton from './NavButton.svelte';
+    
+</script>
+
+<nav class="bg-ecsess-black text-ecsess-200 mx-auto flex min-w-fit flex-wrap items-center justify-center px-4 pt-4">
+	<NavButton href="/">Home</NavButton>
+	<NavButton href="/council">Meet the council</NavButton>
+	<NavButton href="/events">Events</NavButton>
+	<NavButton href="/resources">Resources</NavButton>
+	<NavButton href="/join">Join ECSESS</NavButton>
+    {#if import.meta.env.DEV} 
+    <NavButton href="/components">Componenets</NavButton>
+    {/if}
+</nav>

src/components/NavButton.svelte

@@ -0,0 +1,13 @@
+<script>
+    import { Button } from 'bits-ui';
+    let { href, children } = $props();
+</script>
+
+<a {href}>
+    <Button.Root
+        class="border-ecsess-black hover:border-ecsess-200 active:border-ecsess-400 border-b-4 px-6 py-2
+    font-semibold transition-all"
+    >
+        {@render children()}
+    </Button.Root>
+</a>

src/components/Section.svelte

@@ -0,0 +1,7 @@
+<script>
+    let { children = () => "Section placeholder" } = $props();
+</script>
+
+<div class="container mx-auto px-4 py-6 flex flex-col items-center justify-center gap-4 text-center">
+    {@render children()}
+</div>