next-web/src/pages/index.tsx

import Section1 from '../components/Section1';
import Section1Invert from '../components/Section1Invert';
import Section1Light from '../components/Section1Light';
import Section1InvertLight from '../components/Section1InvertLight';

export default function Home() {
  return (
    <>
      <div className="flex justify-center py-20">
        <div className="w-11/12 bg-britton-light text-center text-britton-dark text-7xl rounded-3xl p-4">
          Healthcare that's truly affordable
        </div>
      </div>

      <div>
        <div className='bg-britton-medium rounded-3xl'>
          <Section1
            title="Self-Funded Plans"
            imageUrl="/images/SelfFundedDrSquare.png"
          >
            Self-funding gives you the flexibility to design a plan that is best suited to meet your company's needs. And unlike traditional insurance plans that charge a fixed annual rate for claims, self-funded plans are billed monthly, and only for the services used. This saves you from the extra cost of paying for something your company might not use and lets you continuously evaluate your company’s plan, maximizing flexibility and mitigating risk to your company's bottom line.
          </Section1>
        </div>


        <Section1Invert
          title="Health & Risk Management"
          imageUrl="/images/SelfFundedDrSquare.png"
        >
          While self-funding protects you from paying higher month-to-month premiums for unutilized services, because self-funding bills per-claim, it does leave you susceptible to a catastrophic claim. To protect you against having to cover an excessive amount due to a catastrophic claim, self-funded plans give you the option to purchase stop-loss insurance.
        </Section1Invert>
        <div className='bg-britton-neutral rounded-3xl'>
          <Section1Light
            title="Regulatory Compliance"
            imageUrl="/images/SelfFundedDrSquare.png"
          >
            At Britton Benefit Services, LLC we are leading the third-party benefits industry by working hard to make employee benefits 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.
          </Section1Light>

        </div>

        <Section1InvertLight
          title="Benefit Access & Online Support"
          imageUrl="/images/SelfFundedDrSquare.png"
        >
          This will all be new text talking about our login pages and other online support.
          <br />
          <br />
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac gravida massa. Morbi et posuere ligula. Cras ultrices luctus tincidunt. Nam arcu orci, porttitor sit amet dui vel, egestas consectetur eros. Maecenas tempus commodo lorem ac aliquam. Nunc mattis nisl non tortor semper fermentum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
        </Section1InvertLight>









        <div className="flex w-full h-70 justify-between items-center pt-30">
          <div className="bg-britton-neutral h-full w-3/12 rounded-3xl"></div>
          <div className="bg-britton-medium h-full w-3/12 rounded-3xl"></div>
          <div className="bg-britton-light h-full w-3/12 rounded-3xl"></div>
        </div>
      </div>
    </>
  );
}