From 93a02c1e804cabf9f47d10ca860046ca2efc8fd4 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 3 Jun 2026 14:57:42 +0000
Subject: [PATCH 1/2] Bob AI: Add booking page

---
 src/App.tsx               |  2 ++
 src/components/Layout.tsx |  4 +++-
 src/pages/BookingPage.tsx | 46 +++++++++++++++++++++++++++++++++++++++
 src/routes.ts             |  1 +
 4 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/BookingPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..d0091ca 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import BookingPage from "@/pages/BookingPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/booking" element={<BookingPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 1e6849b..1e62857 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -41,7 +41,9 @@ export default function Layout() {
   },
   {
     "name": "Contact",    "href": "#contact"
-  }
+  },
+  { name: "Booking", href: "/booking" },
+
 ];
 
   return (
diff --git a/src/pages/BookingPage.tsx b/src/pages/BookingPage.tsx
new file mode 100644
index 0000000..0dcdc97
--- /dev/null
+++ b/src/pages/BookingPage.tsx
@@ -0,0 +1,46 @@
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+
+export default function BookingPage() {
+  const handleSubmit = (data: Record<string, string>) => {
+    console.log("Booking form submitted:", data);
+    alert("Booking submitted! We will contact you shortly.");
+    // In a real application, you would send this data to a backend.
+  };
+
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      <NavbarCentered
+        logo="BookingApp"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Get Started", href: "/contact" }}
+      />
+
+      <main>
+        <ContactSplitForm
+          tag="Book Your Spot"
+          title="Schedule a Consultation"
+          description="Fill out the form below to book a personalized consultation with our experts. We'll get back to you within 24 hours."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
+            { name: "date", type: "date", placeholder: "Preferred Date", required: true },
+            { name: "time", type: "time", placeholder: "Preferred Time", required: true },
+          ]}
+          textarea={{ name: "message", placeholder: "Any specific requests or questions?", rows: 4, required: false }}
+          buttonText="Book Now"
+          onSubmit={handleSubmit}
+          imageSrc="https://img.b2bpic.net/img/consultation-meeting-room.jpg"
+        />
+      </main>
+
+      <FooterMinimal
+        brand="BookingApp"
+        copyright="© 2024 BookingApp. All rights reserved."
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..92323b0 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/booking', label: 'Booking', pageFile: 'BookingPage' },
 ];
-- 
2.49.1


From 83b2e130d895856173ed1298b3e5af9a19657637 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 3 Jun 2026 14:57:54 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/BookingPage.tsx (snippet
 builder, 1 sections)

---
 src/pages/BookingPage.tsx | 53 +++++++++------------------------------
 1 file changed, 12 insertions(+), 41 deletions(-)

diff --git a/src/pages/BookingPage.tsx b/src/pages/BookingPage.tsx
index 0dcdc97..272819d 100644
--- a/src/pages/BookingPage.tsx
+++ b/src/pages/BookingPage.tsx
@@ -1,46 +1,17 @@
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterMinimal from "@/components/sections/footer/FooterMinimal";
 
 export default function BookingPage() {
-  const handleSubmit = (data: Record<string, string>) => {
-    console.log("Booking form submitted:", data);
-    alert("Booking submitted! We will contact you shortly.");
-    // In a real application, you would send this data to a backend.
-  };
-
   return (
-    <div className="min-h-screen bg-background text-foreground">
-      <NavbarCentered
-        logo="BookingApp"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Get Started", href: "/contact" }}
-      />
-
-      <main>
-        <ContactSplitForm
-          tag="Book Your Spot"
-          title="Schedule a Consultation"
-          description="Fill out the form below to book a personalized consultation with our experts. We'll get back to you within 24 hours."
-          inputs={[
-            { name: "name", type: "text", placeholder: "Your Name", required: true },
-            { name: "email", type: "email", placeholder: "Your Email", required: true },
-            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
-            { name: "date", type: "date", placeholder: "Preferred Date", required: true },
-            { name: "time", type: "time", placeholder: "Preferred Time", required: true },
-          ]}
-          textarea={{ name: "message", placeholder: "Any specific requests or questions?", rows: 4, required: false }}
-          buttonText="Book Now"
-          onSubmit={handleSubmit}
-          imageSrc="https://img.b2bpic.net/img/consultation-meeting-room.jpg"
-        />
-      </main>
-
-      <FooterMinimal
-        brand="BookingApp"
-        copyright="© 2024 BookingApp. All rights reserved."
-      />
-    </div>
+    <>
+      <div data-webild-section="ContactSplitForm"><ContactSplitForm
+        tag="Book Your Session"
+        title="Schedule Your Appointment"
+        description="Easily book your preferred service or consultation with us. Fill out the form below, and we'll confirm your slot shortly."
+        inputs={[{"name":"name","type":"text","placeholder":"Your Full Name","required":true},{"name":"email","type":"email","placeholder":"Your Email Address","required":true},{"name":"phone","type":"tel","placeholder":"Your Phone Number (Optional)"},{"name":"service","type":"text","placeholder":"Desired Service (e.g., Consultation)"},{"name":"date","type":"date","placeholder":"Preferred Date"}]}
+        textarea={{"name":"message","placeholder":"Tell us more about your needs or questions...","rows":4}}
+        buttonText="Confirm Booking"
+        imageSrc="https://img.freepik.com/free-photo/young-woman-making-appointment-online_23-2149154371.jpg"
+      /></div>
+    </>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1