Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Leaf, TreePine, Hammer, Fence, Wind, Sparkles } from "lucide-react";
 
@@ -19,6 +19,11 @@ const navItems = [
 ];
 
 const HomePage = () => {
+  const handleSubmit = (data: Record<string, string>) => {
+    console.log("Form submitted with data:", data);
+    alert("Form submitted! We will get back to you soon.");
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -109,14 +114,20 @@ const HomePage = () => {
       </div>
 
       <div id="contact-cta-home" data-section="contact-cta-home">
-        <ContactFaq
-          ctaTitle="Ready for an Exquisite Outdoor Transformation?"
-          ctaDescription="Don't wait to create the landscape you've always envisioned. Reach out to LangScapes Athens today for a complimentary consultation and personalized quote."
-          ctaButton={{ text: "Request a Free Quote", href: "/contact" }}
-          ctaIcon={Sparkles}
-          faqs={[]}
+        <ContactSplitForm
+          title="Ready for an Exquisite Outdoor Transformation?"
+          description="Don't wait to create the landscape you've always envisioned. Reach out to LangScapes Athens today for a complimentary consultation and personalized quote."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
+            { name: "subject", type: "text", placeholder: "Subject", required: false }
+          ]}
+          textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
+          buttonText="Send Message"
+          onSubmit={handleSubmit}
           useInvertedBackground={true}
-          animationType="slide-up"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
         />
       </div>