"use client";

import { Mail, Zap } from "lucide-react";

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>
  );
}
