Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -6,11 +6,16 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Award, Brain, Brush, CheckCircle, Cpu, Eye, Lightbulb, MessageCircle, Rocket, Sparkles, Target, TrendingUp, Zap, Workflow, ImageIcon, Star, Hammer, BarChart3 } from 'lucide-react';
+import { Award, Brain, Brush, CheckCircle, Cpu, Eye, Lightbulb, MessageCircle, Rocket, Sparkles, Target, TrendingUp, Zap, Workflow, ImageIcon, Star, Hammer, BarChart3, Mail, Phone, Building2, Briefcase, FileText, Send } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleEnquirySubmit = (formData: any) => {
+    // Handle form submission
+    console.log('Enquiry submitted:', formData);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -181,24 +186,36 @@ export default function LandingPage() {
       </div>
 
       <div id="cta-section" data-section="cta-section">
-        <ContactText
-          text="Ready to Upgrade Your Business?"
+        <ContactSplit
+          tag="Get In Touch"
+          title="Ready to Upgrade Your Business?"
+          description="Let's discuss your project and how we can help you achieve your goals."
           background={{ variant: "sparkles-gradient" }}
-          buttons={[{ text: "🚀 Get Started Today", href: "#contact-form" }]}
           useInvertedBackground={true}
-          animationType="reveal-blur"
-          ariaLabel="Call to action section for getting started"
+          mediaAnimation="blur-reveal"
+          buttonText="Send Enquiry"
+          inputPlaceholder="Enter your email"
+          onSubmit={(email: string) => {
+            console.log('Email submitted:', email);
+          }}
+          ariaLabel="Contact section with form"
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Let's Build Something Amazing Together"
+        <ContactSplit
+          tag="Let's Build Together"
+          title="Get Your Custom Enquiry Form"
+          description="Tell us about your business and what you're looking to achieve. Our team will review your details and get back to you with a personalized proposal."
           background={{ variant: "plain" }}
-          buttons={[{ text: "Start Your Project", href: "mailto:hello@kohutsystems.com" }]}
           useInvertedBackground={false}
-          animationType="entrance-slide"
-          ariaLabel="Contact section for inquiries"
+          mediaAnimation="slide-up"
+          inputPlaceholder="your@email.com"
+          buttonText="Submit Enquiry"
+          onSubmit={(email: string) => {
+            console.log('Enquiry email:', email);
+          }}
+          ariaLabel="Contact enquiry form section"
         />
       </div>
 
@@ -245,4 +262,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}