"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Mail, Users } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Bee"
          button={{
            text: "Contact Us",
            href: "/contact"
          }}
        />
      </div>

      <div id="contact-intro" data-section="contact-intro">
        <TextSplitAbout
          title="Get In Touch"
          description={[
            "Ready to bring your vision to life? Whether you're looking to collaborate on a new project, discuss production services, or explore partnership opportunities, we'd love to hear from you.",
            "Our team of experienced professionals is here to help you navigate every aspect of film production, from initial concept development to final distribution."
          ]}
          buttons={[
            { text: "Send Message", href: "#contact-form" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",
              title: "What types of projects does Bee Studio take on?",
              content: "We work on feature films, documentaries, commercials, and digital content across all genres. Our team specializes in narrative-driven projects that prioritize compelling storytelling."
            },
            {
              id: "2",
              title: "How can I submit a script or project idea?",
              content: "Please visit our submissions portal or send materials to submissions@beestudio.com. We review all submissions and respond within 6-8 weeks with feedback."
            },
            {
              id: "3",
              title: "Do you offer production services for external projects?",
              content: "Yes, we offer comprehensive production services including cinematography, editing, sound design, and color grading for select external projects."
            },
            {
              id: "4",
              title: "What is your typical project timeline?",
              content: "Project timelines vary based on scope and scale. Feature films typically take 12-24 months from development to release. We provide detailed timelines during the initial consultation."
            }
          ]}
          ctaTitle="Get In Touch With Our Team"
          ctaDescription="Have questions about our work or interested in collaborating? We'd love to hear from you."
          ctaButton={{
            text: "Send a Message",
            href: "#contact-form"
          }}
          ctaIcon={Mail}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          groups={[
            {
              id: "leadership",
              groupTitle: "Key Contacts",
              members: [
                {
                  id: "1",
                  title: "Marcus Chen",
                  subtitle: "Founder & Director",
                  detail: "marcus@beestudio.com",
                  imageSrc: "https://img.b2bpic.net/free-photo/smiley-man-with-camera_23-2148602762.jpg",
                  imageAlt: "Marcus Chen, Founder & Director"
                },
                {
                  id: "2",
                  title: "Sofia Rodriguez",
                  subtitle: "Executive Producer",
                  detail: "sofia@beestudio.com",
                  imageSrc: "https://img.b2bpic.net/free-photo/young-male-blogger-recording-station_1303-22012.jpg",
                  imageAlt: "Sofia Rodriguez, Executive Producer"
                }
              ]
            }
          ]}
          title="Contact Our Team"
          description="Reach out to our key team members directly for specific inquiries about projects and collaborations."
          tag="Direct Contact"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "About", href: "/about" },
                { label: "Films", href: "/films" }
              ]
            },
            {
              items: [
                { label: "Blog", href: "/blog" },
                { label: "Contact", href: "/contact" },
                { label: "Careers", href: "/careers" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Sitemap", href: "/sitemap" }
              ]
            }
          ]}
          logoText="Bee"
        />
      </div>
    </ThemeProvider>
  );
}