update
This commit is contained in:
Engin committed
1 parent
cc2b84dcad
commit
3bda7d6eb6
28 files changed
+2330
-49
No files matched your search
@@ -0,0 +1,105 @@
|
||||
.gallerySection {
|
||||
padding-block: var(--space-10);
|
||||
}
|
||||
|
||||
.inner {
|
||||
max-width: var(--container-width);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--space-4);
|
||||
}
|
||||
|
||||
/* Mobile: einfache Stapelung */
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: var(--space-3);
|
||||
}
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.frame {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: 4 / 3;
|
||||
border-radius: var(--radius-lg);
|
||||
overflow: hidden;
|
||||
box-shadow:
|
||||
0 10px 30px rgba(0, 0, 0, 0.08),
|
||||
0 24px 60px rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.image {
|
||||
object-fit: cover;
|
||||
transition: transform 0.4s ease;
|
||||
}
|
||||
|
||||
.frame:hover .image {
|
||||
transform: scale(1.04);
|
||||
}
|
||||
|
||||
/*
|
||||
Tablet & Desktop ab 768px: Bento-Grid mit benannten Areas.
|
||||
6 Bilder, ein großes Hauptbild (a) oben links, Rest gestaffelt drumherum.
|
||||
Jede Area erscheint genau einmal im Template -> kein Bild geht verloren.
|
||||
*/
|
||||
@media (min-width: 768px) {
|
||||
.gallerySection {
|
||||
padding-block: var(--space-16);
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-rows: repeat(3, minmax(140px, 1fr));
|
||||
grid-template-areas:
|
||||
"a a b c"
|
||||
"a a d d"
|
||||
"e e f f";
|
||||
gap: var(--space-4);
|
||||
}
|
||||
|
||||
.item {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.frame {
|
||||
height: 100%;
|
||||
aspect-ratio: auto;
|
||||
}
|
||||
|
||||
.item[data-index="0"] {
|
||||
grid-area: a;
|
||||
}
|
||||
.item[data-index="1"] {
|
||||
grid-area: b;
|
||||
}
|
||||
.item[data-index="2"] {
|
||||
grid-area: c;
|
||||
}
|
||||
.item[data-index="3"] {
|
||||
grid-area: d;
|
||||
}
|
||||
.item[data-index="4"] {
|
||||
grid-area: e;
|
||||
}
|
||||
.item[data-index="5"] {
|
||||
grid-area: f;
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktop: 1024px – großzügigere, breitere Variante desselben Musters */
|
||||
@media (min-width: 1024px) {
|
||||
.gallerySection {
|
||||
padding-block: var(--space-20);
|
||||
}
|
||||
|
||||
.grid {
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
grid-template-rows: repeat(2, minmax(200px, 1fr));
|
||||
grid-template-areas:
|
||||
"a a a b b c"
|
||||
"a a a d e c";
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
import Image from "next/image";
|
||||
import styles from "./BentoGallery.module.css";
|
||||
|
||||
interface GalleryImage {
|
||||
src: string;
|
||||
alt: string;
|
||||
}
|
||||
|
||||
interface BentoGalleryProps {
|
||||
images: GalleryImage[];
|
||||
}
|
||||
|
||||
export default function BentoGallery({ images }: BentoGalleryProps) {
|
||||
const items = images.slice(0, 6);
|
||||
|
||||
return (
|
||||
<section className={styles.gallerySection} aria-label="Bildergalerie">
|
||||
<div className={styles.inner}>
|
||||
<div className={styles.grid}>
|
||||
{items.map((image, index) => (
|
||||
<div key={image.src} className={styles.item} data-index={index}>
|
||||
<div className={styles.frame}>
|
||||
<Image
|
||||
src={image.src}
|
||||
alt={image.alt}
|
||||
fill
|
||||
className={styles.image}
|
||||
sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 600px"
|
||||
priority={index === 0}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
.form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-5);
|
||||
max-width: 640px;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: var(--space-5);
|
||||
}
|
||||
|
||||
.field {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-2);
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: var(--font-size-small, 0.9rem);
|
||||
font-weight: var(--font-weight-medium);
|
||||
color: var(--color-heading);
|
||||
}
|
||||
|
||||
.optional {
|
||||
font-weight: var(--font-weight-regular, 400);
|
||||
color: var(--color-text-muted, #6b7280);
|
||||
}
|
||||
|
||||
.required {
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
.input,
|
||||
.textarea {
|
||||
border: 1px solid color-mix(in srgb, var(--color-heading) 15%, transparent);
|
||||
border-radius: var(--radius-md, 8px);
|
||||
padding: var(--space-3) var(--space-4);
|
||||
font-size: var(--font-size-base);
|
||||
font-family: inherit;
|
||||
background: #fff;
|
||||
transition: border-color 0.2s ease;
|
||||
}
|
||||
|
||||
.input:focus,
|
||||
.textarea:focus {
|
||||
outline: none;
|
||||
border-color: var(--color-accent);
|
||||
}
|
||||
|
||||
.textarea {
|
||||
resize: vertical;
|
||||
min-height: 140px;
|
||||
}
|
||||
|
||||
.checkboxField {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: var(--space-3);
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
margin-top: 4px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
flex-shrink: 0;
|
||||
accent-color: var(--color-accent);
|
||||
}
|
||||
|
||||
.checkboxLabel {
|
||||
font-size: var(--font-size-small, 0.9rem);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.checkboxLabel a {
|
||||
color: var(--color-accent);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.errorText {
|
||||
font-size: var(--font-size-small, 0.85rem);
|
||||
color: #d92d20;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.successBox {
|
||||
max-width: 640px;
|
||||
padding: var(--space-6);
|
||||
border-radius: var(--radius-lg);
|
||||
background: color-mix(in srgb, var(--color-accent) 12%, white);
|
||||
color: var(--color-heading);
|
||||
}
|
||||
|
||||
/* Tablet: 768px */
|
||||
@media (min-width: 768px) {
|
||||
.row {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,213 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState, useMemo, useState } from "react";
|
||||
import { useFormStatus } from "react-dom";
|
||||
import {
|
||||
sendContactMessage,
|
||||
type ContactFormState,
|
||||
} from "@/app/kontakt/actions";
|
||||
import styles from "./ContactForm.module.css";
|
||||
|
||||
const initialState: ContactFormState = { success: false };
|
||||
|
||||
const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||
const PHONE_REGEX = /^[0-9+\-/() ]{6,20}$/;
|
||||
|
||||
function SubmitButton({ disabled }: { disabled: boolean }) {
|
||||
const { pending } = useFormStatus();
|
||||
|
||||
return (
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn--filled"
|
||||
disabled={disabled || pending}
|
||||
>
|
||||
{pending ? "Wird gesendet…" : "Nachricht senden"}
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
export default function ContactForm() {
|
||||
const [state, formAction] = useActionState(sendContactMessage, initialState);
|
||||
|
||||
const [values, setValues] = useState({
|
||||
unternehmen: "",
|
||||
vorname: "",
|
||||
nachname: "",
|
||||
email: "",
|
||||
telefon: "",
|
||||
nachricht: "",
|
||||
datenschutz: false,
|
||||
});
|
||||
|
||||
const isValid = useMemo(() => {
|
||||
return (
|
||||
values.vorname.trim().length > 0 &&
|
||||
values.nachname.trim().length > 0 &&
|
||||
EMAIL_REGEX.test(values.email.trim()) &&
|
||||
PHONE_REGEX.test(values.telefon.trim()) &&
|
||||
values.nachricht.trim().length > 0 &&
|
||||
values.datenschutz
|
||||
);
|
||||
}, [values]);
|
||||
|
||||
if (state.success) {
|
||||
return (
|
||||
<div className={styles.successBox} role="status">
|
||||
<p>
|
||||
Vielen Dank für Ihre Nachricht! Wir melden uns schnellstmöglich bei
|
||||
Ihnen zurück.
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<form action={formAction} className={styles.form} noValidate>
|
||||
<div className={styles.field}>
|
||||
<label htmlFor="unternehmen" className={styles.label}>
|
||||
Unternehmen <span className={styles.optional}>(optional)</span>
|
||||
</label>
|
||||
<input
|
||||
id="unternehmen"
|
||||
name="unternehmen"
|
||||
type="text"
|
||||
className={styles.input}
|
||||
value={values.unternehmen}
|
||||
onChange={(e) =>
|
||||
setValues((v) => ({ ...v, unternehmen: e.target.value }))
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className={styles.row}>
|
||||
<div className={styles.field}>
|
||||
<label htmlFor="vorname" className={styles.label}>
|
||||
Vorname <span className={styles.required}>*</span>
|
||||
</label>
|
||||
<input
|
||||
id="vorname"
|
||||
name="vorname"
|
||||
type="text"
|
||||
required
|
||||
className={styles.input}
|
||||
value={values.vorname}
|
||||
onChange={(e) =>
|
||||
setValues((v) => ({ ...v, vorname: e.target.value }))
|
||||
}
|
||||
/>
|
||||
{state.fieldErrors?.vorname && (
|
||||
<p className={styles.errorText}>{state.fieldErrors.vorname}</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className={styles.field}>
|
||||
<label htmlFor="nachname" className={styles.label}>
|
||||
Nachname <span className={styles.required}>*</span>
|
||||
</label>
|
||||
<input
|
||||
id="nachname"
|
||||
name="nachname"
|
||||
type="text"
|
||||
required
|
||||
className={styles.input}
|
||||
value={values.nachname}
|
||||
onChange={(e) =>
|
||||
setValues((v) => ({ ...v, nachname: e.target.value }))
|
||||
}
|
||||
/>
|
||||
{state.fieldErrors?.nachname && (
|
||||
<p className={styles.errorText}>{state.fieldErrors.nachname}</p>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={styles.field}>
|
||||
<label htmlFor="email" className={styles.label}>
|
||||
E-Mail <span className={styles.required}>*</span>
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
name="email"
|
||||
type="email"
|
||||
required
|
||||
className={styles.input}
|
||||
value={values.email}
|
||||
onChange={(e) => setValues((v) => ({ ...v, email: e.target.value }))}
|
||||
/>
|
||||
{state.fieldErrors?.email && (
|
||||
<p className={styles.errorText}>{state.fieldErrors.email}</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className={styles.field}>
|
||||
<label htmlFor="telefon" className={styles.label}>
|
||||
Telefonnummer <span className={styles.required}>*</span>
|
||||
</label>
|
||||
<input
|
||||
id="telefon"
|
||||
name="telefon"
|
||||
type="tel"
|
||||
required
|
||||
className={styles.input}
|
||||
value={values.telefon}
|
||||
onChange={(e) =>
|
||||
setValues((v) => ({ ...v, telefon: e.target.value }))
|
||||
}
|
||||
/>
|
||||
{state.fieldErrors?.telefon && (
|
||||
<p className={styles.errorText}>{state.fieldErrors.telefon}</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className={styles.field}>
|
||||
<label htmlFor="nachricht" className={styles.label}>
|
||||
Nachricht <span className={styles.required}>*</span>
|
||||
</label>
|
||||
<textarea
|
||||
id="nachricht"
|
||||
name="nachricht"
|
||||
required
|
||||
rows={6}
|
||||
className={styles.textarea}
|
||||
value={values.nachricht}
|
||||
onChange={(e) =>
|
||||
setValues((v) => ({ ...v, nachricht: e.target.value }))
|
||||
}
|
||||
/>
|
||||
{state.fieldErrors?.nachricht && (
|
||||
<p className={styles.errorText}>{state.fieldErrors.nachricht}</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className={styles.checkboxField}>
|
||||
<input
|
||||
id="datenschutz"
|
||||
name="datenschutz"
|
||||
type="checkbox"
|
||||
required
|
||||
className={styles.checkbox}
|
||||
checked={values.datenschutz}
|
||||
onChange={(e) =>
|
||||
setValues((v) => ({ ...v, datenschutz: e.target.checked }))
|
||||
}
|
||||
/>
|
||||
<label htmlFor="datenschutz" className={styles.checkboxLabel}>
|
||||
Ich habe die{" "}
|
||||
<a href="/datenschutz" target="_blank" rel="noopener noreferrer">
|
||||
Datenschutzhinweise
|
||||
</a>{" "}
|
||||
gelesen und stimme der Verarbeitung meiner Daten zu.{" "}
|
||||
<span className={styles.required}>*</span>
|
||||
</label>
|
||||
</div>
|
||||
{state.fieldErrors?.datenschutz && (
|
||||
<p className={styles.errorText}>{state.fieldErrors.datenschutz}</p>
|
||||
)}
|
||||
|
||||
{state.error && <p className={styles.errorText}>{state.error}</p>}
|
||||
|
||||
<SubmitButton disabled={!isValid} />
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
.gallerySection {
|
||||
padding-block: var(--space-10);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.inner {
|
||||
max-width: var(--container-width);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--space-4);
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: var(--space-4);
|
||||
}
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.frame {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: 4 / 5;
|
||||
border-radius: var(--radius-lg);
|
||||
overflow: hidden;
|
||||
box-shadow:
|
||||
0 10px 30px rgba(0, 0, 0, 0.08),
|
||||
0 24px 60px rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.image {
|
||||
object-fit: cover;
|
||||
transition: transform 0.4s ease;
|
||||
}
|
||||
|
||||
.frame:hover .image {
|
||||
transform: scale(1.04);
|
||||
}
|
||||
|
||||
/* Tablet: 768px – 3 Spalten, 2 Zeilen, versetzter Look */
|
||||
@media (min-width: 768px) {
|
||||
.gallerySection {
|
||||
padding-block: var(--space-16);
|
||||
}
|
||||
|
||||
.grid {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: var(--space-6);
|
||||
}
|
||||
|
||||
.frame {
|
||||
aspect-ratio: 3 / 4;
|
||||
}
|
||||
|
||||
/* Versatz-Muster: mittlere Spalte tiefer, äußere Spalten höher */
|
||||
.item[data-index="0"],
|
||||
.item[data-index="2"] {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.item[data-index="1"] {
|
||||
margin-top: var(--space-10);
|
||||
}
|
||||
|
||||
.item[data-index="3"],
|
||||
.item[data-index="5"] {
|
||||
margin-top: calc(-1 * var(--space-6));
|
||||
}
|
||||
|
||||
.item[data-index="4"] {
|
||||
margin-top: var(--space-4);
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktop: 1024px */
|
||||
@media (min-width: 1024px) {
|
||||
.gallerySection {
|
||||
padding-block: var(--space-20);
|
||||
}
|
||||
|
||||
.item[data-index="1"] {
|
||||
margin-top: var(--space-14);
|
||||
}
|
||||
|
||||
.item[data-index="3"],
|
||||
.item[data-index="5"] {
|
||||
margin-top: calc(-1 * var(--space-8));
|
||||
}
|
||||
|
||||
.item[data-index="4"] {
|
||||
margin-top: var(--space-6);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
import Image from "next/image";
|
||||
import styles from "./BentoGallery.module.css";
|
||||
|
||||
interface GalleryImage {
|
||||
src: string;
|
||||
alt: string;
|
||||
}
|
||||
|
||||
interface BentoGalleryProps {
|
||||
images: GalleryImage[];
|
||||
}
|
||||
|
||||
export default function BentoGallery({ images }: BentoGalleryProps) {
|
||||
const items = images.slice(0, 6);
|
||||
|
||||
return (
|
||||
<section className={styles.gallerySection} aria-label="Bildergalerie">
|
||||
<div className={styles.inner}>
|
||||
<div className={styles.grid}>
|
||||
{items.map((image, index) => (
|
||||
<div key={image.src} className={styles.item} data-index={index}>
|
||||
<div className={styles.frame}>
|
||||
<Image
|
||||
src={image.src}
|
||||
alt={image.alt}
|
||||
fill
|
||||
className={styles.image}
|
||||
sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 600px"
|
||||
priority={index === 0}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@@ -151,3 +151,114 @@ export const leistungenFaq = [
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export const branchenFaq = [
|
||||
{
|
||||
slug: "buero",
|
||||
title: "Häufige Fragen zur Büroreinigung",
|
||||
faq: [
|
||||
{
|
||||
question: "Wie oft wird unser Büro gereinigt?",
|
||||
answer:
|
||||
"Das legen wir gemeinsam mit Ihnen fest – ob täglich, wöchentlich oder in individuellen Intervallen. Entscheidend sind Mitarbeiterzahl, Publikumsverkehr und Ihre Hygieneanforderungen.",
|
||||
},
|
||||
{
|
||||
question: "Reinigen Sie auch außerhalb unserer Geschäftszeiten?",
|
||||
answer:
|
||||
"Ja, wir richten die Reinigungszeiten nach Ihrem Betriebsablauf – früh morgens, abends oder am Wochenende, damit der laufende Betrieb nicht gestört wird.",
|
||||
},
|
||||
{
|
||||
question: "Werden auch sensible Bereiche wie Serverräume gereinigt?",
|
||||
answer:
|
||||
"Ja, für sensible Bereiche wie Serverräume oder Aktenlager stimmen wir vorab besondere Vorgaben und Zugangsregeln mit Ihnen ab.",
|
||||
},
|
||||
{
|
||||
question: "Können Sie mehrere Standorte gleichzeitig betreuen?",
|
||||
answer:
|
||||
"Ja, wir betreuen auch Unternehmen mit mehreren Bürostandorten in Hannover und Umgebung mit einem festen Ansprechpartner für alle Objekte.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
slug: "hallen-lagerflaechen",
|
||||
title: "Häufige Fragen zur Reinigung von Hallen und Lagerflächen",
|
||||
faq: [
|
||||
{
|
||||
question: "Reinigen Sie auch großflächige Industrieböden?",
|
||||
answer:
|
||||
"Ja, mit professionellem Maschinenequipment reinigen wir großflächige Hallen-, Lager- und Produktionsböden effizient und materialschonend.",
|
||||
},
|
||||
{
|
||||
question: "Ist eine Reinigung während des laufenden Betriebs möglich?",
|
||||
answer:
|
||||
"Ja, wir stimmen die Einsatzzeiten auf Schichtbetrieb und Lieferverkehr ab, damit Ihre Abläufe möglichst wenig beeinträchtigt werden.",
|
||||
},
|
||||
{
|
||||
question: "Wie gehen Sie mit hoher Staub- und Schmutzbelastung um?",
|
||||
answer:
|
||||
"Wir passen Reinigungsintervalle und Verfahren an die tatsächliche Belastung durch Warenumschlag und Betriebsabläufe an, statt starr nach Schema zu arbeiten.",
|
||||
},
|
||||
{
|
||||
question:
|
||||
"Berücksichtigen Sie Sicherheitsvorgaben bei laufendem Gabelstaplerverkehr?",
|
||||
answer:
|
||||
"Ja, unser Personal ist auf die Zusammenarbeit in Bereichen mit Gabelstapler- und Warenverkehr geschult und hält geltende Sicherheitsregeln ein.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
slug: "wohn-geschaeftshaeuser",
|
||||
title: "Häufige Fragen zur Reinigung von Wohn- und Geschäftshäusern",
|
||||
faq: [
|
||||
{
|
||||
question: "Arbeiten Sie direkt mit unserer Hausverwaltung zusammen?",
|
||||
answer:
|
||||
"Ja, wir stimmen Reinigungspläne, Intervalle und Sonderaufgaben direkt mit Hausverwaltungen oder Eigentümergemeinschaften ab und sorgen für klare Kommunikation.",
|
||||
},
|
||||
{
|
||||
question: "Übernehmen Sie auch den Winterdienst am Objekt?",
|
||||
answer:
|
||||
"Ja, Winterdienst und Grünpflege im Außenbereich lassen sich mit der laufenden Betreuung Ihres Wohn- oder Geschäftshauses kombinieren.",
|
||||
},
|
||||
{
|
||||
question:
|
||||
"Wie gehen Sie mit unterschiedlichen Erwartungen von Mietern und Gewerbe um?",
|
||||
answer:
|
||||
"Wir sprechen Reinigungsumfang und -zeiten so ab, dass sowohl private Mieter als auch gewerbliche Nutzer im selben Objekt zufriedenstellend berücksichtigt werden.",
|
||||
},
|
||||
{
|
||||
question: "Wie störungsarm ist die Reinigung für die Bewohner?",
|
||||
answer:
|
||||
"Die Reinigung erfolgt zu festen, mit der Hausverwaltung abgestimmten Zeiten, die den Alltag der Bewohner so wenig wie möglich beeinträchtigen.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
slug: "kanzlei",
|
||||
title: "Häufige Fragen zur Kanzleireinigung",
|
||||
faq: [
|
||||
{
|
||||
question:
|
||||
"Wie gehen Sie mit vertraulichen Unterlagen in der Kanzlei um?",
|
||||
answer:
|
||||
"Unser Personal ist im diskreten Umgang mit vertraulichen Unterlagen geschult und hält vereinbarte Zugangs- und Sicherheitsregeln konsequent ein.",
|
||||
},
|
||||
{
|
||||
question: "Reinigen Sie außerhalb unserer Kanzleistunden?",
|
||||
answer:
|
||||
"Ja, die Reinigung erfolgt in der Regel außerhalb der Kanzleistunden, um die Vertraulichkeit zu wahren und den Beratungsbetrieb nicht zu stören.",
|
||||
},
|
||||
{
|
||||
question: "Haben wir einen festen Ansprechpartner?",
|
||||
answer:
|
||||
"Ja, Sie erhalten einen festen Ansprechpartner, der die Anforderungen Ihrer Kanzlei kennt und für eine verlässliche, langfristige Zusammenarbeit sorgt.",
|
||||
},
|
||||
{
|
||||
question:
|
||||
"Gehen Sie besonders sorgfältig mit hochwertiger Ausstattung um?",
|
||||
answer:
|
||||
"Ja, wir reinigen Mobiliar, Böden und Oberflächen in Empfangs- und Besprechungsräumen materialschonend und mit besonderer Sorgfalt.",
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
Reference in new issue
Block a user