"use client";
  
import React from "react";
import Link from "next/link";
import ServiceDetailSidebar from "../../../Common/ServiceDetailContactSidebar";

const ServiceSidebar: React.FC = () => {
  return (
    <>
      <div className="services-details-info">
        <ul className="services-list">
          <li>
            <Link href="/service/ui-ux-design/web-ui-design/">Web UI Design</Link>
          </li>
          <li>
            <Link href="/service/ui-ux-design/mobile-app-design/">Mobile App Design</Link>
          </li>
          <li>
            <Link href="/service/ui-ux-design/branding-design/">Branding Design</Link>
          </li>
          <li>
            <Link href="/service/ui-ux-design/print-media-design/" className="active">Print Media Design</Link>
          </li>
          <li>
            <Link href="/service/ui-ux-design/psd-to-html/">PSD to HTML</Link>
          </li>
          <li>
            <Link href="/service/ui-ux-design/responsive-design/">Responsive Design</Link>
          </li>
          <li>
            <Link href="/service/ui-ux-design/3d-animation/">3D Animation</Link>
          </li>
        </ul>

        <ServiceDetailSidebar/>
      </div>
    </>
  );
};

export default ServiceSidebar;