Merge version_3 into main

Merge version_3 into main

src/app/contacts/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import ContactFaq from "@/components/sections/contact/ContactFaq";
+
+export default function ContactsPage() {
+  return (
+    <main>
+      <div id="contact" data-section="contact">
+        <ContactFaq
+          ctaTitle="Let's Collaborate"
+          ctaDescription="Whether you're interested in technical consulting, speaking opportunities, or connecting about innovation, I'd love to hear from you."
+          ctaIcon={Mail}
+          ctaButton={{
+            text: "Send Me an Email",            href: "mailto:hello@webild.io"
+          }}
+          useInvertedBackground="invertDefault"
+          animationType="slide-up"
+          faqs={[
+            {
+              id: "1",              title: "What's the best way to reach you?",              content: "Email is the best way to reach me for most inquiries. For urgent matters, you can also connect with me on LinkedIn. I try to respond to all messages within 2 business days."
+            },
+            {
+              id: "2",              title: "Do you take on freelance projects?",              content: "I primarily focus on my role at Webild, but I may consider select high-impact freelance projects that align with my expertise and interests. Feel free to reach out with details."
+            },
+            {
+              id: "3",              title: "Are you open to new opportunities?",              content: "I'm currently focused on my role as CTO at Webild, but I'm always interested in hearing about compelling opportunities that involve technical leadership or strategic impact."
+            }
+          ]}
+        />
+      </div>
+    </main>
+  );
+}

src/app/page.tsx

@@ -8,7 +8,6 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Mail, Zap } from "lucide-react";
 
@@ -200,30 +199,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactFaq
-          ctaTitle="Let's Collaborate"
-          ctaDescription="Whether you're interested in technical consulting, speaking opportunities, or connecting about innovation, I'd love to hear from you."
-          ctaIcon={Mail}
-          ctaButton={{
-            text: "Send Me an Email",            href: "mailto:hello@webild.io"
-          }}
-          useInvertedBackground="invertDefault"
-          animationType="slide-up"
-          faqs={[
-            {
-              id: "1",              title: "What's the best way to reach you?",              content: "Email is the best way to reach me for most inquiries. For urgent matters, you can also connect with me on LinkedIn. I try to respond to all messages within 2 business days."
-            },
-            {
-              id: "2",              title: "Do you take on freelance projects?",              content: "I primarily focus on my role at Webild, but I may consider select high-impact freelance projects that align with my expertise and interests. Feel free to reach out with details."
-            },
-            {
-              id: "3",              title: "Are you open to new opportunities?",              content: "I'm currently focused on my role as CTO at Webild, but I'm always interested in hearing about compelling opportunities that involve technical leadership or strategic impact."
-            }
-          ]}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[