Clients

import { LogosTopBrands } from 'widgets';
import BrandLogoList from 'data/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 { Card } from 'react-bootstrap';
import { LogosTopHeading2 } from 'widgets';
import LogoList1 from 'data/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 { Card } from 'react-bootstrap';
import { LogosTopHeadingInverseDark } from 'widgets';
import LogoList2 from 'data/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 { LogosTopHeading } from 'widgets';
import LogoList2 from 'data/clientlogos/LogoList2';

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

import { Card } from 'react-bootstrap';
import { LogosTopHeading3 } from 'widgets';
import LogoList1 from 'data/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 { LogosTopHeadingOffset } from 'widgets';
import LogoList2 from 'data/clientlogos/LogoList2';

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

import { LogosTopHeadingOffset2 } from 'widgets';
import LogoList2 from 'data/clientlogos/LogoList2';

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