import { Link } from "react-router-dom";

 
export default function ServiceHomeOne() {
  return (
     <section className="mtservice__area pt-120 pb-110 p-relative black-bg-2" id="mtservice__onepage">
         <div className="container">
            <div className="mt-section-content mb-50 text-center">
               <h2 className="mt-section-title mtwhite">Modern architecture <br />
                  services.</h2>
            </div>
            <div className="row">
               <div className="col-lg-4">
                  <div className="mtservice mtservice__bg mtservice__border mb-24 wow img-custom-anim-top"
                     data-wow-duration="1.5s" data-wow-delay="0.2s">
                     <div className="mtservice__icon mb-30">
                        <span>
                           <i className="fa-light fa-pen-paintbrush"></i>
                        </span>
                     </div>
                     <div className="mtservice__content">
                        <h3 className="mtservice__title mb-28"><Link to="/service-details">Concept Design</Link></h3>
                        <p className="mb-28">We believe that every project is an
                           opportunity to go beyond</p>
                        <div className="mtservice__btn">
                           <Link to="/service-details">Read More</Link>
                        </div>
                     </div>
                  </div>
               </div>
               <div className="col-lg-4">
                  <div className="mtservice mtservice__bg mtservice__border mb-24 wow img-custom-anim-top"
                     data-wow-duration="1.5s" data-wow-delay="0.4s">
                     <div className="mtservice__icon mb-30">
                        <span>
                           <i className="fa-light fa-floppy-disk-pen"></i>
                        </span>
                     </div>
                     <div className="mtservice__content">
                        <h3 className="mtservice__title mb-28"><Link to="/service-details">Landscape Planning</Link></h3>
                        <p className="mb-28">We believe that every project is an
                           opportunity to go beyond</p>
                        <div className="mtservice__btn">
                           <Link to="/service-details">Read More</Link>
                        </div>
                     </div>
                  </div>
               </div>
               <div className="col-lg-4">
                  <div className="mtservice mtservice__bg mtservice__border mb-24 wow img-custom-anim-top"
                     data-wow-duration="1.5s" data-wow-delay="0.6s">
                     <div className="mtservice__icon mb-30">
                        <span>
                           <i className="fa-light fa-users"></i>
                        </span>
                     </div>
                     <div className="mtservice__content">
                        <h3 className="mtservice__title mb-28"><Link to="/service-details">Smart Building</Link></h3>
                        <p className="mb-28">We believe that every project is an
                           opportunity to go beyond</p>
                        <div className="mtservice__btn">
                           <Link to="/service-details">Read More</Link>
                        </div>
                     </div>
                  </div>
               </div>
               <div className="col-lg-4">
                  <div className="mtservice mtservice__bg mtservice__border mb-24 wow img-custom-anim-top"
                     data-wow-duration="1.5s" data-wow-delay="0.4s">
                     <div className="mtservice__icon mb-30">
                        <span><i className="fa-light fa-hammer-crash"></i></span>
                     </div>
                     <div className="mtservice__content">
                        <h3 className="mtservice__title mb-28"><Link to="/service-details">Luxury Design</Link></h3>
                        <p className="mb-28">We believe that every project is an
                           opportunity to go beyond</p>
                        <div className="mtservice__btn">
                           <Link to="/service-details">Read More</Link>
                        </div>
                     </div>
                  </div>
               </div>
               <div className="col-lg-4">
                  <div className="mtservice mtservice__bg mtservice__border mb-24 wow img-custom-anim-top"
                     data-wow-duration="1.5s" data-wow-delay="0.6s">
                     <div className="mtservice__icon mb-30">
                        <span><i className="fa-light fa-paint-roller"></i></span>
                     </div>
                     <div className="mtservice__content">
                        <h3 className="mtservice__title mb-28"><Link to="/service-details">Renovation</Link></h3>
                        <p className="mb-28">We believe that every project is an
                           opportunity to go beyond</p>
                        <div className="mtservice__btn">
                           <Link to="/service-details">Read More</Link>
                        </div>
                     </div>
                  </div>
               </div>
               <div className="col-lg-4">
                  <div className="mtservice mtservice__bg mtservice__border mb-24 wow img-custom-anim-top"
                     data-wow-duration="1.5s" data-wow-delay="0.8s">
                     <div className="mtservice__icon mb-30">
                        <span><i className="fa-light fa-pen-to-square"></i></span>
                     </div>
                     <div className="mtservice__content">
                        <h3 className="mtservice__title mb-28"><Link to="/service-details">Exterior Design</Link></h3>
                        <p className="mb-28">We believe that every project is an
                           opportunity to go beyond</p>
                        <div className="mtservice__btn">
                           <Link to="/service-details">Read More</Link>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
  )
}
