import { Schibsted_Grotesk } from 'next/font/google'
import classnames from 'classnames';
import InlineLink from "@/components/InlineLink";
import QuickAccessLinks, { QuickLink } from '@/components/QuickAccessLinks';
import LandingPageHeader from '@/components/LandingPageHeader';

const font = Schibsted_Grotesk({ subsets: ['latin'] })

const quickLinks: QuickLink[] = [
    {
        display: "Member Login/Registration",
        url: "/"
    },
    {
        display: "Link to Thing 1",
        url: "/"
    },
    {
        display: "Link to Thing 2",
        url: "/"
    },
    {
        display: "Link to another Thing",
        url: "/"
    }
]


export default function Brokers() {
  return (
    <div className="w-full">
        <LandingPageHeader headerText="Brokers" />
        <div className="w-full flex justify-center pb-30">
            <div className="w-11/12 z-1">
                <div className={classnames("w-3/5 text-4xl text-bluemana px-10 -mb-14", font.className)}>
                    Partner with Britton Benefit Services to Grow Your Business and Serve Your Clients
                </div>
                <QuickAccessLinks 
                    imageUrl="/images/brokers-stock.jpg"
                    quickLinks={quickLinks}
                />
                <div className={classnames("w-full text-2xl px-10", font.className)}>
                    In the ever-changing health care market, finding cost-effective plans to help your clients save money is a serious challenge. At Britton Benefit Services, LLC we have a proven ourselves as leaders in Third-Party Benefits Administration through our performance in finding employers the right self-funded plans that work for them. Whether you need to review a plan document, manage information reports, review provider directories, or you are looking for access to marketing materials, you’ve come to the right place.
                    <br />
                    <br />
                    Broker Services from Britton Benefit Services
                    <ul className="flex flex-col pl-10 leading-4 list-disc list-inside">
                        <li>
                            Discuss your client’s needs and provide additional insight
                        </li>
                        <li>
                            Learn more about our company and self-funding
                        </li>
                        <li>
                            Request a free, no-obligation quote to see the cost savings we can help you provide to your client
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
  )
}