From eee944adac372b14a557fb473e3e2ed05b51797a Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 22:36:48 +0000
Subject: [PATCH 1/2] Bob AI: Add contact page

---
 src/App.tsx               |  2 ++
 src/components/Layout.tsx |  2 ++
 src/pages/ContactPage.tsx | 55 +++++++++++++++++++++++++++++++++++++++
 src/routes.ts             |  1 +
 4 files changed, 60 insertions(+)
 create mode 100644 src/pages/ContactPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index cd68efa..92f1900 100644
--- a/src/App.tsx
+++ b/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>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 9284953..30bac28 100644
--- a/src/components/Layout.tsx
+++ b/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" },
+
 
 
 
diff --git a/src/pages/ContactPage.tsx b/src/pages/ContactPage.tsx
new file mode 100644
index 0000000..adb5a68
--- /dev/null
+++ b/src/pages/ContactPage.tsx
@@ -0,0 +1,55 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroBrand from "@/components/sections/hero/HeroBrand";
+import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+
+export default function ContactPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground flex flex-col">
+      <NavbarCentered
+        logo="Rojtec"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Kontakt", href: "/contact" }}
+      />
+      
+      <main className="flex-grow">
+        <HeroBrand
+          brand="Kontaktieren Sie uns"
+          description="Wir sind für Sie da. Erreichen Sie uns per Telefon, E-Mail oder besuchen Sie uns vor Ort in Wolfsburg."
+          primaryButton={{ text: "E-Mail schreiben", href: "mailto:kontakt@rojtec.de" }}
+          secondaryButton={{ text: "Jetzt anrufen", href: "tel:+4917675754999" }}
+        />
+
+        <FeaturesIconCards
+          tag="Kontaktinformationen"
+          title="So erreichen Sie uns"
+          description="Haben Sie Fragen oder möchten Sie ein Projekt besprechen? Zögern Sie nicht, uns über einen der folgenden Wege zu kontaktieren."
+          features={[
+            {
+              icon: "MapPin",
+              title: "Adresse",
+              description: "Berliner Ring, 38440 Wolfsburg"
+            },
+            {
+              icon: "Phone",
+              title: "Telefon",
+              description: "+49 176 75754999"
+            },
+            {
+              icon: "Mail",
+              title: "E-Mail",
+              description: "kontakt@rojtec.de"
+            }
+          ]}
+        />
+      </main>
+
+      <FooterMinimal
+        brand="Rojtec"
+        copyright="© 2024 Rojtec. Alle Rechte vorbehalten."
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index e769859..9f1ebec 100644
--- a/src/routes.ts
+++ b/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' },
 ];
-- 
2.49.1


From 88825c95a8f9acc66976000ff630a437029dd74b Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 22:37:21 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/ContactPage.tsx (snippet
 builder, 1 sections)

---
 src/pages/ContactPage.tsx | 64 ++++++++-------------------------------
 1 file changed, 13 insertions(+), 51 deletions(-)

diff --git a/src/pages/ContactPage.tsx b/src/pages/ContactPage.tsx
index adb5a68..1ecfd8a 100644
--- a/src/pages/ContactPage.tsx
+++ b/src/pages/ContactPage.tsx
@@ -1,55 +1,17 @@
-import React from "react";
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import HeroBrand from "@/components/sections/hero/HeroBrand";
-import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards";
-import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 
 export default function ContactPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground flex flex-col">
-      <NavbarCentered
-        logo="Rojtec"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Kontakt", href: "/contact" }}
-      />
-      
-      <main className="flex-grow">
-        <HeroBrand
-          brand="Kontaktieren Sie uns"
-          description="Wir sind für Sie da. Erreichen Sie uns per Telefon, E-Mail oder besuchen Sie uns vor Ort in Wolfsburg."
-          primaryButton={{ text: "E-Mail schreiben", href: "mailto:kontakt@rojtec.de" }}
-          secondaryButton={{ text: "Jetzt anrufen", href: "tel:+4917675754999" }}
-        />
-
-        <FeaturesIconCards
-          tag="Kontaktinformationen"
-          title="So erreichen Sie uns"
-          description="Haben Sie Fragen oder möchten Sie ein Projekt besprechen? Zögern Sie nicht, uns über einen der folgenden Wege zu kontaktieren."
-          features={[
-            {
-              icon: "MapPin",
-              title: "Adresse",
-              description: "Berliner Ring, 38440 Wolfsburg"
-            },
-            {
-              icon: "Phone",
-              title: "Telefon",
-              description: "+49 176 75754999"
-            },
-            {
-              icon: "Mail",
-              title: "E-Mail",
-              description: "kontakt@rojtec.de"
-            }
-          ]}
-        />
-      </main>
-
-      <FooterMinimal
-        brand="Rojtec"
-        copyright="© 2024 Rojtec. Alle Rechte vorbehalten."
-      />
-    </div>
+    <>
+      <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>
+    </>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1