"use client";

import Link from 'next/link';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import { HelpCircle, TrendingUp, Film, Award, Users, Globe } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="large"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Happy Bee"
          button={{
            text: "Get In Touch",
            href: "/contact"
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Let's Create Magic Together"
          description="Ready to bring your film project to life? Reach out to our team and let's discuss how Happy Bee Studios can help you tell your story."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
            { name: "company", type: "text", placeholder: "Production Company (Optional)", required: false },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your project...",
            rows: 6,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/people-working-together-new-film_23-2149066390.jpg"
          imageAlt="Happy Bee Studio Production Team"
          mediaPosition="left"
          buttonText="Send Message"
          useInvertedBackground="noInvert"
          onSubmit={(data) => console.log('Form submitted:', data)}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our services and production process"
          tag="Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",
              title: "What types of films do you produce?",
              content: "Happy Bee Studios specializes in feature films, documentaries, commercials, and episodic content. We work across all genres including drama, action, indie, and family-friendly productions. Our diverse portfolio showcases our versatility and creative range."
            },
            {
              id: "2",
              title: "What is your production timeline?",
              content: "Timeline varies depending on project scope. Feature films typically require 6-18 months from pre-production to final delivery. Documentaries may take 3-12 months, while commercials can be completed in 4-8 weeks. We provide detailed timelines during the initial consultation."
            },
            {
              id: "3",
              title: "Do you work with independent producers?",
              content: "Absolutely! We partner with independent filmmakers, production companies, and creative visionaries. Our flexible partnership models accommodate projects of all sizes and budgets. We're passionate about supporting original storytelling."
            },
            {
              id: "4",
              title: "What is included in post-production?",
              content: "Our comprehensive post-production services include editing, color grading, visual effects, sound design, mixing, and mastering. We work closely with clients to ensure the final product aligns perfectly with their creative vision."
            },
            {
              id: "5",
              title: "How do you handle budget management?",
              content: "We provide transparent budget breakdowns and regular financial updates throughout production. Our experienced producers optimize spending without compromising quality, ensuring maximum value for your investment."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/people-working-together-new-film_23-2149066390.jpg"
          imageAlt="Happy Bee Studio Production Meeting"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose Happy Bee Studios"
          description="Our proven track record and industry reputation speak to our commitment to excellence"
          tag="Trust & Results"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",
              icon: Film,
              title: "Films Produced",
              value: "47+"
            },
            {
              id: "2",
              icon: Award,
              title: "Awards Won",
              value: "89"
            },
            {
              id: "3",
              icon: Users,
              title: "Audience Reach",
              value: "50M+"
            },
            {
              id: "4",
              icon: Globe,
              title: "Countries",
              value: "65"
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Happy Bee Studios"
          copyrightText="© 2025 Happy Bee Movie Studio. All rights reserved."
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Films", href: "/films" },
                { label: "Team", href: "/team" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Production", href: "/" },
                { label: "Post-Production", href: "/" },
                { label: "Consultancy", href: "/" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact Us", href: "/contact" },
                { label: "Partnerships", href: "/contact" },
                { label: "Careers", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}