'use client';

import Image from 'next/image';

export default function FinanceOpsFounderTestimonial() {
  return (
    <div className='bg-bg-white-0 w-full py-10 lg:py-24'>
      <div className='mx-auto w-full max-w-7xl px-6 lg:px-7'>
        <div className='flex flex-col items-start gap-12 lg:items-center lg:gap-14'>
          <div className='flex items-center'>
            <Image
              src='https://alignui.com/images/blocks/brand-social-logo-feature-base.svg'
              alt='Synergy'
              width={127}
              height={28}
              className='h-7 w-auto dark:hidden'
            />
            <Image
              src='https://alignui.com/images/blocks/brand-social-logo-feature-base-dark.svg'
              alt='Synergy'
              width={127}
              height={28}
              className='hidden h-7 w-auto dark:block'
            />
          </div>

          <p className='text-title-h4 lg:text-title-h3 text-text-strong-950 font-[550] lg:text-center'>
            Smart controls, simple interface. It’s the only tool{' '}
            <br className='hidden lg:block' /> our finance ops actually enjoy
            using
          </p>

          <div className='flex flex-col items-start gap-1 lg:items-center'>
            <p className='text-label-md text-text-strong-950'>
              Matthew Johnson
            </p>
            <p className='text-label-sm text-text-sub-600'>Founder</p>
          </div>
        </div>
      </div>
    </div>
  );
}