47 lines
2.3 KiB
JavaScript
47 lines
2.3 KiB
JavaScript
import { servicesList } from "@/utils/Services.utils"
|
|
import Link from "next/link"
|
|
|
|
|
|
export default function MobileServices() {
|
|
return (
|
|
<>
|
|
<section className="feature-section sec-pad bg-color-1">
|
|
<div className="auto-container">
|
|
<div className="sec-title mb_50 centred">
|
|
<span className="sub-title">Our Services</span>
|
|
<h2>We Offer For You Medical & <br />Saving Lives</h2>
|
|
</div>
|
|
<div className="row clearfix">
|
|
{
|
|
servicesList?.slice(0, 8)?.map((service, index) => {
|
|
return (
|
|
<div className="col-lg-3 col-md-6 col-6 feature-block" key={index}>
|
|
<div className="feature-block-one">
|
|
<div className="inner-box text-center">
|
|
<div className="icon-box"><i className="icon-9"></i></div>
|
|
<h3><Link href="/"> {service?.title?.length > 20
|
|
? service.title.slice(0, 20) + "..."
|
|
: service.title}</Link></h3>
|
|
<div className="btn-box">
|
|
<Link href="index-2" className="theme-btn-2 btn-one"><span>View Services</span></Link>
|
|
</div>
|
|
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
})
|
|
}
|
|
|
|
<div className='col-12 text-center'>
|
|
<div className="btn-box">
|
|
<Link href="index-2" className="theme-btn btn-one"><span>View All Services</span></Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</>
|
|
)
|
|
}
|