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

export default function Features() {
  return (
    <>
      <section className="feature-style-two centred desktop-only">
        <div className="auto-container">
          <div className="inner-container">
            <div className="row clearfix">

              <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                <div className="feature-block-two">
                  <div className="inner-box">
                    <div className="icon-box">
                      <img src="/assets/images/home/icons/experienced.webp" alt="Icon" />
                    </div>
                    <h3><Link href="/">Experienced <br/> Professionals</Link></h3>
                    {/* <p>Skilled experts deliver trusted professional healthcare with years of proven experience.</p> */}
                  </div>
                </div>
              </div>

              <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                <div className="feature-block-two">
                  <div className="inner-box">
                    <div className="icon-box">
                      <img src="/assets/images/home/icons/walk-in.webp" alt="Icon" />
                    </div>
                    <h3><Link href="/">Walk-in<br/> Appointments</Link></h3>
                    {/* <p>Get quick appointments with hassle-free, convenient scheduling today.</p> */}
                  </div>
                </div>
              </div>

              <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                <div className="feature-block-two">
                  <div className="inner-box">
                    <div className="icon-box">
                      <img src="/assets/images/home/icons/state.webp" alt="Icon" />
                    </div>
                    <h3><Link href="/">State-of-the-Art Technology</Link></h3>
                    {/* <p>Advanced tools ensure accurate results with modern, innovative solutions.</p> */}
                  </div>
                </div>
              </div>

              <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                <div className="feature-block-two">
                  <div className="inner-box">
                    <div className="icon-box">
                      <img src="/assets/images/home/icons/one.webp" alt="Icon" />
                    </div>
                    <h3><Link href="/">One-on-One <br /> Care</Link></h3>
                    {/* <p>Tailored attention provides focused treatments designed for unique needs.</p> */}
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </section>
    </>
  );
}