src/App.tsx

@@ -5,6 +5,7 @@ import HomePage from './pages/HomePage';
 import VorOrtServicePage from "@/pages/VorOrtServicePage";
 import AboutPage from "@/pages/AboutPage";
 import SuccessPage from "@/pages/SuccessPage";
+import ContactPage from "@/pages/ContactPage";
 export default function App() {
   return (
     <Routes>
@@ -13,6 +14,7 @@ export default function App() {
         <Route path="/vor-ort-service" element={<VorOrtServicePage />} />
         <Route path="/about" element={<AboutPage />} />
         <Route path="/success" element={<SuccessPage />} />
+        <Route path="/contact" element={<ContactPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -107,6 +107,8 @@ export default function Layout() {
   { name: "Vor Ort Service", href: "/vor-ort-service" },
   { name: "About", href: "/about" },
   { name: "Success", href: "/success" },
+  { name: "Contact", href: "/contact" },
+
 
 
 

src/pages/ContactPage.tsx

@@ -0,0 +1,17 @@
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+
+export default function ContactPage() {
+  return (
+    <>
+      <div data-webild-section="ContactSplitForm"><ContactSplitForm
+        tag="Kontakt"
+        title="Kontaktieren Sie RojTec"
+        description="Wir sind für Sie da! Telefon: +4917675754999 | E-Mail: kontakt@rojtec.de | Adresse: Berliner Ring, 38440 Wolfsburg. Schreiben Sie uns Ihr Anliegen."
+        inputs={[{"name":"name","type":"text","placeholder":"Ihr Name","required":true},{"name":"email","type":"email","placeholder":"E-Mail-Adresse","required":true},{"name":"phone","type":"tel","placeholder":"Telefonnummer","required":false}]}
+        textarea={{"name":"message","placeholder":"Wie können wir Ihnen helfen?","rows":5,"required":true}}
+        buttonText="Nachricht senden"
+        imageSrc="https://img.freepik.com/free-photo/contact-us-communication-support-service-resolution-concept_53876-128103.jpg"
+      /></div>
+    </>
+  );
+}

src/routes.ts

@@ -9,4 +9,5 @@ export const routes: Route[] = [
   { path: '/vor-ort-service', label: 'Vor Ort Service', pageFile: 'VorOrtServicePage' },
   { path: '/about', label: 'About', pageFile: 'AboutPage' },
   { path: '/success', label: 'Success', pageFile: 'SuccessPage' },
+  { path: '/contact', label: 'Contact', pageFile: 'ContactPage' },
 ];