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 Providers() {
  return (
    <div className="w-full">
        <LandingPageHeader headerText="Providers" />
        <div className="w-full flex justify-center pb-6">
            <div className="w-11/12 z-1">
                <div className={classnames("w-3/5 text-4xl text-bluemana px-10 -mb-14", font.className)}>
                    Easy Access to HIPAA Compliant Patient Information and Much More
                </div>
                <QuickAccessLinks 
                    imageUrl="/images/providers-stock.jpg"
                    quickLinks={quickLinks}
                />
                <div className={classnames("w-full text-2xl px-10", font.className)}>
                    You know that as a provider, you have a responsibility to your patients to respond promptly and accurately. At Britton Benefit Services, LLC it’s our goal to provide you with the prompt response to your inquiry and easy access to the information you need to care for your patients. In addition to 24/7 online support and access to HIPAA compliant patient information, you can find the information you need to verify eligibility, confirm benefits and check claim statuses. Simply select the navigation above to access the forms and information you need.
                </div>
            </div>
        </div>
    </div>
  )
}