Merge version_4 into main

Merge version_4 into main

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
-            background={{ variant: "plain" }}
+          <ContactSplitForm
             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"
-            buttonText="Send Message"
-            termsText="By sending a message, you agree to our Terms and Conditions."
-            onSubmit={(email) => console.log(`Contact form submitted with email: ${email}`)}
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email Address", required: true }
+            ]}
+            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>
 
@@ -64,4 +65,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}