fix(web): correct relative imports in opengraph-image routes

apps/web/app/(site)/contact/opengraph-image.tsx

@@ -0,0 +1,23 @@
+import { ImageResponse } from "next/og";
+import { OGImageTemplate } from "../../../src/components/OGImageTemplate";
+import { getOgFonts, OG_IMAGE_SIZE } from "../../../src/lib/og-helper";
+
+export const size = OG_IMAGE_SIZE;
+export const contentType = "image/png";
+export const runtime = "nodejs";
+
+export default async function Image() {
+  const fonts = await getOgFonts();
+
+  return new ImageResponse(
+    <OGImageTemplate
+      title="Kontakt."
+      description="Bereit für eine Zusammenarbeit? Lassen Sie uns gemeinsam etwas bauen, das wirklich funktioniert."
+      label="Get in touch"
+    />,
+    {
+      ...OG_IMAGE_SIZE,
+      fonts: fonts as any,
+    },
+  );
+}

apps/web/app/(site)/contact/page.tsx

@@ -0,0 +1,20 @@
+import { Section } from "@/src/components/Section";
+import { ContactForm } from "@/src/components/ContactForm";
+import { AbstractCircuit } from "@/src/components/Effects";
+
+export default function ContactPage() {
+  return (
+    <div className="flex flex-col bg-white min-h-screen overflow-hidden relative">
+      <AbstractCircuit />
+
+      <Section
+        containerVariant="wide"
+        effects={<></>}
+        className="pt-24 pb-12 md:pt-32 md:pb-20"
+      >
+        {/* Full-width Form */}
+        <ContactForm />
+      </Section>
+    </div>
+  );
+}