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 { TeamCollaborationVector } from "../components/vectors/TeamCollaborationVector";
import { Lightbulb, Users, Code, CheckCircle, Star, Award, Clock, TrendingUp } from "lucide-react";

const hireDesignThinkingWorkshopsDevelopersData = {
  heroBanner: {
    category: "Hire Expert Facilitators",
    title: "Hire Design Thinking Workshops Developers",
    description: "Transform your innovation process with expert-led design thinking workshops that unlock creative solutions, align stakeholders, and accelerate product development through human-centered design methodologies.",
    primaryCTA: {
      text: "Hire Workshop Facilitators",
      href: "/contact-us",
      icon: Lightbulb
    },
    secondaryCTA: {
      text: "View Facilitator Profiles",
      href: "/hire-talent",
      icon: Users
    }
  },
  
  // Design Thinking Workshops specific metrics
  metrics: [
    {
      value: "150+",
      label: "Workshops Facilitated",
      description: "Successful innovation sessions"
    },
    {
      value: "95%",
      label: "Participant Satisfaction",
      description: "Engaging workshop experience"
    },
    {
      value: "70%",
      label: "Solution Implementation",
      description: "Ideas brought to market"
    },
    {
      value: "500+",
      label: "Stakeholders Aligned",
      description: "Cross-functional collaboration"
    }
  ],

  // Design Thinking Workshops development process
  process: {
    title: "Our Design Thinking Workshop Process",
    subtitle: "From problem identification to actionable solutions",
    steps: [
      {
        number: "01",
        title: "Workshop Planning & Stakeholder Alignment",
        description: "Define workshop objectives, identify key participants, and create a customized agenda that addresses your specific challenges and goals.",
        icon: <Lightbulb className="w-8 h-8" />,
        details: [
          "Challenge definition and objective setting",
          "Stakeholder identification and preparation",
          "Custom workshop agenda and methodology design",
          "Pre-workshop research and materials preparation"
        ]
      },
      {
        number: "02", 
        title: "Empathize & Define Phase",
        description: "Guide participants through user empathy exercises and problem definition to ensure solutions are human-centered and address real needs.",
        icon: <Code className="w-8 h-8" />,
        details: [
          "User persona development and empathy mapping",
          "Problem statement refinement and prioritization",
          "Stakeholder journey mapping and pain point identification",
          "Design challenge framing and opportunity areas"
        ]
      },
      {
        number: "03",
        title: "Ideate & Prototype Phase",
        description: "Facilitate creative ideation sessions and rapid prototyping to generate innovative solutions and test concepts quickly.",
        icon: <CheckCircle className="w-8 h-8" />,
        details: [
          "Brainstorming and idea generation techniques",
          "Solution prioritization and concept selection",
          "Rapid prototyping and concept visualization",
          "Cross-functional collaboration and alignment"
        ]
      },
      {
        number: "04",
        title: "Test & Implementation Planning",
        description: "Validate solutions through testing methods and create actionable implementation roadmaps with clear next steps and ownership.",
        icon: <TrendingUp className="w-8 h-8" />,
        details: [
          "Solution testing and validation methods",
          "Implementation roadmap and timeline creation",
          "Resource planning and team assignment",
          "Follow-up strategy and success metrics definition"
        ]
      }
    ]
  },

  // Design Thinking Workshops focused FAQs
  faqs: [
    {
      question: "What types of design thinking workshops do you facilitate?",
      answer: "We facilitate various workshops including product innovation sessions, service design workshops, customer journey mapping, digital transformation planning, team alignment sessions, problem-solving workshops, and strategic planning using design thinking methodologies."
    },
    {
      question: "How do you customize workshops for different industries and challenges?",
      answer: "We tailor workshops based on industry context, company culture, specific challenges, and participant backgrounds. Our facilitators adapt methodologies, tools, and case studies to ensure relevance and maximum impact for your unique situation."
    },
    {
      question: "What is the typical duration and format of design thinking workshops?",
      answer: "Workshops range from half-day intensive sessions (4 hours) to multi-day programs (2-5 days). We offer in-person, virtual, and hybrid formats depending on your team's needs, with follow-up sessions for implementation support."
    },
    {
      question: "Who should participate in design thinking workshops?",
      answer: "Ideal participants include cross-functional team members, stakeholders, decision-makers, and end-users. We recommend 6-12 participants for optimal collaboration, including representatives from product, design, engineering, marketing, and business teams."
    },
    {
      question: "What outcomes can we expect from design thinking workshops?",
      answer: "Expected outcomes include validated problem statements, prioritized solution concepts, actionable prototypes, implementation roadmaps, aligned stakeholder vision, enhanced team collaboration skills, and a human-centered approach to innovation."
    },
    {
      question: "How do you ensure workshop insights translate to real business results?",
      answer: "We provide detailed documentation, implementation guides, success metrics definition, and follow-up coaching sessions. Our approach includes stakeholder commitment planning and regular check-ins to ensure solutions progress from workshop to market reality."
    }
  ]
};

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

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

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

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

      {/* FAQ Section */}
      <section>
        <FAQSection 
          title="Design Thinking Workshops FAQs"
          subtitle="Everything you need to know about hiring design thinking workshop facilitators"
          faqs={hireDesignThinkingWorkshopsDevelopersData.faqs}
        />
      </section>

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

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

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