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

const hireSystemArchitectureDevOpsDevelopersData = {
  heroBanner: {
    category: "Hire Expert Developers",
    title: "Hire System Architecture & DevOps Developers",
    description: "Build robust, scalable infrastructure and streamline development workflows with expert system architects and DevOps engineers. Optimize deployment pipelines, cloud infrastructure, and system reliability.",
    primaryCTA: {
      text: "Hire DevOps Experts",
      href: "/contact-us",
      icon: Server
    },
    secondaryCTA: {
      text: "View Developer Profiles",
      href: "/hire-talent",
      icon: Users
    }
  },
  
  // System Architecture & DevOps specific metrics
  metrics: [
    {
      value: "200+",
      label: "Infrastructure Projects",
      description: "Cloud and on-premise setups"
    },
    {
      value: "99.99%",
      label: "System Uptime",
      description: "High-availability architecture"
    },
    {
      value: "80%",
      label: "Deployment Speed",
      description: "Faster release cycles"
    },
    {
      value: "24/7",
      label: "Monitoring Coverage",
      description: "Continuous system monitoring"
    }
  ],

  // System Architecture & DevOps development process
  process: {
    title: "Our System Architecture & DevOps Process",
    subtitle: "From infrastructure design to automated deployment",
    steps: [
      {
        number: "01",
        title: "Architecture Assessment & Design",
        description: "Analyze current infrastructure and design scalable, resilient system architecture tailored to your requirements.",
        icon: <Server className="w-8 h-8" />,
        details: [
          "Current infrastructure assessment and audit",
          "Scalable architecture design and planning",
          "Technology stack evaluation and selection",
          "Security and compliance architecture integration"
        ]
      },
      {
        number: "02", 
        title: "DevOps Pipeline Implementation",
        description: "Build automated CI/CD pipelines, infrastructure as code, and deployment automation for faster, reliable releases.",
        icon: <Code className="w-8 h-8" />,
        details: [
          "CI/CD pipeline setup and automation",
          "Infrastructure as Code (IaC) implementation",
          "Container orchestration and management",
          "Automated testing and quality gates"
        ]
      },
      {
        number: "03",
        title: "Cloud Migration & Optimization",
        description: "Migrate to cloud platforms and optimize infrastructure for performance, cost-efficiency, and scalability.",
        icon: <CheckCircle className="w-8 h-8" />,
        details: [
          "Cloud platform migration and setup",
          "Auto-scaling and load balancing configuration",
          "Cost optimization and resource management",
          "Disaster recovery and backup strategies"
        ]
      },
      {
        number: "04",
        title: "Monitoring & Maintenance",
        description: "Implement comprehensive monitoring, alerting, and ongoing optimization for optimal system performance.",
        icon: <TrendingUp className="w-8 h-8" />,
        details: [
          "Real-time monitoring and alerting setup",
          "Performance optimization and tuning",
          "Security monitoring and incident response",
          "Continuous improvement and system updates"
        ]
      }
    ]
  },

  // System Architecture & DevOps focused FAQs
  faqs: [
    {
      question: "What cloud platforms and DevOps tools do your developers work with?",
      answer: "Our developers are certified in AWS, Azure, Google Cloud, and work with tools like Docker, Kubernetes, Jenkins, GitLab CI/CD, Terraform, Ansible, Prometheus, Grafana, ELK Stack, and many other modern DevOps technologies."
    },
    {
      question: "How do you ensure system security and compliance in DevOps pipelines?",
      answer: "We implement security best practices including automated security scanning, secrets management, infrastructure compliance checks, vulnerability assessments, and DevSecOps practices to ensure secure development and deployment processes."
    },
    {
      question: "Can you help migrate our legacy infrastructure to the cloud?",
      answer: "Yes, we specialize in cloud migration strategies including lift-and-shift, re-platforming, and cloud-native transformations. We ensure minimal downtime and optimize your infrastructure for cloud-native benefits."
    },
    {
      question: "How do you implement Infrastructure as Code (IaC)?",
      answer: "We use tools like Terraform, CloudFormation, ARM templates, and Pulumi to define infrastructure as code, enabling version control, automated provisioning, consistent environments, and easier disaster recovery."
    },
    {
      question: "What monitoring and logging solutions do you implement?",
      answer: "We implement comprehensive monitoring using tools like Prometheus, Grafana, DataDog, New Relic, ELK Stack (Elasticsearch, Logstash, Kibana), and cloud-native monitoring solutions for real-time visibility and alerting."
    },
    {
      question: "How do you optimize system performance and reduce costs?",
      answer: "We implement auto-scaling, right-sizing resources, cost monitoring, performance optimization, caching strategies, and regular infrastructure audits to ensure optimal performance while minimizing operational costs."
    }
  ]
};

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

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

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

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

      {/* FAQ Section */}
      <section>
        <FAQSection 
          title="System Architecture & DevOps FAQs"
          subtitle="Everything you need to know about hiring system architecture & DevOps developers"
          faqs={hireSystemArchitectureDevOpsDevelopersData.faqs}
        />
      </section>

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

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

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