feat: add CMS inquiries and group bookings

app/(frontend)/kontakt/page.tsx

@@ -32,9 +32,11 @@ export async function generateMetadata(): Promise<Metadata> {
   });
 }
 
-export default async function KontaktPage() {
+export default async function KontaktPage({ searchParams }: { searchParams: Promise<{ subject?: string }> }) {
   const contact = await getContactGlobal();
   const siteUrl = await getSiteUrl();
+  const params = await searchParams;
+  const isAppointment = params.subject === "Terminanfrage";
 
   return (
     <>
@@ -58,7 +60,7 @@ export default async function KontaktPage() {
       <Section tone="plain">
         <div className="grid gap-14 lg:grid-cols-[1fr_0.8fr]">
           <Reveal>
-            <ContactForm toEmail={contact.email} />
+            <ContactForm subjectPrefix={isAppointment ? "Terminanfrage" : "Allgemeine Anfrage"} type={isAppointment ? "appointment" : "contact"} submitLabel={isAppointment ? "Terminanfrage senden" : "Nachricht senden"} />
           </Reveal>
 
           <Reveal delay={0.1} className="space-y-8">
@@ -70,12 +72,9 @@ export default async function KontaktPage() {
                 <span className="block text-xs font-medium uppercase tracking-[0.18em] text-anouma-plum/70">
                   E-Mail
                 </span>
-                <a
-                  href={`mailto:${contact.email}`}
-                  className="text-lg text-anouma-plum hover:text-anouma-mauve-dark"
-                >
+                <span className="text-lg text-anouma-plum">
                   {contact.email}
-                </a>
+                </span>
               </p>
               {contact.phone && (
                 <p>