import InfoCard from '../components/InfoCard';
import Tagline from "../components/Tagline";
import InlineLink from "../components/InlineLink";

export default function Home() {
  return (
    <>
        <Tagline 
          bgColor="bg-bluemana"
          textColor="text-deepcove"
          textTop="Healthcare that's"
          textBottom="truly affordable"
        />
        <InfoCard
          title="Members"
          imageUrl="/images/members-stock.jpg"
        >
          Aenean et nulla nec dolor finibus dictum. Vestibulum ultrices aliquam sapien. Cras at nunc tincidunt, tristique metus nec, auctor ipsum. Mauris maximus justo sit amet lorem semper, ac accumsan turpis tempor. Proin id maximus libero. Fusce ac elementum risus. Suspendisse tincidunt rutrum eros eu facilisis. Nulla efficitur ac tortor ut elementum. Etiam sed elementum urna, a rhoncus lacus. Pellentesque vitae eros diam. Suspendisse sem purus, dictum id fringilla vel, malesuada sed odio. Nunc ut odio id purus tempus placerat quis vel ex. Maecenas tincidunt ante metus, eu interdum felis vehicula eu. Nulla pellentesque mi id velit vulputate tristique. Donec consectetur tempus interdum. Sed tellus lectus, ornare at sem vitae, tempor lobortis eros. Nam at eleifend eros, quis porta dolor. Aliquam mollis sapien vitae ex eleifend commodo. Integer vel pellentesque eros. Morbi tincidunt ipsum id dolor consectetur mollis ut vitae leo. Proin iaculis vel.
        </InfoCard>
        <div className='bg-atmosphere rounded-3xl'>
          <InfoCard
            title="Employers"
            imageUrl='/images/employers-stock.jpg'
            learnMoreUrl="https://github.com/orgs/Britton-Benefits/repositories"
            invert
          >
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel elit pellentesque, pulvinar ipsum et, rutrum neque. Donec ullamcorper suscipit laoreet. Sed posuere placerat vestibulum. Nulla ornare tristique felis sit amet maximus. Aliquam convallis mi et turpis venenatis iaculis. Aliquam erat volutpat. Suspendisse felis elit, semper efficitur blandit ut, eleifend at est. Vestibulum vulputate volutpat mattis. Suspendisse bibendum, dolor in rutrum commodo, nulla augue feugiat nibh, vestibulum imperdiet turpis massa consequat risus. Fusce fringilla, libero nec efficitur eleifend, ligula elit commodo lacus, sed facilisis orci ligula quis felis. Praesent malesuada, velit consequat ultrices ultricies, elit sapien pretium sapien, at consectetur nunc nisi quis est. Ut interdum urna non ligula cursus ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut laoreet vehicula felis, in tincidunt ante porta et.
          </InfoCard>
        </div>
        <InfoCard
          title="Providers"
          imageUrl="/images/providers-stock.jpg"
        >
          We offer a wide range of <InlineLink>online services</InlineLink> to help streamline and automate the benefit process for you and your employees. This means easier access to the benefit information you need and faster action on individual claims. By logging in to any of the services we provide, you can look up <InlineLink>in-network providers</InlineLink> through our list of PPOs, file insurance claims and review a claim's status, research which type of plan is best for you, and control your health care costs by selecting a PPO that's actively competing for your business.
        </InfoCard>
        <div className='bg-platinum rounded-3xl'>
          <InfoCard
            title="Brokers"
            imageUrl="/images/brokers-stock.jpg"
            invert
          >
            At Britton Benefit Services, LLC we are leading the third-party benefits industry by working hard to make <InlineLink>employee benefits</InlineLink> more affordable for you and your employees. As a third-party administrator, we negotiate with leading PPOs and other organizations to help you find the best program for your employees without sacrificing the bottom line. This creates a major cost savings that you can pass on to your employees.
          </InfoCard>
        </div>
    </>
  );
}