34 lines
1.6 KiB
JavaScript
34 lines
1.6 KiB
JavaScript
import React from "react";
|
|
|
|
export default function Cta2() {
|
|
return (
|
|
<section
|
|
className="wrapper image-wrapper no-overlay bg-image !text-center py-[4.5rem] xl:!py-24 lg:!py-24 md:!py-24 bg-map bg-auto bg-[center_center] bg-no-repeat !bg-scroll relative z-0"
|
|
style={{ backgroundImage: "url(/assets/img/map.png)" }}
|
|
>
|
|
<div className="container py-0 xl:!py-28 lg:!py-28 md:!py-28">
|
|
<div className="flex flex-wrap mx-[-15px]">
|
|
<div className="lg:w-6/12 xl:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
|
<h2 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-3 !text-center">
|
|
Join Our Community
|
|
</h2>
|
|
<p className="lead text-[0.9rem] font-medium !leading-[1.65] !mb-5 xl:!px-3 lg:!px-3 md:!px-24">
|
|
We are trusted by over 5000+ clients. Join them by using our
|
|
services and grow your business.
|
|
</p>
|
|
<a
|
|
href="#"
|
|
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
|
|
>
|
|
Join Us
|
|
</a>
|
|
</div>
|
|
{/* /column */}
|
|
</div>
|
|
{/* /.row */}
|
|
</div>
|
|
{/* /.container */}
|
|
</section>
|
|
);
|
|
}
|