Switch to version 2: added src/pages/HomePage/sections/Contact.tsx

src/pages/HomePage/sections/Contact.tsx

@@ -0,0 +1,26 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+            <ContactSplitForm
+              tag="Reservations"
+              title="Secure Your Table"
+              description="Join us for an exquisite dining journey. We recommend booking in advance, especially for weekend dinner service."
+              inputs={[
+                { name: "name", type: "text", placeholder: "Guest Name", required: true },
+                { name: "guests", type: "number", placeholder: "Number of Guests", required: true },
+                { name: "date", type: "date", placeholder: "Preferred Date" },
+                { name: "time", type: "time", placeholder: "Preferred Time" }
+              ]}
+              textarea={{ name: "requests", placeholder: "Dietary requirements or special requests?", rows: 4 }}
+              buttonText="Reserve Now"
+              imageSrc="http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
+            />
+          </div>
+  );
+}