Kontakt info

package.json

@@ -11,17 +11,18 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/kit": "^2.22.5",
-		"@sveltejs/vite-plugin-svelte": "^5.1.0",
+		"@sveltejs/kit": "^2.29.0",
+		"@sveltejs/vite-plugin-svelte": "^5.1.1",
 		"autoprefixer": "^10.4.21",
-		"svelte": "^5.35.5",
+		"svelte": "^5.38.1",
 		"svelte-adapter-bun": "^0.5.2",
-		"svelte-check": "^4.2.2",
+		"svelte-check": "^4.3.1",
 		"tailwindcss": "^4.1.11",
 		"vite": "^6.3.5"
 	},
 	"dependencies": {
 		"@tailwindcss/vite": "^4.1.11",
-		"lucide-svelte": "^0.474.0"
+		"lucide-svelte": "^0.474.0",
+		"svelte-maplibre": "^1.2.0"
 	}
 }

src/routes/kontakt/+page.svelte

@@ -0,0 +1,99 @@
+<script>
+    import { MapLibre, Marker } from "svelte-maplibre";
+    import MapPin from "lucide-svelte/icons/map-pin";
+    import BusFront from "lucide-svelte/icons/bus-front";
+
+    // Coordinates for Akadeemia tee 5, 12616 Tallinn [longitude, latitude]
+    const center = [24.66887400515207, 59.396427975093935];
+    // Coordinates for Keemia bus stop [longitude, latitude]
+    const keemiaBusStop = [24.668325396145953, 59.397074517662276];
+    // Coordinates for Tehnikaülikool bus stop [longitude, latitude]
+    const tehnikaBusStop = [24.67328945396854, 59.39508874042947];
+</script>
+
+<div class="flex flex-col md:w-9/12 mx-auto px-4 py-16">
+    <h1 class="text-4xl font-light items-start pb-8">Kontakt</h1>
+    <div class="grid grid-cols-2 font-light">
+        <div>
+            <h2 class="text-3xl pb-4">Helpdesk</h2>
+            <p class="text-xl font-medium pb-2">
+                E-mail: <a
+                    class="text-[#E69635] font-normal"
+                    href="mailto:helpdesk@lapikud.ee">helpdesk@lapikud.ee</a
+                >
+            </p>
+            <p class="text-xl pb-2 font-medium">
+                Telefon: <a
+                    class="text-[#E69635] font-normal"
+                    href="tel:+37258160799"
+                    >+372 58 160 799
+                </a>
+            </p>
+            <p class="text-xl font-medium">
+                Facebook: <a
+                    class="text-[#E69635] font-normal"
+                    href="https://www.facebook.com/lapikudhelpdesk"
+                    target="_blank">lapikudhelpdesk</a
+                >
+            </p>
+        </div>
+        <div>
+            <h2 class="text-3xl pb-4">Mittetulundusühing Lapikud</h2>
+
+            <p class="text-xl font-medium pb-2">
+                Aadress: <span class="text-[#E69635] font-normal"
+                    >Akadeemia tee 5, 12616 Tallinn</span
+                >
+            </p>
+            <p class="text-xl font-medium pb-2">
+                E-post: <a
+                    class="text-[#E69635] font-normal"
+                    href="mailto:lapikud@lapikud.ee">lapikud@lapikud.ee</a
+                >
+            </p>
+            <p class="text-xl pb-2 font-medium">
+                Telefon: <a
+                    class="text-[#E69635] font-normal"
+                    href="tel:+37258160799"
+                    >+372 58 160 799
+                </a>
+            </p>
+            <p class="text-xl pb-2 font-medium">
+                Reg. kood: <span class="text-[#E69635] font-normal"
+                    >801 67 145</span
+                >
+            </p>
+            <p class="text-xl font-medium">
+                Swedbank: <span class="text-[#E69635] font-normal"
+                    >EE812200221019551756</span
+                >
+            </p>
+        </div>
+    </div>
+    <h2 class="text-3xl font-light pb-2 pt-8">Asukoht</h2>
+    <p class="pb-4 opacity-60">
+        Saab 11, 37, 83, 91 bussiga Keemia peatusest või Tehnikaülikool
+        peatusest 10, 27, 33, 36, 45 bussiga.
+    </p>
+    <div class="w-full h-96 rounded-lg overflow-hidden">
+        <MapLibre
+            style="https://basemaps.cartocdn.com/gl/positron-gl-style/style.json"
+            class="relative aspect-video w-full h-full"
+            standardControls
+            {center}
+            zoom={15}
+        >
+            <Marker lngLat={center}>
+                <MapPin class="w-8 h-8 text-[#E69635]" />
+            </Marker>
+            <Marker class="flex flex-col items-center" lngLat={keemiaBusStop}>
+                <p>Keemia</p>
+                <BusFront class="w-8 h-8 text-[#E69635]" />
+            </Marker>
+            <Marker class="flex flex-col items-center" lngLat={tehnikaBusStop}>
+                <p>Tehnikaülikool</p>
+                <BusFront class="w-8 h-8 text-[#E69635]" />
+            </Marker>
+        </MapLibre>
+    </div>
+</div>