'use client'
import React from 'react'
import { cn } from '@/lib/utils'
import { motion } from 'motion/react'
const ContentCard = () => {
    return (
        <div className="w-full h-full flex items-center justify-center p-4">
            <motion.div
                initial={{ opacity: 0, scale: 0.95, filter: "blur(10px)" }}
                animate={{ opacity: 1, scale: 1, filter: "blur(0px)" }}
                transition={{ duration: 0.5, ease: "easeInOut" }}
                className={cn(`w-90 min-h-[30rem] h-[30rem] rounded-lg flex flex-col`,
                    "shadow-[0_1px_1px_rgba(0,0,0,0.05),0_4px_6px_rgba(34,42,53,0.04),0_24px_68px_rgba(47,48,55,0.05),0_2px_3px_rgba(0,0,0,0.04)]",
                    "p-6 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700"
                )}>
                <h2 className="text-md font-bold">Connect your favorite tools</h2>
                <p className="text-sm text-neutral-500 mt-2">Browse and integrate the apps your team already uses, all from one place.</p>

                <div className="flex itemd-center justify-center">
                    <button className={cn("flex items-center gap-2 mt-4 px-4 py-2 rounded-md text-xs font-semibold border border-t-neutral-100 dark:border-neutral-800 dark:border-t-neutral-600 dark:border-b-neutral-900",
                        "shadow-[0_1px_1px_rgba(0,0,0,0.05),0_4px_6px_rgba(34,42,53,0.04),0_24px_68px_rgba(47,48,55,0.05),0_2px_3px_rgba(0,0,0,0.04)]",

                    )}>
                        <Logo />
                        Lumin
                    </button>
                </div>


                <div className={cn("bg-gray-100 dark:bg-neutral-800 flex-1 mt-4 rounded-lg border border-neutral-200 dark:border-dashed dark:border-neutral-700 relative",
                    "shadow-[0_1px_1px_rgba(0,0,0,0.05),0_4px_6px_rgba(34,42,53,0.04),0_24px_68px_rgba(47,48,55,0.05),0_2px_3px_rgba(0,0,0,0.04)]"
                )}>
                    <motion.div
                        initial={{ opacity: 0, scale: 0.95, filter: "blur(10px)" }}
                        whileHover={{ scale: 1.02, filter: "blur(0px)", opacity: 1 }}
                        transition={{ duration: 0.3, ease: "easeInOut" }}
                        className="absolute inset-0 h-full w-full divide-y divide-neutral-200 dark:divide-neutral-900 flex flex-col bg-white dark:bg-neutral-800 rounded-lg border border-neutral-200 dark:border-neutral-700 ">
                        <div className="px-4 py-3 flex gap-2">
                            <div className={(cn("rounded-md p-1 size-10 flex items-center justify-center bg-white dark:bg-neutral-800",
                                "shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)]"
                            ))}>
                                <Icon1 />
                            </div>
                            <div>
                                <h3 className="text-xs font-semibold">Goil</h3>
                                <p className="text-[0.625rem] text-neutral-500">Transform your business idea into a fully functional app in minutes</p>
                            </div>
                        </div>
                        <div className="px-4 py-3 flex gap-2">
                            <div className={(cn("rounded-md p-1 size-10 flex items-center justify-center",
                                "shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)]"
                            ))}>
                                <Icon2 />
                            </div>
                            <div>
                                <h3 className="text-xs font-semibold">1Password</h3>
                                <p className="text-[0.625rem] text-neutral-500">Protect passwords and secrets, manage app access, and secure AI tools</p>
                            </div>
                        </div>
                        <div className="px-4 py-3 flex gap-2">
                            <div className={(cn("rounded-md p-1 size-10 flex items-center justify-center",
                                "shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)]"
                            ))}>
                                <Icon3 />
                            </div>
                            <div>
                                <h3 className="text-xs font-semibold">Ahrefs</h3>
                                <p className="text-[0.625rem] text-neutral-500">Ahrefs gives you the tools and data to grow your brand's traffic</p>
                            </div>
                        </div>
                        <div className="px-4 py-3 flex gap-2">
                            <div className={(cn("rounded-md p-1 size-10 flex items-center justify-center",
                                "shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)]"
                            ))}>
                                <Icon4 />
                            </div>
                            <div>
                                <h3 className="text-xs font-semibold">Postmark</h3>
                                <p className="text-[0.625rem] text-neutral-500">The email delivery service that people actually like
                                </p>
                            </div>
                        </div>

                    </motion.div>


                </div>


            </motion.div>
        </div>
    )
}

