Built with ShipFast badge

BuiltWithShipFast.js

const BuiltWithShipFast = () => {
    return (
        <a className="inline-block mt-4 text-sm border border-base-content/20 hover:border-base-content/40 hover:text-base-content/90 hover:bg-base-300 duration-200 cursor-pointer rounded text-base-content/80 px-2 py-1" href="https://shipfa.st/?via=YOUR_AFFILIATE_HERE" target="_blank">
            <div className="flex gap-1 items-center">
                <span>Built with</span>
                <span className="font-bold text-base-content flex gap-0.5 items-center tracking-tight">
                    <img alt="ShipFast logo" fetchPriority="high" width="20" height="20" decoding="async" className="w-5 h-5" style={{
                        color: "transparent"
                    }} src="/shipfast_logo_transparent.webp" />
                    ShipFast
                </span>
            </div>
        </a>
    )
}

export default BuiltWithShipFast;

Download the ShipFast logo shipfast_logo_transparent.webp from the Footer on shipfa.st and paste it on your /public folder