import React from 'react';
import AboutText from '@/components/sections/about/AboutText';
import TeamMinimalCards from '@/components/sections/team/TeamMinimalCards';

const AboutPage: React.FC = () => {
  return (
    <>
      <AboutText
        title="Our mission is to empower businesses with cutting-edge financial solutions."
        primaryButton={{ text: 'Get Started', href: '/pricing' }}
        secondaryButton={{ text: 'Contact Us', href: '#contact' }}
      />
      <TeamMinimalCards
        tag="Our Team"
        title="Meet the experts behind our success"
        members={[
          {
            name: 'John Doe',
            role: 'CEO & Founder',
            imageSrc: 'https://via.placeholder.com/500x500?_wi=1',
          },
          {
            name: 'Jane Smith',
            role: 'Chief Technology Officer',
            imageSrc: 'https://via.placeholder.com/500x500?_wi=2',
          },
          {
            name: 'Peter Jones',
            role: 'Head of Product',
            imageSrc: 'https://via.placeholder.com/500x500?_wi=3',
          },
          {
            name: 'Mary Williams',
            role: 'Lead Designer',
            imageSrc: 'https://via.placeholder.com/500x500?_wi=4',
          },
        ]}
      />
    </>
  );
};

export default AboutPage;
