import { Navigation } from "../components/Navigation";
import { Footer } from "../components/Footer";
import { HireTalentHeroBanner } from "../components/HireTalentHeroBanner";
import { FAQSection } from "../components/FAQSection";
import { AppSuccessMetrics } from "../components/AppSuccessMetrics";
import { StepsIllustrated } from "../components/StepsIllustrated";
import { CarouselTestimonials } from "../components/CarouselTestimonials";
import { ResourceCards } from "../components/ResourceCards";
import { SplitCallToAction } from "../components/SplitCallToAction";
import { DeveloperSkillsVector } from "../components/vectors/DeveloperSkillsVector";
import { Search, Users, Code, CheckCircle, Star, Award, Clock, TrendingUp } from "lucide-react";

const hireUserResearchTestingDevelopersData = {
  heroBanner: {
    category: "Hire Expert Researchers",
    title: "Hire User Research & Testing Developers",
    description: "Make data-driven design decisions with expert user researchers who uncover deep user insights, validate concepts, and optimize experiences through comprehensive research and testing methodologies.",
    primaryCTA: {
      text: "Hire UX Researchers",
      href: "/contact-us",
      icon: Search
    },
    secondaryCTA: {
      text: "View Researcher Profiles",
      href: "/hire-talent",
      icon: Users
    }
  },
  
  // User Research & Testing specific metrics
  metrics: [
    {
      value: "400+",
      label: "Research Studies",
      description: "Comprehensive user insights"
    },
    {
      value: "85%",
      label: "Accuracy Improvement",
      description: "Better design decisions"
    },
    {
      value: "60%",
      label: "Usability Increase",
      description: "Optimized user experience"
    },
    {
      value: "1000+",
      label: "Users Interviewed",
      description: "Deep behavioral insights"
    }
  ],

  // User Research & Testing development process
  process: {
    title: "Our User Research & Testing Process",
    subtitle: "From research planning to actionable insights",
    steps: [
      {
        number: "01",
        title: "Research Strategy & Planning",
        description: "Define research objectives, select appropriate methodologies, and create comprehensive research plans aligned with business goals.",
        icon: <Search className="w-8 h-8" />,
        details: [
          "Research objectives and hypothesis definition",
          "Methodology selection and study design",
          "Participant recruitment strategy and screening",
          "Timeline planning and resource allocation"
        ]
      },
      {
        number: "02", 
        title: "Data Collection & User Interviews",
        description: "Execute research studies including user interviews, surveys, observations, and usability testing to gather comprehensive user insights.",
        icon: <Code className="w-8 h-8" />,
        details: [
          "User interviews and in-depth sessions",
          "Usability testing and task analysis",
          "Behavioral observation and ethnographic studies",
          "Quantitative data collection and analytics"
        ]
      },
      {
        number: "03",
        title: "Analysis & Insight Synthesis",
        description: "Analyze research data using proven frameworks to identify patterns, pain points, and opportunities for design improvements.",
        icon: <CheckCircle className="w-8 h-8" />,
        details: [
          "Data analysis and pattern identification",
          "User journey mapping and pain point analysis",
          "Persona development and behavioral modeling",
          "Insight synthesis and opportunity mapping"
        ]
      },
      {
        number: "04",
        title: "Reporting & Recommendations",
        description: "Deliver actionable insights through comprehensive reports, presentations, and strategic recommendations for design optimization.",
        icon: <TrendingUp className="w-8 h-8" />,
        details: [
          "Comprehensive research reports and findings",
          "Actionable design recommendations",
          "Stakeholder presentations and workshops",
          "Implementation guidance and success metrics"
        ]
      }
    ]
  },

  // User Research & Testing focused FAQs
  faqs: [
    {
      question: "What types of user research methods do you employ?",
      answer: "We use various methods including user interviews, usability testing, card sorting, tree testing, A/B testing, surveys, ethnographic studies, diary studies, focus groups, eye-tracking, and analytics analysis to gather comprehensive user insights."
    },
    {
      question: "How do you recruit and select research participants?",
      answer: "We use professional recruitment services, internal user databases, social media outreach, and specialized platforms to recruit participants. We carefully screen participants to ensure they match your target user demographics and behaviors."
    },
    {
      question: "What tools and platforms do you use for user research?",
      answer: "We utilize tools like UserTesting, Maze, Hotjar, Lookback, Optimal Workshop, Typeform, Miro, Dovetail, and Google Analytics. Tool selection depends on research methodology, budget, and specific project requirements."
    },
    {
      question: "How long does a typical user research study take?",
      answer: "Timeline varies by methodology: quick usability tests (1-2 weeks), comprehensive user interviews (2-4 weeks), longitudinal studies (4-12 weeks). We provide detailed timelines during planning and can adapt to urgent research needs."
    },
    {
      question: "How do you ensure research findings are actionable for design teams?",
      answer: "We translate insights into specific design recommendations, create user personas and journey maps, prioritize findings by impact, and provide implementation guidance. We also conduct workshops to ensure design teams understand and can act on findings."
    },
    {
      question: "Can you conduct remote user research and testing?",
      answer: "Yes, we're experienced in remote research methods including virtual interviews, unmoderated testing, remote usability sessions, and online surveys. We use secure platforms and ensure participants are comfortable with remote testing protocols."
    }
  ]
};

export function HireUserResearchTestingDevelopers() {
  return (
    <div className="dark min-h-screen bg-background">
      {/* <Navigation /> */}
      
      {/* Hero Section with DeveloperSkillsVector */}
      <HireTalentHeroBanner
        vectorComponent={DeveloperSkillsVector}
        category={hireUserResearchTestingDevelopersData.heroBanner.category}
        title={hireUserResearchTestingDevelopersData.heroBanner.title}
        description={hireUserResearchTestingDevelopersData.heroBanner.description}
        primaryCTA={hireUserResearchTestingDevelopersData.heroBanner.primaryCTA}
        secondaryCTA={hireUserResearchTestingDevelopersData.heroBanner.secondaryCTA}
      />

      {/* Success Metrics */}
      {/* <section>
        <AppSuccessMetrics metrics={hireUserResearchTestingDevelopersData.metrics} />
      </section> */}

      {/* Development Process */}
      <section>
        <StepsIllustrated 
          title={hireUserResearchTestingDevelopersData.process.title}
          subtitle={hireUserResearchTestingDevelopersData.process.subtitle}
          steps={hireUserResearchTestingDevelopersData.process.steps}
        />
      </section>

      {/* Client Testimonials */}
      <section>
        <CarouselTestimonials />
      </section>

      {/* FAQ Section */}
      <section>
        <FAQSection 
          title="User Research & Testing FAQs"
          subtitle="Everything you need to know about hiring user research & testing developers"
          faqs={hireUserResearchTestingDevelopersData.faqs}
        />
      </section>

      {/* Resources */}
      <section>
        <ResourceCards />
      </section>

      {/* Call to Action */}
      <section>
        <SplitCallToAction />
      </section>

      {/* <Footer /> */}
    </div>
  );
}