Merge pull request #707 from focus-shift/branchen

add branchen
focus-shift · May 17, 2024 · ee5d9ed · ee5d9ed
2 parents 1bbfd8c + b32e14f
commit ee5d9ed
Show file tree

Hide file tree

Showing 100 changed files with 1,968 additions and 25 deletions.
diff --git a/public/static/Agentur.png b/public/static/Agentur.png
diff --git a/public/static/SoftwareHardware.avif b/public/static/SoftwareHardware.avif
diff --git a/public/static/SoftwareHardware.png b/public/static/SoftwareHardware.png
diff --git a/public/static/SoftwareHardware.webp b/public/static/SoftwareHardware.webp
diff --git a/public/static/arzt.avif b/public/static/arzt.avif
diff --git a/public/static/arzt.jpg b/public/static/arzt.jpg
diff --git a/public/static/arzt.png b/public/static/arzt.png
diff --git a/public/static/arzt.webp b/public/static/arzt.webp
diff --git a/public/static/bau.avif b/public/static/bau.avif
diff --git a/public/static/bau.jpg b/public/static/bau.jpg
diff --git a/public/static/bau.png b/public/static/bau.png
diff --git a/public/static/bau.webp b/public/static/bau.webp
diff --git a/public/static/ecomm.avif b/public/static/ecomm.avif
diff --git a/public/static/ecomm.jpg b/public/static/ecomm.jpg
diff --git a/public/static/ecomm.png b/public/static/ecomm.png
diff --git a/public/static/ecomm.webp b/public/static/ecomm.webp
diff --git a/public/static/einzelhandel.avif b/public/static/einzelhandel.avif
diff --git a/public/static/einzelhandel.jpg b/public/static/einzelhandel.jpg
diff --git a/public/static/einzelhandel.png b/public/static/einzelhandel.png
diff --git a/public/static/einzelhandel.webp b/public/static/einzelhandel.webp
diff --git a/public/static/ingenieur.avif b/public/static/ingenieur.avif
diff --git a/public/static/ingenieur.jpg b/public/static/ingenieur.jpg
diff --git a/public/static/ingenieur.png b/public/static/ingenieur.png
diff --git a/public/static/ingenieur.webp b/public/static/ingenieur.webp
diff --git a/public/static/ingenieurbureau.avif b/public/static/ingenieurbureau.avif
diff --git a/public/static/ingenieurbureau.jpg b/public/static/ingenieurbureau.jpg
diff --git a/public/static/ingenieurbureau.png b/public/static/ingenieurbureau.png
diff --git a/public/static/ingenieurbureau.webp b/public/static/ingenieurbureau.webp
diff --git a/public/static/logistik.avif b/public/static/logistik.avif
diff --git a/public/static/logistik.jpg b/public/static/logistik.jpg
diff --git a/public/static/logistik.png b/public/static/logistik.png
diff --git a/public/static/logistik.webp b/public/static/logistik.webp
diff --git a/public/static/notariat.avif b/public/static/notariat.avif
diff --git a/public/static/notariat.jpg b/public/static/notariat.jpg
diff --git a/public/static/notariat.png b/public/static/notariat.png
diff --git a/public/static/notariat.webp b/public/static/notariat.webp
diff --git a/public/static/pflege.avif b/public/static/pflege.avif
diff --git a/public/static/pflege.jpg b/public/static/pflege.jpg
diff --git a/public/static/pflege.png b/public/static/pflege.png
diff --git a/public/static/pflege.webp b/public/static/pflege.webp
diff --git a/public/static/references/5pace.jpeg b/public/static/references/5pace.jpeg
diff --git a/public/static/references/Intellior.avif b/public/static/references/Intellior.avif
diff --git a/public/static/references/Intellior.png b/public/static/references/Intellior.png
diff --git a/public/static/references/Intellior.webp b/public/static/references/Intellior.webp
diff --git a/public/static/references/NOBA.png b/public/static/references/NOBA.png
diff --git a/public/static/references/RotaryLogoFarbe.png b/public/static/references/RotaryLogoFarbe.png
diff --git a/public/static/references/betreuungsdienstmitherz.png b/public/static/references/betreuungsdienstmitherz.png
diff --git a/public/static/references/bewemed.png b/public/static/references/bewemed.png
diff --git a/public/static/references/bonin.svg b/public/static/references/bonin.svg
diff --git a/public/static/references/brillenweber.png b/public/static/references/brillenweber.png
diff --git a/public/static/references/cabalance.png b/public/static/references/cabalance.png
diff --git a/public/static/references/devries.jpg b/public/static/references/devries.jpg
diff --git a/public/static/references/dieligen.png b/public/static/references/dieligen.png
diff --git a/public/static/references/geiwiz.png b/public/static/references/geiwiz.png
diff --git a/public/static/references/junkerkahlefeld.png b/public/static/references/junkerkahlefeld.png
diff --git a/public/static/references/leselust.webp b/public/static/references/leselust.webp
diff --git a/public/static/references/libreka.png b/public/static/references/libreka.png
diff --git a/public/static/references/muktimind.webp b/public/static/references/muktimind.webp
diff --git a/public/static/references/nocut.png b/public/static/references/nocut.png
diff --git a/public/static/references/noxt.png b/public/static/references/noxt.png
diff --git a/public/static/references/ostelsheim.jpg b/public/static/references/ostelsheim.jpg
diff --git a/public/static/references/peakvalue.jpeg b/public/static/references/peakvalue.jpeg
diff --git a/public/static/references/praxis-woehrmann.png b/public/static/references/praxis-woehrmann.png
diff --git a/public/static/references/zeilenwert.jpg b/public/static/references/zeilenwert.jpg
diff --git a/public/static/verlag.avif b/public/static/verlag.avif
diff --git a/public/static/verlag.jpg b/public/static/verlag.jpg
diff --git a/public/static/verlag.png b/public/static/verlag.png
diff --git a/public/static/verlag.webp b/public/static/verlag.webp
diff --git a/public/static/versicherung.avif b/public/static/versicherung.avif
diff --git a/public/static/versicherung.jpg b/public/static/versicherung.jpg
diff --git a/public/static/versicherung.png b/public/static/versicherung.png
diff --git a/public/static/versicherung.webp b/public/static/versicherung.webp
diff --git a/public/static/verwaltung.avif b/public/static/verwaltung.avif
diff --git a/public/static/verwaltung.jpg b/public/static/verwaltung.jpg
diff --git a/public/static/verwaltung.png b/public/static/verwaltung.png
diff --git a/public/static/verwaltung.webp b/public/static/verwaltung.webp
diff --git a/public/static/werkzeug.avif b/public/static/werkzeug.avif
diff --git a/public/static/werkzeug.jpg b/public/static/werkzeug.jpg
diff --git a/public/static/werkzeug.png b/public/static/werkzeug.png
diff --git a/public/static/werkzeug.webp b/public/static/werkzeug.webp
diff --git a/public/static/yogabanner.avif b/public/static/yogabanner.avif
diff --git a/public/static/yogabanner.jpg b/public/static/yogabanner.jpg
diff --git a/public/static/yogabanner.png b/public/static/yogabanner.png
diff --git a/public/static/yogabanner.webp b/public/static/yogabanner.webp
diff --git a/src/_includes/partials/footer.hbs b/src/_includes/partials/footer.hbs
@@ -63,60 +63,50 @@
 				Branchen
 			</p>
 			<div class="text-white text-opacity-75 mb-4">
