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 hireAndroidAppDevelopersData = {
  heroBanner: {
    category: "Hire Expert Developers",
    title: "Hire Android App Developers",
    description: "Get access to skilled Android developers specialized in Kotlin, Java, and Android SDK. Build powerful Android applications that reach billions of users worldwide.",
    primaryCTA: {
      text: "Hire Android Developers",
      href: "/contact-us",
      icon: Smartphone
    },
    secondaryCTA: {
      text: "View Developer Profiles",
      href: "/hire-talent",
      icon: Users
    }
  },
  
  // Android-specific metrics
  metrics: [
    {
      value: "180+",
      label: "Android Apps Delivered",
      description: "Successfully launched on Google Play"
    },
    {
      value: "4.7/5",
      label: "Play Store Rating",
      description: "Average user satisfaction"
    },
    {
      value: "45M+",
      label: "Android Downloads",
      description: "Across all published apps"
    },
    {
      value: "96%",
      label: "Play Store Approval",
      description: "First-time submission success"
    }
  ],

  // Android development process
  process: {
    title: "Our Android Development Process",
    subtitle: "From concept to Google Play success",
    steps: [
      {
        number: "01",
        title: "Android Strategy & Architecture",
        description: "Define Android-specific features, target devices, and architecture for optimal performance across Android ecosystem.",
        icon: <Smartphone className="w-8 h-8" />,
        details: [
          "Android version compatibility analysis",
          "Device fragmentation strategy", 
          "Kotlin/Java architecture planning",
          "Material Design implementation"
        ]
      },
      {
        number: "02", 
        title: "Material Design Implementation",
        description: "Create beautiful, intuitive designs following Google's Material Design principles and Android guidelines.",
        icon: <Code className="w-8 h-8" />,
        details: [
          "Material Design 3 components",
          "Android adaptive layouts",
          "Accessibility features",
          "Dark theme support"
        ]
      },
      {
        number: "03",
        title: "Kotlin Development & Testing",
        description: "Build robust Android applications using Kotlin and modern Android development tools with comprehensive testing.",
        icon: <CheckCircle className="w-8 h-8" />,
        details: [
          "Kotlin modern development",
          "Android Jetpack libraries",
          "Android Studio testing",
          "Performance optimization"
        ]
      },
      {
        number: "04",
        title: "Google Play Launch",
        description: "Handle Google Play Store submission, optimization, and compliance with Google's policies.",
        icon: <TrendingUp className="w-8 h-8" />,
        details: [
          "Google Play Console setup",
          "Android App Bundle optimization",
          "Google Play policies compliance", 
          "Post-launch Android updates"
        ]
      }
    ]
  },

  // Android-focused FAQs
  faqs: [
    {
      question: "What Android technologies and frameworks do your developers use?",
      answer: "Our Android developers are experts in Kotlin, Java, Android SDK, Jetpack Compose, Room Database, Retrofit, and other modern Android frameworks. We follow Google's recommended architecture patterns like MVVM and Clean Architecture."
    },
    {
      question: "How do you handle Android device fragmentation?",
      answer: "We use responsive design principles, test across various screen sizes and Android versions, implement adaptive layouts, and follow Android's compatibility guidelines to ensure consistent performance across different devices."
    },
    {
      question: "Do you handle Google Play Store submission and optimization?",
      answer: "Yes, we manage the complete Google Play Store submission process including app bundle optimization, store listing creation, compliance with Google's policies, and handling any review feedback for successful app approval."
    },
    {
      question: "Can you integrate Android apps with Google services?",
      answer: "Absolutely. Our developers are experienced in integrating with Google services like Firebase, Google Maps, Google Pay, Google Assistant, Google Drive, and other Google APIs to enhance app functionality."
    },
    {
      question: "How do you ensure Android app security and performance?",
      answer: "We implement Android security best practices including ProGuard/R8 code obfuscation, secure networking, encrypted storage, biometric authentication, and optimize for battery life and memory usage across different Android devices."
    },
    {
      question: "Do you support Android TV, Wear OS, and other Android platforms?",
      answer: "Yes, our developers have experience with various Android platforms including Android TV, Wear OS, Android Auto, and Android Things, creating comprehensive solutions across the Android ecosystem."
    }
  ]
};

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

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

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

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

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

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

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

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