"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Mail, HelpCircle, Award, Twitter, Linkedin, Github } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="AIFlow"
          bottomLeftText="Enterprise AI Solutions"
          bottomRightText="hello@aiflow.io"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Transform Your Enterprise?"
          description="Join hundreds of leading companies using AIFlow. Schedule a personalized demo with our team to see how we can help your organization achieve its AI goals."
          tagIcon={Mail}
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="your.email@company.com"
          buttonText="Request Demo"
          termsText="We respect your privacy. Unsubscribe at any time. Read our Privacy Policy."
        />
      </div>

      <div id="support-faq" data-section="support-faq">
        <FaqBase
          faqs={[
            {
              id: "1",              title: "How can I schedule a demo?",              content: "Simply enter your email above and click 'Request Demo'. Our enterprise sales team will contact you within 24 hours to schedule a personalized demonstration. You can also call us directly at +1 (555) 123-4567 or email sales@aiflow.io."
            },
            {
              id: "2",              title: "What should I prepare for the demo?",              content: "Come prepared with your specific use cases, data types, and business challenges. Our team will customize the demo to show exactly how AIFlow can address your organization's needs. If possible, bring your technical stakeholders who can ask detailed integration questions."
            },
            {
              id: "3",              title: "How long does implementation typically take?",              content: "Most enterprise implementations are completed in 2-8 weeks depending on complexity and integration requirements. Our professional services team provides dedicated support throughout the process, including data migration, system integration, and team training."
            },
            {
              id: "4",              title: "Do you offer custom solutions?",              content: "Yes, AIFlow specializes in custom enterprise solutions. We work closely with your team to understand unique requirements and can develop custom models, integrations, and workflows tailored to your specific industry and use cases."
            },
            {
              id: "5",              title: "What kind of ongoing support do you provide?",              content: "All enterprise customers receive 24/7 priority support, dedicated customer success managers, quarterly business reviews, ongoing training, and access to our professional services team. We're committed to your long-term success with AIFlow."
            }
          ]}
          title="Contact & Support"
          description="Frequently asked questions about getting started with AIFlow"
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="trust-indicators" data-section="trust-indicators">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Join enterprise customers across 40+ countries using AIFlow"
          tag="Global Trust"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Microsoft",            "Google",            "Amazon",            "Meta",            "Apple",            "IBM",            "NVIDIA",            "OpenAI",            "Salesforce",            "Oracle"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="AIFlow"
          copyrightText="© 2025 AIFlow. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/aiflow", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/aiflow", ariaLabel: "LinkedIn" },
            { icon: Github, href: "https://github.com/aiflow", ariaLabel: "GitHub" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