-				<a role="menuitem" >Agentur</a>
+				<a href="/branchen/agenturen" role="menuitem" >Agenturen</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				<a href="/apotheken" role="menuitem" >Apotheke</a>
+				<a href="/branchen/apotheken" role="menuitem" >Apotheke</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				<a  role="menuitem" >Arztpraxis</a>
+				<a href="/branchen/arztpraxen" role="menuitem" >Arztpraxen</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				<a  role="menuitem" >Bau</a>
+				<a href="/branchen/bau" role="menuitem" >Bau</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				<a role="menuitem" >Betreuung- &amp; Pflegeeinrichtung</a>
+				<a href="/branchen/pflegeeinrichtungen" role="menuitem" >Betreuung- &amp; Pflegeeinrichtungen</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				<a role="menuitem" >E-Commerce</a>
+				<a href="/branchen/e-commerce" role="menuitem" >E-Commerce</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				<a role="menuitem" >Einzelhandel</a>
+				<a href="/branchen/einzelhandel" role="menuitem" >Einzelhandel</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				<a role="menuitem" >Gesundheit &amp; Yoga</a>
+				<a href="/branchen/gesundheit-yoga" role="menuitem" >Gesundheit &amp; Yoga</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				<a role="menuitem" >Immobilien</a>
+				<a href="/branchen/ingenieurbuero" role="menuitem" >Ingenieurbüro</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				<a role="menuitem" >Ingenieurbüro</a>
+			<a href="/branchen/logistik-handel" role="menuitem" >Logistik &amp; Handel</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				Logistik &amp; Handel
+						<a href="/branchen/notariat-kanzleien" role="menuitem" >Notariat &amp; Kanzlei</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				Notariat &amp; Kanzlei
+				<a href="/branchen/oeffentliche-verwaltung" role="menuitem" >Öffentliche Verwaltung</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				Öffentliche Verwaltung
+				<a href="/branchen/software-hardware" role="menuitem" >Software &amp; Hardware</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				Software &amp; Hardware
+				<a href="/branchen/verlag" role="menuitem" >Verlag</a>
 			</div>
 			<div class="text-white text-opacity-75 mb-4">
