Initial commit. Working login, example UI with prototype and demo, connections to DB and DAV, local and prod setups.

frontend/src/routes/+page.svelte

@@ -0,0 +1,64 @@
+<script lang="ts">
+	import { Button } from '$lib/components/ui/button';
+	import PortfolioCarousel from '$lib/components/layout/PortfolioCarousel.svelte';
+</script>
+
+<section class="py-20 text-center">
+	<h1 class="m-2 mb-4 text-4xl font-bold">Welcome to Crussell Nails</h1>
+	<p class="mb-8 text-lg text-gray-600">
+		Professional beauty treatments in a calm and friendly environment.
+	</p>
+	<Button href="/book" class="px-6 py-3 text-lg">Book an Appointment</Button>
+</section>
+
+<section class="mx-auto max-w-4xl px-6 py-16">
+	<h2 class="mb-8 text-center text-2xl font-semibold">Our Services</h2>
+	<div class="grid grid-cols-1 gap-8 md:grid-cols-4">
+		<div class="rounded-lg border p-6">
+			<h3 class="mb-2 text-lg font-semibold">Hands</h3>
+			<p class="text-gray-600">
+				Lorem hand ipsum nail dolor art sit paint amet, skin consectetur cuticle adipiscing file
+				elit.
+			</p>
+		</div>
+		<div class="rounded-lg border p-6">
+			<h3 class="mb-2 text-lg font-semibold">Feet</h3>
+			<p class="text-gray-600">
+				Lorem foot ipsum nail dolor art sit paint amet, skin consectetur cuticle adipiscing file
+				elit.
+			</p>
+		</div>
+		<div class="rounded-lg border p-6">
+			<h3 class="mb-2 text-lg font-semibold">Brows</h3>
+			<p class="text-gray-600">
+				Lorem brow ipsum eye dolor art sit shape amet, tint consectetur colour adipiscing tweaze
+				elit.
+			</p>
+		</div>
+		<div class="rounded-lg border p-6">
+			<h3 class="mb-2 text-lg font-semibold">Wax</h3>
+			<p class="text-gray-600">
+				Lorem wax ipsum leg dolor body sit sticky amet, back consectetur sack adipiscing crack elit.
+			</p>
+		</div>
+	</div>
+</section>
+
+<PortfolioCarousel />
+
+<section class="bg-gray-50 py-16">
+	<div class="mx-auto max-w-3xl px-6 text-center">
+		<h2 class="mb-4 text-2xl font-semibold">Why Choose Us?</h2>
+		<p class="leading-relaxed text-gray-600">
+			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus
+			tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices
+			diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci
+			nec nonummy molestie,
+		</p>
+	</div>
+</section>
+
+<section class="py-20 text-center">
+	<h2 class="mb-4 text-2xl font-semibold">Ready to Treat Yourself?</h2>
+	<Button class="px-6 py-3 text-lg" href="prices">View Price List</Button>
+</section>