From 0a022a18578c67677e590e71233a3f1ea66a0ca4 Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Sun, 18 Jan 2026 18:55:30 +0000
Subject: [PATCH] Update components/contact-section.tsx

---
 components/contact-section.tsx | 38 ++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 components/contact-section.tsx

diff --git a/components/contact-section.tsx b/components/contact-section.tsx
new file mode 100644
index 0000000..8465a8a
--- /dev/null
+++ b/components/contact-section.tsx
@@ -0,0 +1,38 @@
+"use client";
+import { Container } from "@/components/container";
+import { Heading } from "@/components/heading";
+import { Subheading } from "@/components/subheading";
+import { KleapForm, KleapFormField } from "@/components/kleap-form";
+
+export function ContactSection() {
+  const fields: KleapFormField[] = [
+    { name: "name", label: "Full Name", type: "text", required: true },
+    { name: "email", label: "Email Address", type: "email", required: true },
+    { name: "service", label: "Interested Service", type: "select", options: [
+      "AI Solutions", "Digital Transformation", "Security Services", "Web Design", "App Development", "Cloud Services", "Tax Filing", "Event Security"
+    ], required: true },
+    { name: "message", label: "How can we help?", type: "textarea", required: true },
+  ];
+
+  return (
+    <section id="contact" className="py-20">
+      <Container>
+        <div className="max-w-4xl mx-auto">
+          <div className="text-center mb-12">
+            <Heading>Get in Touch</Heading>
+            <Subheading className="mt-4">
+              Ready to transform your operations? Contact us today for a consultation.
+            </Subheading>
+          </div>
+          <div className="bg-white p-8 rounded-2xl shadow-xl border border-neutral-100">
+            <KleapForm 
+              formId="contact-us" 
+              title="Contact Predator AI" 
+              fields={fields} 
+            />
+          </div>
+        </div>
+      </Container>
+    </section>
+  );
+}