-				Verlag
+				<a href="/branchen/versicherungen" role="menuitem" >Versicherungen</a>
 			</div>
-			<div class="text-white text-opacity-75 mb-4">
-				Versicherung
-			</div>
-			<div class="text-white text-opacity-75 mb-4">
-				Werkzeugbau
-			</div>
-			<div class="text-white text-opacity-75 mb-4">
-				Kanzlei
-			</div>
-
 		</div>
 		<div>
 			<ul role="menu" class="space-y-2">

diff --git a/src/branchen/agenturen.hbs b/src/branchen/agenturen.hbs
@@ -0,0 +1,142 @@
+---
+layout: layout
+title: Agenturen
+description: Agenturen die ihre HR-Prozesse mit urlaubsverwaltung.cloud optimieren
+stylesheets:
+- /static/css/zeiterfassung.css
+---
+
+{{> partials/navigation noMargin=true }}
+
+<div class="flex min-h-fit relative overflow-hidden">
+
+	<div class="mt-8 mx-auto w-full max-w-screen-xl md:mt-0">
+		<div class="md:bg-black md:bg-opacity-25 lg:py-0 lg:bg-opacity-0">
+			<h1
+				class="px-4 md:pt-8 text-2xl sm:text-3xl font-bold leading-tight md:text-white md:text-opacity-90 md:drop-shadow md:text-5xl md:w-4/6 lg:w-7/12 lg:px-10 lg:bg-black lg:bg-opacity-25 lg:pt-12 lg:max-w-[50%] xl:max-w-[44%]"
+			>
+				Digitale Urlaubsverwaltung für deine
+				<span style="">Agentur</span>
+			</h1>
+			<div class="sm:relative sm:mt-8 sm:overflow-hidden md:h-auto md:static md:mt-0">
+				<picture class="xl:-mt-52 sm:mt-0 w-full sm:absolute sm:inset-0 flex h-fit" style="z-index: -1">
+					<img
+						src="/static/Agentur.png"
+						alt="Agentur Büro"
+						class="w-full"
+					/>
+				</picture>
+				<div class="mt-8 w-full h-full sm:flex sm:items-center md:static sm:bg-black sm:bg-opacity-25 sm:w-3/5 sm:mt-0 sm:py-12 md:mt-0 md:py-8 md:bg-opacity-0 lg:bg-opacity-25 md:h-auto lg:max-w-[50%] xl:max-w-[44%]">
+					<ul class="ml-10 list-disc space-y-2 pr-8 drop-shadow text-lg font-bold sm:text-3xl lg:ml-16">
+						<li class="sm:text-white md:text-opacity-90">
+							Urlaub einfach planen
+						</li>
+						<li class="sm:text-white md:text-opacity-90">
+							Krankmeldung schnell eintragen
+						</li>
+						<li class="sm:text-white md:text-opacity-90">
+							Überstunden immer im Blick
+						</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div class="mb-10 mt-20">
+	<div class="w-full max-w-screen-xl mx-auto">
+		<h2 class="text-center font-medium text-lg">Agenturen die ihre HR-Prozesse mit urlaubsverwaltung.cloud optimieren</h2>
+		<div class="lg:mt-4">
+			<ul class="grayscale flex justify-center flex-wrap gap-x-4 lg:gap-x-7 xl:flex-nowrap">
+				<li class="my-auto">
+					<picture>
+						<img
+							src="/static/references/dieligen.png"
+							alt="Die Ligen"
+							class="w-full max-w-[200px]"
+						/>
+					</picture>
+				</li>
+				<li class="my-auto">
+					<picture>
+						<img
+							src="/static/references/nocut.png"
+							alt="No Cut Entertainment"
+							class="w-full max-w-[230px]"
+						/>
+					</picture>
+				</li>
+				<li class="my-auto">
+					<picture>
+						<img
+							src="/static/references/peakvalue.jpeg"
+							alt="Peak Value"
+							class="w-full max-w-[230px]"
+						/>
+					</picture>
+				</li>
+				<li class="my-auto">
+					<picture>
+						<img
+							src="/static/references/5pace.jpeg"
+							alt="5Pace"
+							class="w-full max-w-[230px]"
+						/>
+					</picture>
+				</li>
+			</ul>
+		</div>
+	</div>
+</div>
+
+<div class="flex-3 mt-16">
+	<div class="mb-12 md:mb-24">
+		<div class="w-full max-w-screen-xl mx-auto">
+			<div class="px-4 xl:px-2  md:text-center">
+				<div class="grid grid-cols-1  md:grid-cols-2 gap-8  justify-items-center lg:grid-cols-3">
+					<div class="flex flex-col w-full max-w-sm p-8 bg-sky-50 text-center border rounded">
+						<h3 class="mb-4">Übersichtlich beantragen und freigeben</h3>
+						<ul class="text-left mx-auto block list-disc">
+							<li>Urlaub</li>
+							<li>Krankmeldung</li>
+							<li>Überstunden</li>
+						</ul>
+					</div>
+					<div class="flex flex-col w-full max-w-sm p-8 bg-sky-50 text-center border rounded">
+						<h3 class="mb-4">Schnelle Bereitstellung</h3>
+						<ul class="text-left mx-auto block list-decimal">
+							<li><a href="https://registry.apps.urlaubsverwaltung.cloud/registration">Registrieren</a></li>
+							<li>Mitarbeitende einladen</li>
+							<li>Durchstarten</li>
+						</ul>
+					</div>
+					<div class="flex flex-col w-full max-w-sm p-8 bg-sky-50 text-center border rounded">
+						<h3 class="mb-4">Deine Vorteile</h3>
+						<ul class="text-left mx-auto block list-disc">
+							<li>Schnelle Einführung</li>
+							<li>Hoher Zeitgewinn</li>
+							<li>Leichte &amp; effiziente Prozesse</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+</div>
+
+<main class="flex-1">
+	<div class="mb-12 md:mb-40">
+		<div class="w-full max-w-screen-xl mx-auto relative pt-16">
+
+			{{> partials/price }}
+
+			<div
+				class="absolute top-0 w-full h-20 border-t-sky-100 border-t bg-gradient-to-b from-sky-50 to-transparent"
+				style="border-top-left-radius: 77vw 7vw; border-top-right-radius: 77vw 7vw;"
+			></div>
+		</div>
+	</div>
+
+</main>