import Link from "next/link"
export default function Integrations1_10() {
    return (
        <>
            <section id="integrations-1" className="py-100 integrations-section">
                <div className="container">
                    {/* SECTION TITLE */}
                    <div className="row justify-content-center">
                        <div className="col-md-8">
                            <div className="section-title mb-70">
                                {/* Title */}
                                <h2 className="s-50 w-700">Automate your workflow with our integrations</h2>
                                {/* Text */}
                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
                            </div>
                        </div>
                    </div>
                    {/* INTEGRATIONS-1 WRAPPER */}
                    <div className="integrations-1-wrapper">
                        <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
                            {/* TOOL #1 */}
                            <div className="col">
                                <Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
                                    {/* Icon */}
                                    <div className="in_tool-logo-wrap">
                                        <div className="in_tool-logo ico-60">
                                            <img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
                                        </div>
                                    </div>
                                    {/* Text */}
                                    <div className="in_tool-txt">
                                        <h6 className="s-20 w-700">Zapier</h6>
                                        <p className="p-sm">Share findings</p>
                                    </div>
                                </Link>
                            </div>	{/* END FEATURE BOX #1 */}
                            {/* TOOL #2 */}
                            <div className="col">
                                <Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
                                    {/* Icon */}
                                    <div className="in_tool-logo-wrap">
                                        <div className="in_tool-logo ico-60">
                                            <img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
                                        </div>
                                    </div>
                                    {/* Text */}
                                    <div className="in_tool-txt">
                                        <h6 className="s-20 w-700">Google Analytics</h6>
                                        <p className="p-sm">Share findings</p>
                                    </div>
                                </Link>
                            </div>	{/* END FEATURE BOX #2 */}
                            {/* TOOL #3 */}
                            <div className="col">
                                <Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
                                    {/* Icon */}
                                    <div className="in_tool-logo-wrap">
                                        <div className="in_tool-logo ico-60">
                                            <img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
                                        </div>
                                    </div>
                                    {/* Text */}
                                    <div className="in_tool-txt">
                                        <h6 className="s-20 w-700">Amplitude</h6>
                                        <p className="p-sm">Share findings</p>
                                    </div>
                                </Link>
                            </div>	{/* END FEATURE BOX #3 */}
                            {/* TOOL #4 */}
                            <div className="col">
                                <Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
                                    {/* Icon */}
                                    <div className="in_tool-logo-wrap">
                                        <div className="in_tool-logo ico-60">
                                            <img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
                                        </div>
                                    </div>
                                    {/* Text */}
                                    <div className="in_tool-txt">
                                        <h6 className="s-20 w-700">Hubspot</h6>
                                        <p className="p-sm">Share findings</p>
                                    </div>
                                </Link>
                            </div>	{/* END FEATURE BOX #4 */}
                            {/* TOOL #5 */}
                            <div className="col">
                                <Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
                                    {/* Icon */}
                                    <div className="in_tool-logo-wrap">
                                        <div className="in_tool-logo ico-60">
                                            <img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
                                        </div>
                                    </div>
                                    {/* Text */}
                                    <div className="in_tool-txt">
                                        <h6 className="s-20 w-700">MailChimp</h6>
                                        <p className="p-sm">Import data</p>
                                    </div>
                                </Link>
                            </div>	{/* END FEATURE BOX #5 */}
                            {/* TOOL #6 */}
                            <div className="col">
                                <Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
                                    {/* Icon */}
                                    <div className="in_tool-logo-wrap">
                                        <div className="in_tool-logo ico-60">
                                            <img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
                                        </div>
                                    </div>
                                    {/* Text */}
                                    <div className="in_tool-txt">
                                        <h6 className="s-20 w-700">Slack</h6>
                                        <p className="p-sm">Share findings</p>
                                    </div>
                                </Link>
                            </div>	{/* END FEATURE BOX #6 */}
                            {/* TOOL #7 */}
                            <div className="col">
                                <Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
                                    {/* Icon */}
                                    <div className="in_tool-logo-wrap">
                                        <div className="in_tool-logo ico-60">
                                            <img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
                                        </div>
                                    </div>
                                    {/* Text */}
                                    <div className="in_tool-txt">
                                        <h6 className="s-20 w-700">Dropbox</h6>
                                        <p className="p-sm">Import data</p>
                                    </div>
                                </Link>
                            </div>	{/* END FEATURE BOX #7 */}
                            {/* TOOL #8 */}
                            <div className="col">
                                <Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
                                    {/* Icon */}
                                    <div className="in_tool-logo-wrap">
                                        <div className="in_tool-logo ico-60">
                                            <img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
                                        </div>
                                    </div>
                                    {/* Text */}
                                    <div className="in_tool-txt">
                                        <h6 className="s-20 w-700">Trello</h6>
                                        <p className="p-sm">Share findings</p>
                                    </div>
                                </Link>
                            </div>	{/* END FEATURE BOX #8 */}
                            {/* TOOL #9 */}
                            <div className="col">
                                <Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
                                    {/* Icon */}
                                    <div className="in_tool-logo-wrap">
                                        <div className="in_tool-logo ico-60">
                                            <img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
                                        </div>
                                    </div>
                                    {/* Text */}
                                    <div className="in_tool-txt">
                                        <h6 className="s-20 w-700">Google Drive</h6>
                                        <p className="p-sm">Import data</p>
                                    </div>
                                </Link>
                            </div>	{/* END FEATURE BOX #9 */}
                        </div>
                    </div>	{/* END INTEGRATIONS-1 WRAPPER */}
                    {/* MORE BUTTON */}
                    <div className="row">
                        <div className="col">
                            <div className="more-btn text-center mt-60 wow fadeInUp">
                                <Link href="/integrations" className="btn btn--tra-black hover--theme">View all integrations</Link>
                            </div>
                        </div>
                    </div>
                </div>     {/* End container */}
            </section>
        </>
    )
}