import React from "react";
import Link from "next/link";

const styles: Record<string, React.CSSProperties> = {
  sectionTitle: {
    marginBottom: "20px",
    color: "#111",
  },

  row: {
    display: "flex",
    flexWrap: "wrap",
    gap: "20px",
  },

  col: {
    flex: "1 1 48%",
    minWidth: "280px",
  },

  card: {
    background: "#fff",
    borderRadius: "16px",
    padding: "25px",
    boxShadow: "0 10px 30px rgba(0,0,0,0.06)",
    transition: "0.3s ease",
    height: "100%",
  },

  cardTitle: {
    marginBottom: "15px",
    color: "#111",
    position: "relative",
    paddingBottom: "10px",
  },

  list: {
    listStyle: "none",
    padding: 0,
    margin: 0,
  },

  listItem: {
    position: "relative",
    paddingLeft: "20px",
    marginBottom: "10px",
    color: "#555",
    lineHeight: 1.6,
  },
};

const BpaServiceDetailsContent = () => {
  return (
    <div className="services-details-area ptb-100">
      <div className="container">
        <div className="row">
          <div className="col-lg-8 col-md-12">
             <img
              alt="image"
              loading="lazy"
              width={750}
              height={450}
              decoding="async"
              className="w-100 mb-5"
              style={{ color: "transparent" }}
              src="/img/services/ai-solutions/ai-chatbot/ai-business-process-automation.jpg"
            />
            <div className="services-details-desc">
              <h2>Business Process Automation</h2>
              <p>Manual, repetitive tasks are costing your business time, money, and human potential. Digi Horizon Technologies helps you eliminate operational bottlenecks by automating end-to-end business processes using AI-driven orchestration and intelligent RPA.</p>
              <p>From invoice processing and HR onboarding to inventory management and compliance reporting — we analyse your workflows and build automation solutions that run reliably, scale effortlessly, and integrate with your existing tools.</p>
              <h3>Processes We Automate</h3>
              <div className="row">
                <div className="col-lg-6 col-md-6 col-sm-6">
                  <div className="single-industries-serve-box" style={{ height: 'auto' }}>
                    <div className="icon"><i className="flaticon-money"></i></div>
                    <h3>Finance & Invoice Processing</h3>
                    <p>Automate invoice extraction, validation, approval workflows, and accounting entries with zero manual effort.</p>
                  </div>
                </div>
                <div className="col-lg-6 col-md-6 col-sm-6">
                  <div className="single-industries-serve-box" style={{ height: 'auto' }}>
                    <div className="icon"><i className="flaticon-team"></i></div>
                    <h3>HR & Employee Onboarding</h3>
                    <p>Streamline offer letters, document collection, system provisioning, and orientation tasks automatically.</p>
                  </div>
                </div>
                <div className="col-lg-6 col-md-6 col-sm-6">
                  <div className="single-industries-serve-box" style={{ height: 'auto' }}>
                    <div className="icon"><i className="flaticon-shopping-cart"></i></div>
                    <h3>Order & Inventory Management</h3>
                    <p>Auto-process orders, update stock levels, trigger reorders, and sync data across platforms in real time.</p>
                  </div>
                </div>
                <div className="col-lg-6 col-md-6 col-sm-6">
                  <div className="single-industries-serve-box" style={{ height: 'auto' }}>
                    <div className="icon"><i className="flaticon-stopwatch"></i></div>
                    <h3>Email & Notification Automation</h3>
                    <p>Send triggered emails, alerts, and follow-ups automatically based on business events and customer actions.</p>
                  </div>
                </div>
                <div className="col-lg-6 col-md-6 col-sm-6">
                  <div className="single-industries-serve-box" style={{ height: 'auto' }}>
                    <div className="icon"><i className="flaticon-notebook"></i></div>
                    <h3>Compliance & Reporting</h3>
                    <p>Auto-generate compliance reports, audit logs, and scheduled dashboards directly from your data sources.</p>
                  </div>
                </div>
                <div className="col-lg-6 col-md-6 col-sm-6">
                  <div className="single-industries-serve-box" style={{ height: 'auto' }}>
                    <div className="icon"><i className="flaticon-view"></i></div>
                    <h3>Data Entry & Migration</h3>
                    <p>Eliminate manual data entry by automating extraction, transformation, and loading across systems.</p>
                  </div>
                </div>
              </div>
              <h3 style={styles.sectionTitle}>Technologies We Use</h3>

                <div style={styles.row}>

                  {/* Automation Tools */}
                  <div style={styles.col}>
                    <div style={styles.card}>

                      <h3 style={styles.cardTitle}>Automation Tools</h3>

                      <ul style={styles.list}>
                        <li style={styles.listItem}>Python & FastAPI</li>
                        <li style={styles.listItem}>n8n & Make (Integromat)</li>
                        <li style={styles.listItem}>Zapier & Power Automate</li>
                        <li style={styles.listItem}>UiPath & Automation Anywhere</li>
                        <li style={styles.listItem}>Custom RPA Scripts</li>
                      </ul>

                    </div>
                  </div>

                  {/* Integrations */}
                  <div style={styles.col}>
                    <div style={styles.card}>

                      <h3 style={styles.cardTitle}>Integrations</h3>

                      <ul style={styles.list}>
                        <li style={styles.listItem}>Salesforce, HubSpot, Zoho CRM</li>
                        <li style={styles.listItem}>SAP, Oracle, QuickBooks</li>
                        <li style={styles.listItem}>Shopify, WooCommerce, Magento</li>
                        <li style={styles.listItem}>Google Workspace & Microsoft 365</li>
                        <li style={styles.listItem}>Custom ERP & Internal Systems</li>
                      </ul>

                    </div>
                  </div>

                </div>
            </div>
          </div>
          <div className="col-lg-4 col-md-12">
            <div className="services-details-info">
              <ul className="services-list">
                <li><Link href="/service/ai-solutions-service/ai-chatbots/">AI Chatbots</Link></li>
                <li><Link href="/service/ai-solutions-service/ai-agents/">AI Agents</Link></li>
                <li><Link className="active" href="/service/ai-solutions-service/business-process-automation/">Business Process Automation</Link></li>
                <li><Link href="/service/ai-solutions-service/ai-powered-customer-support/">AI-Powered Customer Support</Link></li>
                <li><Link href="/service/ai-solutions-service/ai-content-generation/">AI Content Generation</Link></li>
              </ul>
              <div className="services-contact-info">
                <h3>Talk to Our AI Experts</h3>
                <ul>
                  <li>
                    <div className="icon"><i className="bx bx-user-pin"></i></div>
                    <span>Phone:</span>
                    <a href="tel:+918000361445">+91 80003 61445</a>
                  </li>
                  <li>
                    <div className="icon"><i className="bx bxs-envelope"></i></div>
                    <span>Email:</span>
                    <a href="mailto:ashvin@digihorizon.in">ashvin@digihorizon.in</a>
                  </li>
                </ul>
              </div>
              <div className="btn-box" style={{ marginTop: '20px' }}>
                <Link href="/request-a-quote/" className="default-btn">Request a Quote <span></span></Link>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default BpaServiceDetailsContent;