Responsive done for computer screens
This commit is contained in:
Jason Jordan
@@ -0,0 +1,63 @@
|
||||
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>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
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: "Employer Login/Registration",
|
||||
url: "/"
|
||||
},
|
||||
{
|
||||
display: "Link to Thing 1",
|
||||
url: "/"
|
||||
},
|
||||
{
|
||||
display: "Link to Thing 2",
|
||||
url: "/"
|
||||
},
|
||||
{
|
||||
display: "Link to another Thing",
|
||||
url: "/"
|
||||
}
|
||||
]
|
||||
|
||||
export default function Employers() {
|
||||
return (
|
||||
<div className="w-full">
|
||||
<LandingPageHeader headerText="Employers" />
|
||||
<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)}>
|
||||
Making Your Benefits Work for You and Your Employees
|
||||
</div>
|
||||
<QuickAccessLinks
|
||||
imageUrl="/images/employers-stock.jpg"
|
||||
quickLinks={quickLinks}
|
||||
/>
|
||||
<div className={classnames("w-full text-2xl px-10", font.className)}>
|
||||
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.
|
||||
<br />
|
||||
<br />
|
||||
In addition to the generous cost savings for you and your employees, we also offer a wide range of online services 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 do the following:
|
||||
<br />
|
||||
<br />
|
||||
Look up in-network providers through our list of PPOs<br />
|
||||
• File insurance claims and review a claim’s status<br />
|
||||
• Research which type of plan is best for you<br />
|
||||
• Control your health care costs by selecting a PPO that’s actively competing for your business.
|
||||
<br />
|
||||
<br />
|
||||
Request a free, no-obligation quote today, and learn how our completely customizable benefits solutions can work for you. To learn more about our company and to discover the benefits of third-party benefits administration, review our services or contact us today.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -12,7 +12,7 @@ export default async function LandingPageLayout({ children }: { children: React.
|
||||
|
||||
return (
|
||||
<>
|
||||
<Navbar />
|
||||
<Navbar collapseHeight={40} />
|
||||
<div className="w-full relative">
|
||||
<div className="absolute bottom-0 left-0 flex items-end w-full h-full">
|
||||
<div className="w-1/24 h-full flex justify-end">
|
||||
@@ -23,7 +23,7 @@ export default async function LandingPageLayout({ children }: { children: React.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-full flex justify-start items-end pt-30">
|
||||
{/* <div className="w-full flex justify-start items-end pt-30">
|
||||
<div className="w-1/24 h-full flex justify-end">
|
||||
<div className="w-[calc(50%+6px)] flex flex-col justify-end z-1 bg-deepcove">
|
||||
<div className={classnames(
|
||||
@@ -45,11 +45,9 @@ export default async function LandingPageLayout({ children }: { children: React.
|
||||
)}>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-full flex justify-center pb-30">
|
||||
<div className="w-11/12 z-1">
|
||||
{children}
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="w-full">
|
||||
{children}
|
||||
</div>
|
||||
<Footer />
|
||||
</div>
|
||||
|
||||
@@ -2,12 +2,13 @@ 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: "Login/Registration",
|
||||
display: "Member Login/Registration",
|
||||
url: "/"
|
||||
},
|
||||
{
|
||||
@@ -27,23 +28,31 @@ const quickLinks: QuickLink[] = [
|
||||
|
||||
export default function Members() {
|
||||
return (
|
||||
<>
|
||||
<QuickAccessLinks
|
||||
imageUrl="/images/members-stock.jpg"
|
||||
quickLinks={quickLinks}
|
||||
/>
|
||||
<div className={classnames("w-full text-2xl px-10", font.className)}>
|
||||
At Britton Benefit Services, LLC we're making employee benefits more affordable. In addition to the cost savings you receive when your employer chooses Britton Benefit Services, LLC we also make sure the important information you need is at your fingertips.
|
||||
<br />
|
||||
<br />
|
||||
That's why our member portal offers you 24/7 access to things like in-network provider lists, claim forms and prescription medication information. Select from any of the links below to get access to the benefit information and forms you need to file a claim, search for a provider or learn more about your benefits plan.
|
||||
<br />
|
||||
<br />
|
||||
At Britton Benefit Services, LLC we're making employee benefits more affordable. In addition to the cost savings you receive when your employer chooses Britton Benefit Services, LLC we also make sure the important information you need is at your fingertips.
|
||||
<br />
|
||||
<br />
|
||||
That's why our member portal offers you 24/7 access to things like in-network provider lists, claim forms and prescription medication information. Select from any of the links below to get access to the benefit information and forms you need to file a claim, search for a provider or learn more about your benefits plan.
|
||||
<div className="w-full">
|
||||
<LandingPageHeader headerText="Members" />
|
||||
<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)}>
|
||||
Member Tagline will go here when we come up with the wording
|
||||
</div>
|
||||
<QuickAccessLinks
|
||||
imageUrl="/images/members-stock.jpg"
|
||||
quickLinks={quickLinks}
|
||||
/>
|
||||
<div className={classnames("w-full text-2xl px-10", font.className)}>
|
||||
At Britton Benefit Services, LLC we're making employee benefits more affordable. In addition to the cost savings you receive when your employer chooses Britton Benefit Services, LLC we also make sure the important information you need is at your fingertips.
|
||||
<br />
|
||||
<br />
|
||||
That's why our member portal offers you 24/7 access to things like in-network provider lists, claim forms and prescription medication information. Select from any of the links below to get access to the benefit information and forms you need to file a claim, search for a provider or learn more about your benefits plan.
|
||||
<br />
|
||||
<br />
|
||||
At Britton Benefit Services, LLC we're making employee benefits more affordable. In addition to the cost savings you receive when your employer chooses Britton Benefit Services, LLC we also make sure the important information you need is at your fingertips.
|
||||
<br />
|
||||
<br />
|
||||
That's why our member portal offers you 24/7 access to things like in-network provider lists, claim forms and prescription medication information. Select from any of the links below to get access to the benefit information and forms you need to file a claim, search for a provider or learn more about your benefits plan.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
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>
|
||||
)
|
||||
}
|
||||
@@ -6,7 +6,6 @@ import Script from 'next/script';
|
||||
|
||||
import AccountDropdown from '../../components/AccountDropdown';
|
||||
import SideNav from "@/components/SideNav";
|
||||
import DashboardHeader from "@/components/DashboardHeader";
|
||||
import Image from 'next/image';
|
||||
import classnames from 'classnames';
|
||||
|
||||
@@ -34,12 +33,12 @@ export default async function DashboardLayout({ children }: { children: React.Re
|
||||
</div>
|
||||
<div className="w-full h-full flex items-start">
|
||||
<SideNav
|
||||
maxWidth="max-w-31"
|
||||
maxWidth="w-[16vw]"
|
||||
bgColor="bg-atmosphere"
|
||||
navItems={pageNavItems}
|
||||
/>
|
||||
<div className="w-full flex flex-col items-end">
|
||||
<div className="h-20 w-[calc(100vw-124px)] flex justify-between items-center">
|
||||
<div className="w-full min-w-[89vw] max-w-[95vw] flex flex-col items-end">
|
||||
<div className="w-[90.15vw] h-20 flex justify-between items-center">
|
||||
<div className={classnames('flex items-center')}>
|
||||
<div className="-ml-8.5 z-2">
|
||||
<Image
|
||||
@@ -55,15 +54,7 @@ export default async function DashboardLayout({ children }: { children: React.Re
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-full h-full flex justify-start">
|
||||
<div className="flex flex-col w-full ml-8 pt-5 2xl:pt-7">
|
||||
<DashboardHeader
|
||||
userDisplayName="Robert La'Blah"
|
||||
/>
|
||||
<div className="flex w-full">
|
||||
{children}
|
||||
<div className="w-1/24 h-full" />
|
||||
</div>
|
||||
</div>
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import classnames from 'classnames';
|
||||
|
||||
import DashboardHeader from "@/components/DashboardHeader";
|
||||
import FindProvider from '@/components/FindProvider';
|
||||
import InsuranceCardWidget from '@/components/InsuranceCard';
|
||||
import DeductableProgressWidget from '@/components/DeductableProgressWidget';
|
||||
@@ -8,17 +9,22 @@ import BenefitsAAGWidget from '@/components/BenefitsAAGWidget';
|
||||
|
||||
export default function Member() {
|
||||
return (
|
||||
<div className="w-full">
|
||||
<div className={classnames("w-full flex justify-start pt-4 z-2 space-x-4")}>
|
||||
<div className="flex flex-col space-y-4">
|
||||
<div className="flex space-x-4">
|
||||
<DeductableProgressWidget />
|
||||
<InsuranceCardWidget />
|
||||
<div className="flex flex-col w-full pl-8 pt-5 2xl:pt-7">
|
||||
<DashboardHeader
|
||||
userDisplayName="Robert La'Blah"
|
||||
/>
|
||||
<div className="flex w-full pr-23">
|
||||
<div className={classnames("w-full flex flex-col xl:flex-row justify-stretch pt-4 z-2 space-x-4 space-y-4 xl:space-y-0")}>
|
||||
<div className="flex flex-col space-y-4">
|
||||
<div className="flex space-x-4">
|
||||
<DeductableProgressWidget />
|
||||
<InsuranceCardWidget />
|
||||
</div>
|
||||
<FindProvider />
|
||||
<RecentClaimsWidget />
|
||||
</div>
|
||||
<FindProvider />
|
||||
<RecentClaimsWidget />
|
||||
<BenefitsAAGWidget />
|
||||
</div>
|
||||
<BenefitsAAGWidget />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
+1
-1
@@ -7,7 +7,7 @@ import Footer from '@/components/Footer';
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<Navbar />
|
||||
<Navbar collapseHeight={730} />
|
||||
<Tagline
|
||||
bgColor="bg-bluemana"
|
||||
textColor="text-deepcove"
|
||||
|
||||
Reference in New Issue
Block a user