rapharehap/components/sections/home/MobileFeatureCard.js
2025-09-12 20:45:12 +05:30

64 lines
3.1 KiB
JavaScript

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="Icon" />
</div>
<h3><Link href="/">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="Icon" />
</div>
<h3><Link href="/">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="Icon" />
</div>
<h3><Link href="/">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="Icon" />
</div>
<h3><Link href="/">One-on-One <br /> Care</Link></h3>
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
</div>
</div>
</div>
</div>
</div>
</section>
);
};