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

const ServiceSidebar: React.FC = () => {
  return (
    <>
      <div className="services-details-info">
        <ul className="services-list">
          <li>
            <Link href="/service/cms-ecommerce/" className="active">
              CMS & eCommerce
            </Link>
          </li>
          <li>
            <Link href="#">Web Development Services</Link>
          </li>
          <li>
            <Link href="#">Mobile Apps Development</Link>
          </li>
          <li>
            <Link href="#">Game Development</Link>
          </li>
          <li>
            <Link href="#">UI & UX Design</Link>
          </li>
          <li>
            <Link href="#">Digital Marketing</Link>
          </li>
        </ul>

        <div className="services-contact-info">
          <h3>Contact Info</h3>

          <ul>
            <li>
              <div className="icon">
                <i className="bx bx-user-pin"></i>
              </div>
              <span>Phone:</span>
              <a href="tel:+21453545413" target="_blank">
                +91 8153091948, 8000361445
              </a>
            </li>
            <li>
              <div className="icon">
                <i className="bx bx-map"></i>
              </div>
              <span>Location:</span>
                509, Gala Empire, Opp. TV Tower, Near Drive In Rd, Gurukul, Ahmedabad, Gujarat 380052
            </li>
            <li>
              <div className="icon">
                <i className="bx bx-envelope"></i>
              </div>
              <span>Email:</span>
              <a href="mailto:ashvin@digihorizon.in">ashvin@digihorizon.in</a>
            </li>
          </ul>
        </div>
      </div>
    </>
  );
};

export default ServiceSidebar;