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

const hireiOSAppDevelopersData = {
  heroBanner: {
    category: "Hire Expert Developers",
    title: "Hire iOS App Developers",
    description: "Get access to expert iOS developers specialized in Swift, SwiftUI, and Objective-C. Build premium iOS applications that deliver exceptional user experiences on iPhone and iPad.",
    primaryCTA: {
      text: "Hire iOS Developers",
      href: "/contact-us",
      icon: Smartphone
    },
    secondaryCTA: {
      text: "View Developer Profiles",
      href: "/hire-talent",
      icon: Users
    }
  },
  
  // iOS-specific metrics
  metrics: [
    {
      value: "150+",
      label: "iOS Apps Delivered",
      description: "Successfully launched on App Store"
    },
    {
      value: "4.8/5",
      label: "App Store Rating",
      description: "Average user satisfaction"
    },
    {
      value: "30M+",
      label: "iOS Downloads",
      description: "Across all published apps"
    },
    {
      value: "98%",
      label: "App Store Approval",
      description: "First-time submission success"
    }
  ],

  // iOS development process
  process: {
    title: "Our iOS Development Process",
    subtitle: "From concept to App Store success",
    steps: [
      {
        number: "01",
        title: "iOS Strategy & Architecture",
        description: "Define iOS-specific features, target devices, and architecture for optimal iPhone/iPad performance.",
        icon: <Smartphone className="w-8 h-8" />,
        details: [
          "iOS version compatibility strategy",
          "iPhone vs iPad optimization", 
          "Swift/SwiftUI architecture planning",
          "iOS Human Interface Guidelines compliance"
        ]
      },
      {
        number: "02", 
        title: "Native iOS Design",
        description: "Create pixel-perfect designs following Apple's design principles and iOS interface guidelines.",
        icon: <Code className="w-8 h-8" />,
        details: [
          "iOS design system implementation",
          "Native iOS UI components",
          "iOS accessibility features",
          "Dark mode compatibility"
        ]
      },
      {
        number: "03",
        title: "Swift Development & Testing",
        description: "Build robust iOS applications using Swift and SwiftUI with comprehensive device testing.",
        icon: <CheckCircle className="w-8 h-8" />,
        details: [
          "Swift 5+ development",
          "SwiftUI modern interface",
          "Xcode testing suites",
          "iOS performance optimization"
        ]
      },
      {
        number: "04",
        title: "App Store Launch",
        description: "Handle App Store submission, optimization, and compliance with Apple's review guidelines.",
        icon: <TrendingUp className="w-8 h-8" />,
        details: [
          "App Store Connect setup",
          "iOS App Store Optimization",
          "Apple review compliance", 
          "Post-launch iOS updates"
        ]
      }
    ]
  },

  // iOS-focused FAQs
  faqs: [
    {
      question: "What iOS technologies and frameworks do your developers use?",
      answer: "Our iOS developers are experts in Swift, SwiftUI, UIKit, Core Data, CloudKit, ARKit, and other iOS frameworks. We stay current with the latest iOS versions and Apple's development best practices."
    },
    {
      question: "How do you ensure iOS app performance and battery efficiency?",
      answer: "We follow Apple's performance guidelines, use Instruments for profiling, optimize memory usage, implement efficient data handling, and conduct extensive testing on various iOS devices to ensure smooth performance and battery efficiency."
    },
    {
      question: "Do you handle App Store submission and Apple's review process?",
      answer: "Yes, we manage the complete App Store submission process including metadata optimization, screenshot creation, compliance with Apple's review guidelines, and handling any review feedback to ensure successful app approval."
    },
    {
      question: "Can you integrate iOS apps with Apple ecosystem features?",
      answer: "Absolutely. Our developers are experienced in integrating with Apple services like iCloud, Apple Pay, Siri Shortcuts, HealthKit, HomeKit, and other iOS-specific features to create seamless ecosystem experiences."
    },
    {
      question: "How do you handle iOS app security and data privacy?",
      answer: "We implement iOS security best practices including Keychain services, biometric authentication, App Transport Security, data encryption, and ensure compliance with Apple's privacy requirements and App Tracking Transparency."
    },
    {
      question: "Do you support both iPhone and iPad development?",
      answer: "Yes, our developers create universal iOS apps that work seamlessly across iPhone and iPad, utilizing adaptive layouts, size classes, and iOS-specific features for optimal user experience on all devices."
    }
  ]
};

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

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

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

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

      {/* FAQ Section */}
      <section>
        <FAQSection 
          title="iOS Development FAQs"
          subtitle="Everything you need to know about hiring iOS app developers"
          faqs={hireiOSAppDevelopersData.faqs}
        />
      </section>

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

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

      <Footer />
    </div>
  );
}