"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { HelpCircle, Clock, Users, MessageSquare, Phone } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="PitchDrive"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Get Started", href: "/contact" }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Let's Talk About Your Pitch"
          description="Have questions about PitchDrive? Our team is ready to help. Get in touch and discover how we can help you close more deals."
          inputs={[
            { name: "name", type: "text", placeholder: "Your name", required: true },
            { name: "email", type: "email", placeholder: "your@email.com", required: true },
            { name: "company", type: "text", placeholder: "Company name", required: false },
            { name: "phone", type: "tel", placeholder: "Phone number", required: false }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your sales challenges...",
            rows: 5,
            required: true
          }}
          buttonText="Send Message"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/black-female-entrepreneur-presenting-business-growth-chart-meeting-office_637285-9857.jpg"
          imageAlt="PitchDrive contact and support"
          mediaPosition="right"
        />
      </div>

      <div id="support-metrics" data-section="support-metrics">
        <MetricCardOne
          title="Our Support Promise"
          description="We're here to help you succeed every step of the way"
          metrics={[
            {
              id: "1",
              value: "<2h",
              title: "response time",
              description: "Average first response time for support tickets",
              icon: Clock
            },
            {
              id: "2",
              value: "24/7",
              title: "availability",
              description: "Enterprise customers get round-the-clock support",
              icon: Phone
            },
            {
              id: "3",
              value: "98%",
              title: "satisfaction",
              description: "Customer satisfaction rating for our support team",
              icon: Users
            },
            {
              id: "4",
              value: "500+",
              title: "tickets solved",
              description: "Issues resolved monthly with high quality",
              icon: MessageSquare
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqDouble
          title="Common Questions"
          description="Quick answers to help you get started with PitchDrive"
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How quickly can I get started with PitchDrive?",
              content: "You can start using PitchDrive immediately after signing up. The onboarding process takes just 5 minutes, and you'll have access to all core features right away. Professional and Enterprise customers receive guided onboarding support."
            },
            {
              id: "2",
              title: "What kind of training and onboarding do you provide?",
              content: "All plans include access to our comprehensive knowledge base and video tutorials. Professional plans include live onboarding sessions, while Enterprise customers get dedicated training programs and a customer success manager."
            },
            {
              id: "3",
              title: "Can you help with custom integrations?",
              content: "Yes! Enterprise customers have access to our API and custom integration services. Our technical team works with you to integrate PitchDrive seamlessly into your existing sales stack and workflows."
            },
            {
              id: "4",
              title: "Do you offer implementation consulting?",
              content: "Enterprise customers receive dedicated implementation consulting to ensure successful rollout. This includes strategy sessions, change management support, and ongoing optimization recommendations."
            },
            {
              id: "5",
              title: "What's your typical response time for technical issues?",
              content: "Starter plan customers receive email support with 24-hour response times. Professional customers get priority support with 4-hour response, while Enterprise customers have dedicated support with 1-hour response times."
            },
            {
              id: "6",
              title: "Can I schedule a demo before purchasing?",
              content: "Absolutely! We offer personalized demos for all potential customers. Our sales team will walk you through the platform, answer your questions, and help you understand how PitchDrive can benefit your specific use case."
            }
          ]}
        />
      </div>

      <FooterLogoReveal logoText="PitchDrive" />
    </ThemeProvider>
  );
}