Clients

// import custom components
import LogosTopBrands from 'components/marketing/common/clientlogos/LogosTopBrands';

// import data files
import BrandLogoList from 'data/marketing/clientlogos/BrandLogoList';

export const Clients1Example = () => {
    return (
        <section className='p-4 bg-light'>
            <LogosTopBrands
                title="Learn from founders/operators of top brands."
                logos={BrandLogoList} />
        </section>
    )
}

// import node module libraries
import { Card } from 'react-bootstrap';

// import custom components
import LogosTopHeading2 from 'components/marketing/common/clientlogos/LogosTopHeading2';

// import data files
import LogoList1 from 'data/marketing/clientlogos/LogoList1';

export const Clients2Example = () => {
    return (
        <section className='p-4 bg-light'>
            <Card>
                <LogosTopHeading2
                    title="Loved by over 5 million users from companies like"
                    logos={LogoList1}
                />
            </Card>
        </section>
    )
}

// import node module libraries
import { Card } from 'react-bootstrap';

// import custom components
import LogosTopHeadingInverseDark from 'components/marketing/common/clientlogos/LogosTopHeadingInverseDark';

// import data files
import LogoList2 from 'data/marketing/clientlogos/LogoList2';

export const Clients3Example = () => {
    return (
        <section className='p-4 bg-light'>
            <Card className='pb-10'>
                <LogosTopHeadingInverseDark
                    title="TRUSTED BY MILLIONS OF DEVELOPERS & THOUSANDS OF ENTERPRISE TEAMS"
                    logos={LogoList2}
                    limit={5}
                    inverse={false}
                />
            </Card>
        </section>
    )
}

// import custom components
import LogosTopHeading from "components/marketing/common/clientlogos/LogosTopHeading";

// import data files
import LogoList2 from "data/marketing/clientlogos/LogoList2";

export const Clients4Example = () => {
    return (
        <section className='p-4 bg-light'>
            <LogosTopHeading title="Featured In" logos={LogoList2} />
        </section>
    )
}

// import node module libraries
import { Card } from 'react-bootstrap';

// import custom components
import LogosTopHeading3 from 'components/marketing/common/clientlogos/LogosTopHeading3';

// import data files
import LogoList1 from 'data/marketing/clientlogos/LogoList1';

export const Clients5Example = () => {
    return (
        <section className='p-4 bg-light'>
            <Card>
                <LogosTopHeading3
                    title="TRUSTED BY OVER 12,500 GREAT TEAMS"
                    logos={LogoList1}
                    limit={5}
                />
            </Card>
        </section>
    )
}

// import custom components
import LogosTopHeadingOffset from "components/marketing/common/clientlogos/LogosTopHeadingOffset";

// import data files
import LogoList2 from "data/marketing/clientlogos/LogoList2";

export const Clients6Example = () => {
    return (
        <section className='p-4 bg-light'>
            <LogosTopHeadingOffset limit={4} offset={2} logos={LogoList2} />
        </section>
    )
}

// import custom components
import LogosTopHeadingOffset2 from 'components/marketing/common/clientlogos/LogosTopHeadingOffset2';

// import data files
import LogoList2 from 'data/marketing/clientlogos/LogoList2';

export const Clients7Example = () => {
    return (
        <section className='p-4 bg-light'>
            <LogosTopHeadingOffset2 limit={5} offset={1} logos={LogoList2} />
        </section>
    )
}