export default ContentCard

export const Logo = () => {
    return (
        <svg id="Logo" width="15" height="15" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" fill="none">
            <g id="logomark">
                <path fill="currentColor" d="M20 0C17.3922 1.99605e-07 15.1183 1.45568 13.5342 3.63379C13.4379 3.76624 13.3435 3.90193 13.252 4.04004C13.156 4.02057 13.0605 4.00028 12.9648 3.9834C10.312 3.51529 7.67909 4.03688 5.85742 5.8584C4.03613 7.68009 3.5143 10.3131 3.98242 12.9658C3.99931 13.0615 4.02057 13.157 4.04004 13.2529C3.90199 13.3444 3.76618 13.4379 3.63379 13.5342C1.45574 15.1183 0.000113546 17.3923 0 20C0.000113558 22.6077 1.45574 24.8817 3.63379 26.4658C3.76614 26.5621 3.90204 26.6556 4.04004 26.7471C4.0205 26.8433 3.99936 26.9392 3.98242 27.0352C3.51446 29.6879 4.03684 32.321 5.8584 34.1426C7.67994 35.9637 10.3124 36.4855 12.9648 36.0176C13.0606 36.0007 13.1559 35.9794 13.252 35.96C13.3436 36.0981 13.4378 36.2337 13.5342 36.3662C15.1183 38.5443 17.3922 40 20 40C22.6078 40 24.8817 38.5443 26.4658 36.3662C26.5623 36.2335 26.6573 36.0983 26.749 35.96C26.8447 35.9794 26.9398 36.0007 27.0352 36.0176C29.6878 36.4855 32.32 35.963 34.1416 34.1416C35.9629 32.3201 36.4845 29.6877 36.0166 27.0352C35.9997 26.9396 35.9794 26.8439 35.96 26.748C36.0981 26.6565 36.2337 26.5622 36.3662 26.4658C38.5443 24.8817 39.9999 22.6077 40 20C39.9999 17.3923 38.5443 15.1183 36.3662 13.5342C36.2335 13.4376 36.0974 13.3437 35.959 13.252C35.9784 13.1561 35.9987 13.0604 36.0156 12.9648C36.4837 10.3121 35.963 7.67909 34.1416 5.85742C32.3199 4.03599 29.687 3.51526 27.0342 3.9834C26.9391 4.00018 26.8444 4.02071 26.749 4.04004C26.6574 3.90177 26.5622 3.76638 26.4658 3.63379C24.8817 1.45568 22.6078 3.54835e-07 20 0ZM20 32.4355C21.4648 33.7432 23.081 34.7301 24.7168 35.3613C23.4224 37.0556 21.7516 38 20 38C18.2484 38 16.5776 37.0556 15.2832 35.3613C16.919 34.7301 18.5353 33.7432 20 32.4355ZM34.1055 27.7578C34.3801 29.8067 33.8904 31.5645 32.7275 32.7275C31.5646 33.8903 29.8075 34.379 27.7588 34.1045C28.4359 32.5708 28.8593 30.8239 28.9697 28.9688C30.825 28.8582 32.5717 28.4351 34.1055 27.7578ZM5.89551 27.7578C7.42931 28.435 9.1759 28.8583 11.0312 28.9688C11.1417 30.824 11.565 32.5707 12.2422 34.1045C10.1933 34.3792 8.43562 33.8912 7.27246 32.7285C6.10929 31.5653 5.62069 29.8071 5.89551 27.7578ZM26.4824 24.2451C26.7263 25.0959 26.8923 26.0072 26.9619 26.9619C26.3643 26.9183 25.7839 26.8363 25.2246 26.7217C24.9825 27.347 24.6924 27.9675 24.3574 28.5771C25.1934 28.7751 26.0669 28.9076 26.9668 28.9648C26.85 30.6906 26.4234 32.2773 25.7773 33.6221C24.3016 33.1061 22.796 32.2332 21.4141 31.0176C22.0976 30.246 22.6913 29.4321 23.1924 28.5967C23.6048 27.9091 23.9555 27.2068 24.2383 26.5H24.3105C24.2891 26.494 24.2675 26.4885 24.2461 26.4824C24.4704 25.9187 24.6506 25.3516 24.7891 24.7881C25.3524 24.6496 25.9189 24.4695 26.4824 24.2451ZM25.7773 6.37695C26.4236 7.72183 26.8499 9.30905 26.9668 11.0352C25.7353 11.1134 24.553 11.3307 23.4492 11.668C22.7006 11.8967 21.9887 12.1812 21.3223 12.5146C20.8835 12.7345 20.4647 12.9754 20.0684 13.2363C20.2212 16.8693 23.1315 19.7793 26.7646 19.9316C27.0574 19.4873 27.3259 19.015 27.5664 18.5176C28.2604 18.9337 28.9431 19.4287 29.5986 20C29.211 20.3378 28.8117 20.6461 28.4082 20.9297C28.7056 21.5303 28.9656 22.163 29.1836 22.8223C29.8133 22.4057 30.4279 21.9357 31.0176 21.4131C32.2334 22.7949 33.1068 24.3008 33.623 25.7764C32.2783 26.4227 30.6918 26.8489 28.9658 26.9658C28.8995 25.9239 28.733 24.9168 28.4795 23.9629C28.2325 23.0343 27.9015 22.1563 27.498 21.3457C27.2752 20.8982 27.0304 20.4709 26.7646 20.0674C23.1318 20.2197 20.2217 23.1301 20.0684 26.7627C20.5128 27.0555 20.9848 27.3248 21.4824 27.5654C21.0662 28.2597 20.5715 28.9429 20 29.5986C19.662 29.2108 19.354 28.8109 19.0703 28.4072C18.4696 28.7047 17.8371 28.9645 17.1777 29.1826C17.5945 29.8125 18.0641 30.4276 18.5869 31.0176C17.2051 32.2333 15.6991 33.1057 14.2236 33.6221C13.5775 32.2773 13.151 30.6908 13.0342 28.9648C14.2795 28.8856 15.4745 28.6642 16.5889 28.3203C17.3076 28.0986 17.9921 27.8254 18.6348 27.5068C19.0896 27.2812 19.5231 27.0324 19.9326 26.7627C19.7793 23.1308 16.8692 20.2207 13.2373 20.0674C12.9443 20.512 12.6753 20.9846 12.4346 21.4824C11.74 21.0662 11.0564 20.5717 10.4004 20C10.7887 19.6616 11.1885 19.3525 11.5928 19.0684C11.2955 18.4679 11.0353 17.8358 10.8174 17.1768C10.1874 17.5933 9.57241 18.0632 8.98242 18.5859C7.76712 17.2043 6.8941 15.699 6.37793 14.2236C7.72278 13.5774 9.30916 13.15 11.0352 13.0332C11.1134 14.2649 11.3305 15.4478 11.668 16.5518C11.8894 17.2765 12.1646 17.9663 12.4844 18.6143C12.7125 19.0762 12.9639 19.5162 13.2373 19.9316C16.8695 19.7783 19.7798 16.8687 19.9326 13.2363C19.488 12.9433 19.0155 12.6743 18.5176 12.4336C18.9337 11.7393 19.4285 11.0562 20 10.4004C20.3383 10.7885 20.6476 11.1879 20.9316 11.5918C21.5321 11.2946 22.1642 11.0343 22.8232 10.8164C22.4065 10.1863 21.936 9.57147 21.4131 8.98145C22.7952 7.76576 24.3015 6.89304 25.7773 6.37695ZM8.98145 21.4131C9.73265 22.0788 10.5236 22.6596 11.3359 23.1523C12.045 23.5826 12.77 23.9462 13.5 24.2383V24.3105C13.5059 24.2895 13.5116 24.2681 13.5176 24.2471C14.081 24.4713 14.6477 24.6506 15.2109 24.7891C15.3494 25.3523 15.5297 25.919 15.7539 26.4824C14.9036 26.7261 13.9932 26.8923 13.0391 26.9619C13.0827 26.364 13.1648 25.7832 13.2793 25.2236C12.6536 24.9814 12.0328 24.6917 11.4229 24.3564C11.2249 25.1924 11.0924 26.066 11.0352 26.9658C9.30948 26.849 7.72359 26.4224 6.37891 25.7764C6.89503 24.301 7.7661 22.7947 8.98145 21.4131ZM35.3613 15.2822C37.0558 16.5766 37.9999 18.2483 38 20C37.9999 21.7512 37.056 23.4225 35.3623 24.7168C34.731 23.0808 33.7435 21.464 32.4355 19.999C33.7431 18.5342 34.7303 16.918 35.3613 15.2822ZM4.63867 15.2832C5.26975 16.9189 6.25603 18.5353 7.56348 20C6.25593 21.4647 5.26888 23.0811 4.6377 24.7168C2.94403 23.4225 2.00011 21.7512 2 20C2.00011 18.2485 2.94453 16.5776 4.63867 15.2832ZM28.9658 13.0332C30.6914 13.1501 32.2775 13.5776 33.6221 14.2236C33.1057 15.6988 32.2329 17.2044 31.0176 18.5859C30.2719 17.9252 29.4876 17.3469 28.6816 16.8564C27.9673 16.4218 27.2357 16.056 26.5 15.7617V15.6895C26.494 15.7108 26.4885 15.7326 26.4824 15.7539C25.9193 15.5298 25.353 15.3494 24.79 15.2109C24.6516 14.6476 24.4704 14.0811 24.2461 13.5176C25.0967 13.2738 26.0075 13.1077 26.9619 13.0381C26.9183 13.6356 26.8372 14.2162 26.7227 14.7754C27.3484 15.0177 27.9691 15.3082 28.5791 15.6436C28.7771 14.8074 28.9086 13.9332 28.9658 13.0332ZM14.2236 6.37793C15.6987 6.89421 17.2045 7.76625 18.5859 8.98145C17.9251 9.7272 17.3478 10.5122 16.8574 11.3184C16.4227 12.0328 16.0561 12.7642 15.7617 13.5H15.6924C15.7125 13.5057 15.7329 13.5109 15.7529 13.5166C15.5285 14.0803 15.3485 14.6474 15.21 15.2109C14.6472 15.3493 14.0815 15.5299 13.5186 15.7539C13.2748 14.9033 13.1087 13.9925 13.0391 13.0381C13.6369 13.0817 14.2178 13.1618 14.7773 13.2764C15.0196 12.651 15.3094 12.0305 15.6445 11.4209C14.8083 11.2231 13.9342 11.0924 13.0342 11.0352C13.1511 9.30925 13.5775 7.72271 14.2236 6.37793ZM27.7578 5.89453C29.8069 5.6199 31.5645 6.10941 32.7275 7.27246C33.8902 8.43544 34.3799 10.1926 34.1055 12.2412C32.5718 11.564 30.8249 11.1418 28.9697 11.0312C28.8592 9.17566 28.4352 7.42847 27.7578 5.89453ZM7.27148 7.27246C8.43485 6.10924 10.1935 5.61945 12.2432 5.89453C11.5657 7.42854 11.1418 9.17554 11.0312 11.0312C9.17609 11.1417 7.4292 11.5641 5.89551 12.2412C5.62111 10.1927 6.10893 8.43539 7.27148 7.27246ZM20 2C21.7513 2 23.4224 2.94396 24.7168 4.6377C23.081 5.26874 21.4649 6.25592 20 7.56348C18.5354 6.25608 16.9188 5.26976 15.2832 4.63867C16.5776 2.94455 18.2485 2 20 2Z" clip-rule="evenodd" fill-rule="evenodd"></path>
            </g>
        </svg>
    )
}


