import Link from "next/link";

export default function Sidebar() {
  return (
    <div className="col-lg-4 col-12">
      <div className="main-sideber">
        {/* Search Widget */}
        <div className="news-sideber-box">
          <div className="search-widget">
            <form action="#">
              <input type="text" placeholder="Search Blog" />
              <button type="submit">
                <i className="fa-solid fa-magnifying-glass"></i>
              </button>
            </form>
          </div>
        </div>
        {/* Categories */}
        <div className="news-sideber-box">
          <div className="wid-title">
            <h3>Categories</h3>
          </div>
          <div className="news-widget-categories">
            <ul>
              <li><Link href="/news-details"><i className="fa-solid fa-chevrons-right"></i> Permanent Residency (PR)</Link><span>(04)</span></li>
              <li><Link href="/news-details"><i className="fa-solid fa-chevrons-right"></i> Immigration Policy Updates</Link><span>(09)</span></li>
              <li><Link href="/news-details"><i className="fa-solid fa-chevrons-right"></i> Scholarships & Grants</Link><span>(00)</span></li>
              <li><Link href="/news-details"><i className="fa-solid fa-chevrons-right"></i> Citizenship & Naturalization</Link><span>(04)</span></li>
              <li><Link href="/news-details"><i className="fa-solid fa-chevrons-right"></i> Visa Interview Preparation</Link><span>(01)</span></li>
            </ul>
          </div>
        </div>
        {/* Recent Post */}
        <div className="news-sideber-box">
          <div className="wid-title">
            <h3>Recent Post</h3>
          </div>
          <div className="recent-post-area">
            <div className="recent-items">
              <div className="recent-thumb">
                <img src="/assets/img/inner-page/news-details/post-1.jpg" alt="img" />
              </div>
              <div className="recent-content">
                <h6>
                  <Link href="/news-details">Top Countries for Higher Education in 2025</Link>
                </h6>
                <ul>
                  <li>March 26, 2025</li>
                </ul>
              </div>
            </div>
            <div className="recent-items">
              <div className="recent-thumb">
                <img src="/assets/img/inner-page/news-details/post-2.jpg" alt="img" />
              </div>
              <div className="recent-content">
                <h6>
                  <Link href="/news-details">The Benefits of Hiring a Visa Consultant</Link>
                </h6>
                <ul>
                  <li>March 26, 2025</li>
                </ul>
              </div>
            </div>
            <div className="recent-items">
              <div className="recent-thumb">
                <img src="/assets/img/inner-page/news-details/post-3.jpg" alt="img" />
              </div>
              <div className="recent-content">
                <h6>
                  <Link href="/news-details">How to Prepare for Your Immigration Interview</Link>
                </h6>
                <ul>
                  <li>March 26, 2025</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        {/* Tag Cloud */}
        <div className="news-sideber-box mb-0">
          <div className="wid-title">
            <h3>Tag Cloud</h3>
          </div>
          <div className="news-widget-categories">
            <div className="tagcloud">
              <Link href="/news-details">WorkVisa</Link>
              <Link href="/news-details">FamilyVisa</Link>
              <Link href="/news-details">StudentVisa</Link>
              <Link href="/news-details">VisaUpdates</Link>
              <Link href="/news-details">TravelVisa</Link>
              <Link href="/news-details">StudyAbroad</Link>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}