Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ContactPage() {
@@ -35,19 +35,20 @@ export default function ContactPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplit
+          <ContactSplitForm
-            background={{ variant: "plain" }}
             useInvertedBackground={false}
-            tag="Contact Us"
             title="Reach Out to Casa Habano Reserve"
             description="We invite you to connect with us for inquiries, custom orders, or any questions about our exquisite collection. Our team is dedicated to providing an experience as refined as our cigars."
             imageSrc="http://img.b2bpic.net/free-photo/elegant-cigar-box-gold-ring_23-2151113174.jpg"
             imageAlt="Elegant cigar box with gold ring"
             mediaPosition="left"
-            inputPlaceholder="Your Email Address"
+            inputs={[
-            buttonText="Send Message"
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
-            termsText="By sending a message, you agree to our Terms and Conditions."
+              { name: "email", type: "email", placeholder: "Your Email Address", required: true }
-            onSubmit={(email) => console.log(`Contact form submitted with email: ${email}`)}
+            ]}
+            textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
+            buttonText="Submit Inquiry"
+            onSubmit={(data) => console.log(`Contact form submitted with data: ${JSON.stringify(data)}`)}
           />
         </div>