From 433cb1f6e14ba39dc6292ca93f5eb239dc222d0f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 11:42:02 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 108 +++++++++++++++++++++------------------
 1 file changed, 59 insertions(+), 49 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index fee3f0f..cfe8037 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,8 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Send } from "lucide-react";
 
@@ -63,57 +61,69 @@ const ContactPage = () => {
 
       {/* Contact Section */}
       <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get In Touch"
-          tagIcon={Send}
-          tagAnimation="slide-up"
-          title="Ready to Transform Your Business?"
-          description="Let's bring your vision to life with cutting-edge web and mobile solutions tailored to your goals. Partner with us to unlock your digital potential."
-          background={{ variant: "noise" }}
-          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/modern-tech-company-office-environment-s-1772536829959-06972360.png"
-          imageAlt="Contact us - modern office environment"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="Enter your email"
-          buttonText="Reach Out Now"
-          termsText="We respect your privacy. Unsubscribe at any time."
-          ariaLabel="Contact section"
-        />
+        <div className="py-12 md:py-20 px-4">
+          <div className="max-w-6xl mx-auto">
+            <div className="grid md:grid-cols-2 gap-12 items-center">
+              <div>
+                <div className="flex items-center gap-2 mb-4">
+                  <Send className="w-5 h-5" />
+                  <span className="text-sm font-medium">Get In Touch</span>
+                </div>
+                <h2 className="text-3xl md:text-5xl font-bold mb-4">Ready to Transform Your Business?</h2>
+                <p className="text-lg text-gray-600 mb-8">Let's bring your vision to life with cutting-edge web and mobile solutions tailored to your goals. Partner with us to unlock your digital potential.</p>
+                <form className="space-y-4">
+                  <input type="email" placeholder="Enter your email" className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500" />
+                  <button type="submit" className="w-full bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors">Reach Out Now</button>
+                  <p className="text-sm text-gray-500">We respect your privacy. Unsubscribe at any time.</p>
+                </form>
+              </div>
+              <div>
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/modern-tech-company-office-environment-s-1772536829959-06972360.png" alt="Contact us - modern office environment" className="w-full rounded-lg" />
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
 
       {/* FAQ Section */}
       <div id="faq" data-section="faq">
-        <FaqSplitText
-          sideTitle="Frequently Asked Questions"
-          sideDescription="Find answers to common questions about our services, process, and how we can help transform your business."
-          faqs={[
-            {
-              id: "1",              title: "What services does Kraftcode offer?",              content:
-                "We provide comprehensive digital solutions including website development, iOS and Android app development, custom development, performance optimization, and security implementation. Our services are tailored to meet your unique business requirements."},
-            {
-              id: "2",              title: "How long does a typical project take?",              content:
-                "Project timelines vary based on complexity and scope. Most web projects take 2-4 months, while mobile apps typically require 3-6 months. We provide detailed timelines and milestones during the planning phase."},
-            {
-              id: "3",              title: "What is your development process?",              content:
-                "We follow a structured approach: Discovery & Planning → Design & Prototyping → Development → Testing → Deployment → Support. We maintain regular communication and provide progress updates throughout the project."},
-            {
-              id: "4",              title: "Do you offer post-launch support?",              content:
-                "Yes, we provide comprehensive post-launch support including maintenance, updates, bug fixes, and performance monitoring. We offer various support packages tailored to your needs."},
-            {
-              id: "5",              title: "How do you ensure quality and security?",              content:
-                "Quality is built into our process through rigorous testing, code reviews, and quality assurance protocols. Security is implemented from the ground up, with compliance to industry standards and best practices."},
-            {
-              id: "6",              title: "Can you work with our existing team?",              content:
-                "Absolutely. We're experienced in collaborating with in-house teams, agencies, and external partners. We can integrate seamlessly into your existing workflow and development processes."},
-          ]}
-          faqsAnimation="blur-reveal"
-          textPosition="left"
-          useInvertedBackground={true}
-          animationType="smooth"
-          showCard={true}
-          ariaLabel="FAQ section"
-        />
+        <div className="py-12 md:py-20 px-4 bg-gray-50">
+          <div className="max-w-6xl mx-auto">
+            <div className="grid md:grid-cols-2 gap-12">
+              <div>
+                <h2 className="text-3xl md:text-4xl font-bold mb-4">Frequently Asked Questions</h2>
+                <p className="text-lg text-gray-600">Find answers to common questions about our services, process, and how we can help transform your business.</p>
+              </div>
+              <div className="space-y-6">
+                {[
+                  {
+                    title: "What services does Kraftcode offer?",                    content: "We provide comprehensive digital solutions including website development, iOS and Android app development, custom development, performance optimization, and security implementation. Our services are tailored to meet your unique business requirements."
+                  },
+                  {
+                    title: "How long does a typical project take?",                    content: "Project timelines vary based on complexity and scope. Most web projects take 2-4 months, while mobile apps typically require 3-6 months. We provide detailed timelines and milestones during the planning phase."
+                  },
+                  {
+                    title: "What is your development process?",                    content: "We follow a structured approach: Discovery & Planning → Design & Prototyping → Development → Testing → Deployment → Support. We maintain regular communication and provide progress updates throughout the project."
+                  },
+                  {
+                    title: "Do you offer post-launch support?",                    content: "Yes, we provide comprehensive post-launch support including maintenance, updates, bug fixes, and performance monitoring. We offer various support packages tailored to your needs."
+                  },
+                  {
+                    title: "How do you ensure quality and security?",                    content: "Quality is built into our process through rigorous testing, code reviews, and quality assurance protocols. Security is implemented from the ground up, with compliance to industry standards and best practices."
+                  },
+                  {
+                    title: "Can you work with our existing team?",                    content: "Absolutely. We're experienced in collaborating with in-house teams, agencies, and external partners. We can integrate seamlessly into your existing workflow and development processes."
+                  }
+                ].map((faq, index) => (
+                  <details key={index} className="border-b border-gray-200 pb-4">
+                    <summary className="cursor-pointer font-semibold text-gray-900 hover:text-blue-600">{faq.title}</summary>
+                    <p className="mt-2 text-gray-600">{faq.content}</p>
+                  </details>
+                ))}
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
 
       {/* Footer */}