export const Icon1 = () => {
    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" viewBox="0 0 386 390"><path fill="currentColor" fill-rule="evenodd" d="M193 0c106.601 0 193 87.307 193 195s-86.399 195-193 195C86.4 390 0 302.693 0 195S86.4 0 193 0m78.135 181.048-33.475 3.592c-4.424.501-7.512 4.261-7.512 8.773 0 21.973-17.531 39.768-39.235 39.768s-39.234-17.795-39.234-39.685c0-4.511-3.089-8.355-7.513-8.856l-33.475-3.592a77 77 0 0 0-.501 8.772c0 45.032 36.23 81.709 80.723 81.709s80.723-36.677 80.723-81.709q0-4.512-.501-8.772m-80.055-70.264c-17.363 0-31.471 14.203-31.471 31.748s14.108 31.748 31.471 31.748 31.471-14.203 31.471-31.748-14.108-31.748-31.471-31.748" clip-rule="evenodd" /></svg>
    )
}
export const Icon2 = () => {
    return (
        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M32 16c0-8.836-7.164-16-16-16S0 7.164 0 16c0 8.837 7.164 16 16 16s16-7.163 16-16ZM13.063 6.989c-.101.199-.101.459-.101.98v4.107c0 .13 0 .195.017.256a.464.464 0 0 0 .07.148c.036.05.087.092.188.174l1.079.876c.121.099.182.148.204.208.02.052.02.11 0 .162-.022.059-.083.108-.204.207l-1.08.877c-.1.082-.15.123-.187.173a.463.463 0 0 0-.07.149c-.017.06-.017.125-.017.255v8.47c0 .521 0 .782.101.98a.93.93 0 0 0 .407.407c.198.101.459.101.98.101h3.1c.521 0 .781 0 .98-.101a.93.93 0 0 0 .407-.407c.101-.198.101-.459.101-.98v-4.107c0-.13 0-.195-.016-.255a.465.465 0 0 0-.071-.149 1.019 1.019 0 0 0-.188-.174l-1.079-.876c-.121-.099-.182-.148-.204-.208a.232.232 0 0 1 0-.161c.022-.06.083-.11.204-.208l1.08-.877c.1-.081.15-.122.187-.173a.466.466 0 0 0 .07-.149c.017-.06.017-.125.017-.255V7.97c0-.521 0-.781-.101-.98a.93.93 0 0 0-.407-.407c-.199-.101-.459-.101-.98-.101h-3.1c-.521 0-.781 0-.98.101a.93.93 0 0 0-.407.407Z" /></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z" /></clipPath></defs></svg>
    )
}
export const Icon3 = () => {
    return (
        <svg width="128" height="128" fill="none" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><path d="m24 8v24h64v16l-26.104 0.456c-35.096 3.256-45.896 11.624-45.896 36.504v6.512c0 19.064 14.328 28.528 32 28.528 7.984 0 16.32-1.56 25.04-5.976l14.96-6.024v12h24v-112zm64 76-18.112 7.472c-6.296 3.488-12.832 5.344-17.92 5.344-6.288 0-11.968-1.136-11.968-8.816v-5.12c0.48-8.136 7.376-11.176 26.256-13.032l21.744-1.848z" fill="#f80" /></svg>
    )
}
export const Icon4 = () => {
    return (
        <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M30 27.4219V28.8281C29.3528 28.8281 28.8281 29.3528 28.8281 30H27.4219C27.4219 29.3528 26.8972 28.8281 26.25 28.8281C25.6028 28.8281 25.0781 29.3528 25.0781 30H23.6719C23.6719 29.3528 23.1472 28.8281 22.5 28.8281C21.8528 28.8281 21.3281 29.3528 21.3281 30H19.9219C19.9219 29.3528 19.3972 28.8281 18.75 28.8281C18.1028 28.8281 17.5781 29.3528 17.5781 30H16.1719C16.1719 29.3528 15.6472 28.8281 15 28.8281C14.3528 28.8281 13.8281 29.3528 13.8281 30H12.4219C12.4219 29.3528 11.8972 28.8281 11.25 28.8281C10.6028 28.8281 10.0781 29.3528 10.0781 30H8.67188C8.67188 29.3528 8.14721 28.8281 7.5 28.8281C6.85279 28.8281 6.32812 29.3528 6.32812 30H4.92188C4.92188 29.5813 4.69852 29.1945 4.33594 28.9851C3.97336 28.7758 3.52664 28.7758 3.16406 28.9851C2.80148 29.1945 2.57812 29.5813 2.57812 30H1.17188C1.17188 29.3528 0.647209 28.8281 0 28.8281V27.4219C0.647209 27.4219 1.17188 26.8972 1.17188 26.25C1.17188 25.6028 0.647209 25.0781 0 25.0781V23.6719C0.647209 23.6719 1.17188 23.1472 1.17188 22.5C1.17188 21.8528 0.647209 21.3281 0 21.3281V19.9219C0.647209 19.9219 1.17188 19.3972 1.17188 18.75C1.17188 18.1028 0.647209 17.5781 0 17.5781V16.1719C0.647209 16.1719 1.17188 15.6472 1.17188 15C1.17188 14.3528 0.647209 13.8281 0 13.8281V12.4219C0.647209 12.4219 1.17188 11.8972 1.17188 11.25C1.17188 10.6028 0.647209 10.0781 0 10.0781V8.67188C0.647209 8.67188 1.17188 8.14721 1.17188 7.5C1.17188 6.85279 0.647209 6.32812 0 6.32812V4.92188C0.647209 4.92187 1.17188 4.39721 1.17188 3.75C1.17188 3.10279 0.647209 2.57813 0 2.57812V1.17188C0.647209 1.17188 1.17188 0.647209 1.17188 0H2.57812C2.57813 0.647209 3.10279 1.17188 3.75 1.17188C4.39721 1.17188 4.92187 0.647209 4.92188 0H6.32812C6.32812 0.647209 6.85279 1.17188 7.5 1.17188C8.14721 1.17188 8.67188 0.647209 8.67188 0H10.0781C10.0781 0.647209 10.6028 1.17188 11.25 1.17188C11.8972 1.17188 12.4219 0.647209 12.4219 0H13.8281C13.8281 0.647209 14.3528 1.17188 15 1.17188C15.6472 1.17188 16.1719 0.647209 16.1719 0H17.5781C17.5781 0.647209 18.1028 1.17188 18.75 1.17188C19.3972 1.17188 19.9219 0.647209 19.9219 0H21.3281C21.3281 0.647209 21.8528 1.17188 22.5 1.17188C23.1472 1.17188 23.6719 0.647209 23.6719 0H25.0781C25.0781 0.647209 25.6028 1.17188 26.25 1.17188C26.8972 1.17188 27.4219 0.647209 27.4219 0H28.8281C28.8281 0.647209 29.3528 1.17188 30 1.17188V2.57812C29.3528 2.57812 28.8281 3.10279 28.8281 3.75C28.8281 4.39721 29.3528 4.92188 30 4.92188V6.32812C29.3528 6.32812 28.8281 6.85279 28.8281 7.5C28.8281 8.14721 29.3528 8.67188 30 8.67188V10.0781C29.3528 10.0781 28.8281 10.6028 28.8281 11.25C28.8281 11.8972 29.3528 12.4219 30 12.4219V13.8281C29.5813 13.8281 29.1945 14.0515 28.9851 14.4141C28.7758 14.7766 28.7758 15.2234 28.9851 15.5859C29.1945 15.9485 29.5813 16.1719 30 16.1719V17.5781C29.3528 17.5781 28.8281 18.1028 28.8281 18.75C28.8281 19.3972 29.3528 19.9219 30 19.9219V21.3281C29.3528 21.3281 28.8281 21.8528 28.8281 22.5C28.8281 23.1472 29.3528 23.6719 30 23.6719V25.0781C29.3528 25.0781 28.8281 25.6028 28.8281 26.25C28.8281 26.8972 29.3528 27.4219 30 27.4219V27.4219Z" fill="#FFDE00" />
            <path d="M8.70312 21.3804H9.63846C10.1188 21.3804 10.4221 21.0705 10.4221 20.5798V9.62885C10.4221 9.13812 10.1188 8.82819 9.63846 8.82819H8.70312V6.40039H15.478C19.1182 6.40039 22 8.28581 22 11.8759C22 15.4917 19.1182 17.3772 15.478 17.3772H13.1523V20.5798C13.1523 21.0705 13.4556 21.3804 13.9612 21.3804H15.8571V23.8341H8.70312V21.3804ZM15.2757 14.846C17.6773 14.846 19.0676 13.8129 19.0676 11.9275C19.0676 9.99044 17.6773 9.00899 15.2757 9.00899H13.1523V14.8719H15.2757V14.846Z" fill="black" />
        </svg>

    )
}
Content Card

Connect your favorite tools

Goil

1Password

Ahrefs

Postmark
