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

export default function MobileFeatureCard() {
    return (
        <section className="feature-section pt_90 pb-0 mobile-only" id="feature">
            <div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-6.png)' }}></div>
            <div className="auto-container">
                <div className="row clearfix">

                    <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                        <div className="feature-block-one">
                            <div className="inner-box">
                                <div className="icon-box">
                                    <img src="/assets/images/home/icons/experienced.webp" alt="Experienced Professionals" />
                                </div>
                                <h3><Link href="/" aria-label="Experienced professionals">Experienced <br /> Professionals</Link></h3>
                                {/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
                            </div>
                        </div>
                    </div>

                    <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                        <div className="feature-block-one">
                            <div className="inner-box">
                                <div className="icon-box">
                                    <img src="/assets/images/home/icons/walk-in.webp" alt="Walk-in Appointments" />
                                </div>
                                <h3><Link href="/" aria-label="Walk in appointments">Walk-in<br /> Appointments</Link></h3>
                                {/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
                            </div>
                        </div>
                    </div>

                    <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                        <div className="feature-block-one">
                            <div className="inner-box">
                                <div className="icon-box">
                                    <img src="/assets/images/home/icons/state.webp" alt="State-of-the-Art Technology" />
                                </div>
                                <h3><Link href="/" aria-label="State of the art technology">State-of-the-Art Technology</Link></h3>
                                {/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
                            </div>
                        </div>
                    </div>

                    <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                        <div className="feature-block-one">
                            <div className="inner-box">
                                <div className="icon-box">
                                    <img src="/assets/images/home/icons/one.webp" alt="One-on-One care" />
                                </div>
                                <h3><Link href="/" aria-label="One-on-One care">One-on-One <br /> Care</Link></h3>
                                {/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
                            </div>
                        </div>
                    </div>

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