Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
@@ -183,15 +183,19 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Let's Build Together"
+      <ContactSplitForm
       title="Let's Connect"
-      description="Reach out to Northshore Social for your inquiry. Email: NorthshoreSocial@gmail.com | Phone: (608) 440-0905"
+      description="Reach out to Northshore Social to start your growth journey."
+      useInvertedBackground={false}
+      mediaPosition="right"
+      buttonText="Send Inquiry"
       imageSrc="http://img.b2bpic.net/free-photo/andalsnes-norway-june-26-2023_58702-16568.jpg"
-      mediaAnimation="slide-up"
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+      ]}
+      textarea={{ name: "message", placeholder: "Tell us about your brand", rows: 4, required: true }}
+      onSubmit={(data) => console.log(data)}
     />
   </div>