68 lines
4.0 KiB
JavaScript
68 lines
4.0 KiB
JavaScript
import Counter from "@/components/common/Counter";
|
|
import Image from "next/image";
|
|
import React from "react";
|
|
|
|
export default function Facts10() {
|
|
return (
|
|
<section id="snippet-9" className="wrapper !bg-[#ffffff] ">
|
|
<div className="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
|
|
<div className="flex flex-wrap mx-[-7.5px] !mt-[-50px] xl:!mt-0 lg:!mt-0 items-center">
|
|
<div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] !mt-[50px] xl:!mt-0 lg:!mt-0 max-w-full !mx-auto xl:!order-2 lg:!order-2">
|
|
<figure className="m-0 p-0">
|
|
<Image
|
|
className="w-auto"
|
|
srcSet="/assets/img/illustrations/3d5@2x.png 2x"
|
|
alt="image"
|
|
src="/assets/img/illustrations/3d5.png"
|
|
width="800"
|
|
height="924"
|
|
/>
|
|
</figure>
|
|
</div>
|
|
{/*/column */}
|
|
<div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] !mt-[50px] xl:!mt-0 lg:!mt-0 max-w-full !mr-auto">
|
|
<h2 className="!text-[0.8rem] uppercase !text-[#1fc76f] !mb-3 !leading-[1.35]">
|
|
Our Solutions
|
|
</h2>
|
|
<h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-5 xxl:!pr-5">
|
|
Just sit & relax while we take care of your business needs.
|
|
</h3>
|
|
<p className="!mb-6">
|
|
Cum sociis natoque penatibus et magnis dis parturient montes,
|
|
nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in,
|
|
egestas eget quam. Praesent commodo cursus. Maecenas sed diam eget
|
|
risus varius blandit sit amet non magna. Praesent commodo cursus
|
|
magna.
|
|
</p>
|
|
<div className="flex flex-wrap mx-[-15px] items-center counter-wrapper !mt-[-30px]">
|
|
<div className="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none xl:!text-[2.2rem] !mb-1">
|
|
<Counter max={99} />
|
|
.7%
|
|
</h3>
|
|
<h6 className="!text-[0.85rem] !mb-1">Customer Satisfaction</h6>
|
|
<span className="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 five" />
|
|
</div>
|
|
{/*/column */}
|
|
<div className="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none xl:!text-[2.2rem] !mb-1">
|
|
<Counter max={4} />x
|
|
</h3>
|
|
<h6 className="!text-[0.85rem] !mb-1">New Visitors</h6>
|
|
<span className="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 five" />
|
|
</div>
|
|
{/*/column */}
|
|
</div>
|
|
{/*/.row */}
|
|
</div>
|
|
{/*/column */}
|
|
</div>
|
|
{/*/.row */}
|
|
</div>
|
|
{/* /.container */}
|
|
|
|
{/* /.container */}
|
|
</section>
|
|
);
|
|
}
|