+ {children}
+
+
+ {/*
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/next_home_page.tsx b/src/app/next_home_page.tsx
deleted file mode 100644
index e68abe6..0000000
--- a/src/app/next_home_page.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import Image from "next/image";
-
-export default function Home() {
- return (
- 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.
+
);
}
\ No newline at end of file
diff --git a/src/app/test/basepage.tsx b/src/app/test/basepage.tsx
new file mode 100644
index 0000000..1c3a0f9
--- /dev/null
+++ b/src/app/test/basepage.tsx
@@ -0,0 +1,11 @@
+export default function Basepage() {
+ return (
+ = ({ userDisplayName }) => {
+
+ return (
+ ;
diff --git a/src/components/DeductableProgressWidget.tsx b/src/components/DeductableProgressWidget.tsx
new file mode 100644
index 0000000..74c3c98
--- /dev/null
+++ b/src/components/DeductableProgressWidget.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import DashboardPieChart from '@/components/DashboardPieChart';
+
+import { Schibsted_Grotesk } from 'next/font/google'
+const font = Schibsted_Grotesk({ subsets: ['latin'] })
+
+interface DeductableProgressWidgetProps {
+}
+
+const DeductableProgressWidget = () => {
+
+ return (
+ = ({ iconName, ...props }) => {
+ const IconComponent = iconMap[iconName];
+
+ if (!IconComponent) {
+ console.warn(`Icon "${iconName}" not found in iconMap.`);
+ return null; // Or render a fallback icon
+ }
+
+ return React.createElement(IconComponent, props);
+};
+
+export default DynamicIcon;
\ No newline at end of file
diff --git a/src/components/FindProvider.tsx b/src/components/FindProvider.tsx
new file mode 100644
index 0000000..89bf9fa
--- /dev/null
+++ b/src/components/FindProvider.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import classnames from 'classnames';
+import Button from '@/components/Button';
+
+import { MdLocationOn } from "react-icons/md";
+import LocationSearchInput from '@/components/LocationSearchInput';
+
+import { Schibsted_Grotesk } from 'next/font/google'
+const font = Schibsted_Grotesk({ subsets: ['latin'] })
+
+interface FindProviderProps {
+ zipOnly?: boolean;
+}
+
+const FindProvider: React.FC = ({ zipOnly }) => {
+
+ return (
+ = ({ imageUrl, quickLinks }) => {
+
+
+ return (
+ = (
+ {
+ maxWidth,
+ bgColor,
+ navItems
+ }
+) => {
+
+ const [isSidebarOpen, setIsSidebarOpen] = useState(true);
+
+ return (
+ = (
+ {
+ idk
+ }
+) => {
+
+ const [isSidebarOpen, setIsSidebarOpen] = useState(true);
+
+ return (
+
Dashboard
@@ -73,8 +73,51 @@ export default function Member() {
Benefits Documents
-
-
+
*/}
+
+
+
)
diff --git a/src/app/dashboard/member/page.tsx b/src/app/dashboard/member/page.tsx
new file mode 100644
index 0000000..60135b5
--- /dev/null
+++ b/src/app/dashboard/member/page.tsx
@@ -0,0 +1,25 @@
+import classnames from 'classnames';
+
+import FindProvider from '@/components/FindProvider';
+import InsuranceCardWidget from '@/components/InsuranceCard';
+import DeductableProgressWidget from '@/components/DeductableProgressWidget';
+import RecentClaimsWidget from '@/components/RecentClaimsWidget';
+import BenefitsAAGWidget from '@/components/BenefitsAAGWidget';
+
+export default function Member() {
+ return (
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..592eda8
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,30 @@
+import '../styles/globals.css';
+import type { Metadata } from 'next';
+import { Fraunces } from 'next/font/google'
+import Navbar from '../components/Navbar';
+import Footer from '../components/Footer';
+import classNames from 'classnames';
+
+const font = Fraunces({ subsets: ['latin'] })
+
+// export const metadata: Metadata = {
+// title: 'Britton Benifit Services, LLC',
+// };
+
+export default function RootLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+
+
+
+
+
+
+
+
-
-
-
-
- );
-}
diff --git a/src/pages/index.tsx b/src/app/page.tsx
similarity index 97%
rename from src/pages/index.tsx
rename to src/app/page.tsx
index f9077df..b480f21 100644
--- a/src/pages/index.tsx
+++ b/src/app/page.tsx
@@ -1,10 +1,13 @@
import InfoCard from '../components/InfoCard';
import Tagline from "../components/Tagline";
import InlineLink from "../components/InlineLink";
+import Navbar from '@/components/Navbar';
+import Footer from '@/components/Footer';
export default function Home() {
return (
<>
+ -
-
-
- Get started by editing{" "}
-
- src/app/page.tsx -- . -
- - - Save and see your changes instantly. - -
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/test/sidenav.tsx b/src/app/test/sidenav.tsx
new file mode 100644
index 0000000..fd32468
--- /dev/null
+++ b/src/app/test/sidenav.tsx
@@ -0,0 +1,35 @@
+// import SideNav from "@/components/SideNav";
+
+// export default function Sidenav() {
+// return (
+//
+
+
+
+
+//
+// )
+// }
\ No newline at end of file
diff --git a/src/components/AccountDropdown.tsx b/src/components/AccountDropdown.tsx
index e96fc61..c2432e1 100644
--- a/src/components/AccountDropdown.tsx
+++ b/src/components/AccountDropdown.tsx
@@ -1,3 +1,5 @@
+"use client"
+
import React, { useState } from 'react'
import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/react'
import { CgProfile } from "react-icons/cg";
diff --git a/src/components/BenefitsAAGWidget.tsx b/src/components/BenefitsAAGWidget.tsx
new file mode 100644
index 0000000..8cdb3e0
--- /dev/null
+++ b/src/components/BenefitsAAGWidget.tsx
@@ -0,0 +1,55 @@
+"use client";
+
+import classnames from 'classnames';
+
+import { Schibsted_Grotesk } from 'next/font/google'
+const font = Schibsted_Grotesk({ subsets: ['latin'] })
+
+interface BenefitsAAGWidgetProps {
+}
+
+const BenefitsAAGWidget = () => {
+
+ return (
+
+//
+
+//
+
+ );
+};
+
+export default BenefitsAAGWidget;
\ No newline at end of file
diff --git a/src/components/DashboardHeader.tsx b/src/components/DashboardHeader.tsx
new file mode 100644
index 0000000..f8cb5f4
--- /dev/null
+++ b/src/components/DashboardHeader.tsx
@@ -0,0 +1,36 @@
+import classnames from 'classnames';
+
+interface DashboardHeaderProps {
+ userDisplayName: string;
+}
+
+const DashboardHeader: React.FCBenefits At A Glance
+CLASSIC 5K 100/5000
+
+
+
+
+ Physician Visit
+Specialist Visit
+Urgent Care
+INN-Ind Ded
+INN-Family Ded
+OON-Ind Ded
+OON-Family Ded
+Co-Insurance
+INN-Ind OOP
+INN-Family OOP
+OON-Ind OOP
+OON-Family OOP
+Emergency Room
+Preventive Care
+
+
+ $25.00
+$50.00
+$50.00
+$5,000
+$10,000
+$10,000
+$20,000
+100%/0%
+$5,000
+$10,000
+$10,000
+$20,000
+Ded & Coin
+100%
+
+
+ );
+};
+
+export default DashboardHeader;
\ No newline at end of file
diff --git a/src/components/DashboardPieChart.tsx b/src/components/DashboardPieChart.tsx
index 249ff27..e4883c9 100644
--- a/src/components/DashboardPieChart.tsx
+++ b/src/components/DashboardPieChart.tsx
@@ -1,3 +1,5 @@
+"use client"
+
import { Cell, Pie, PieChart, ResponsiveContainer } from 'recharts';
type TooltipPayload = ReadonlyArray
+ {userDisplayName}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default DeductableProgressWidget;
\ No newline at end of file
diff --git a/src/components/DynamicIcon.tsx b/src/components/DynamicIcon.tsx
new file mode 100644
index 0000000..2ac0612
--- /dev/null
+++ b/src/components/DynamicIcon.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import React, { type SVGProps } from 'react'
+import { IconBaseProps, IconType } from 'react-icons';
+
+import { FaRegIdCard, FaStethoscope } from "react-icons/fa";
+import { LuLayoutDashboard, LuClipboardList } from "react-icons/lu";
+import { IoDocumentsOutline } from "react-icons/io5";
+import { BsClipboardCheck } from "react-icons/bs";
+import { TbProgress } from "react-icons/tb";
+
+interface iconMapType {
+ [key: string]: IconType
+}
+
+const iconMap: iconMapType = {
+ FaRegIdCard: FaRegIdCard,
+ FaStethoscope: FaStethoscope,
+ LuLayoutDashboard: LuLayoutDashboard,
+ LuClipboardList: LuClipboardList,
+ IoDocumentsOutline: IoDocumentsOutline,
+ BsClipboardCheck: BsClipboardCheck,
+ TbProgress: TbProgress
+};
+
+type DynamicIconProps = IconBaseProps & {
+ iconName: string;
+ size?: number;
+};
+
+// interface DynamicIconProps {
+// iconName: string;
+// };
+
+const DynamicIcon: React.FC
+
+ Paid
+
+
+ Deductable Progress
+Remaining
+
+
+ );
+};
+
+export default FindProvider;
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index bb75e82..67bc971 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,4 +1,3 @@
-"use client";
import Image from 'next/image';
import Link from 'next/link';
import { BsLinkedin } from "react-icons/bs";
diff --git a/src/components/InfoCard.tsx b/src/components/InfoCard.tsx
index 8364b3b..8b10518 100644
--- a/src/components/InfoCard.tsx
+++ b/src/components/InfoCard.tsx
@@ -1,5 +1,3 @@
-"use client";
-
import Link from 'next/link';
import { Schibsted_Grotesk } from 'next/font/google'
import classnames from 'classnames';
diff --git a/src/components/InlineLink.tsx b/src/components/InlineLink.tsx
index 247d452..4c0b6e0 100644
--- a/src/components/InlineLink.tsx
+++ b/src/components/InlineLink.tsx
@@ -1,5 +1,3 @@
-"use client";
-
import classnames from 'classnames';
interface InlineLinkProps {
diff --git a/src/components/InsuranceCard.tsx b/src/components/InsuranceCard.tsx
new file mode 100644
index 0000000..31abca8
--- /dev/null
+++ b/src/components/InsuranceCard.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import classnames from 'classnames';
+import Button from '@/components/Button';
+import { FaRegIdCard } from "react-icons/fa";
+
+import { Schibsted_Grotesk } from 'next/font/google'
+const font = Schibsted_Grotesk({ subsets: ['latin'] })
+
+const InsuranceCardWidget = () => {
+
+ return (
+
+
+
+
+ Find A Provider By...
+
+
+
+
+ {/*
+
+
+
+
+
+ );
+};
+
+export default InsuranceCardWidget;
\ No newline at end of file
diff --git a/src/components/LandingPage.tsx b/src/components/LandingPage.tsx
index 22188a9..36488f7 100644
--- a/src/components/LandingPage.tsx
+++ b/src/components/LandingPage.tsx
@@ -1,5 +1,3 @@
-"use client";
-
import { Schibsted_Grotesk } from 'next/font/google'
import classnames from 'classnames';
import InlineLink from "../components/InlineLink";
diff --git a/src/components/LocationSearchInput.tsx b/src/components/LocationSearchInput.tsx
index 206cfdf..2609587 100644
--- a/src/components/LocationSearchInput.tsx
+++ b/src/components/LocationSearchInput.tsx
@@ -1,4 +1,5 @@
-import classNames from 'classnames';
+"use client"
+
import React, { useState } from 'react';
import PlacesAutocomplete, {
geocodeByAddress,
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index ea980ed..693a418 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -75,7 +75,6 @@ export interface MenuItem {
// ];
const Navbar = () => {
-
const [isScrolled, setIsScrolled] = useState(false);
useEffect(() => {
diff --git a/src/components/QuickAccessLinks.tsx b/src/components/QuickAccessLinks.tsx
new file mode 100644
index 0000000..194b3eb
--- /dev/null
+++ b/src/components/QuickAccessLinks.tsx
@@ -0,0 +1,48 @@
+import { Schibsted_Grotesk } from 'next/font/google'
+import classnames from 'classnames';
+import InlineLink from "@/components/InlineLink";
+
+const font = Schibsted_Grotesk({ subsets: ['latin'] })
+
+export interface QuickLink {
+ display: string;
+ url: string;
+}
+
+interface QuickAccessLinksProps {
+ imageUrl: string;
+ quickLinks: QuickLink[];
+
+}
+
+const QuickAccessLinks: React.FCMy Card
+
+
+
+ |
+ +
+
+ );
+};
+
+export default QuickAccessLinks;
\ No newline at end of file
diff --git a/src/components/RecentClaimsWidget.tsx b/src/components/RecentClaimsWidget.tsx
new file mode 100644
index 0000000..dce5887
--- /dev/null
+++ b/src/components/RecentClaimsWidget.tsx
@@ -0,0 +1,96 @@
+"use client";
+
+import classnames from 'classnames';
+import Button from '@/components/Button';
+
+import { Schibsted_Grotesk } from 'next/font/google'
+const font = Schibsted_Grotesk({ subsets: ['latin'] })
+
+interface RecentClaimsWidgetProps {
+}
+
+const RecentClaimsWidget = () => {
+
+ return (
+
+
+
+
+
+
+ Quick Access to Your Services
+
+ -
+ {quickLinks.map((quickLink) => (
+
{quickLink.display}
+ ))}
+
+
+
+ 
+
+
+
+
+ );
+};
+
+export default RecentClaimsWidget;
\ No newline at end of file
diff --git a/src/components/SideNav.tsx b/src/components/SideNav.tsx
new file mode 100644
index 0000000..47763d9
--- /dev/null
+++ b/src/components/SideNav.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import React, { useState, ComponentType } from 'react';
+import classnames from 'classnames';
+
+import DynamicIcon from './DynamicIcon';
+import { NavItems } from '@/lib/dashboard';
+
+import { FaArrowCircleLeft, FaArrowCircleRight } from "react-icons/fa";
+import { TbCircleArrowLeft, TbCircleArrowRight } from "react-icons/tb";
+import { PiBreadFill } from "react-icons/pi";
+
+import Button from './Button';
+
+
+interface SideNavProps {
+ maxWidth: string;
+ bgColor: string;
+ navItems: NavItems[];
+}
+
+const SideNav: React.FC
+
+
+
+ Recent Claims
+
+
+
+
+
+
+
+
+ LA'BLAH, ROBERT
+
+
+ HOUSE, GREGORY
+
+
+ 07/21/2025
+
+
+
+
+
+
+
+ LA'BLAH, ROBERT
+
+
+ QUINN, MICHAELA
+
+
+ 07/02/2025
+
+
+
+
+
+
+
+ LA'BLAH, JENNY
+
+
+ HOWSER, DOGGIE
+
+
+ 05/15/2025
+
+
+
+
+
+
+
+ LA'BLAH, ROBERT
+
+
+ HOUSE, GREGORY
+
+
+ 04/29/2025
+
+
+
+
+
+
+
+
+ {navItems.map((navItem, index) => (
+
+ {isSidebarOpen ? (
+ <>{navItem.title}
+ ) : (
+
+ );
+}
+
+export default SideNav;
\ No newline at end of file
diff --git a/src/components/SideNavTemp.tsx b/src/components/SideNavTemp.tsx
new file mode 100644
index 0000000..4643caa
--- /dev/null
+++ b/src/components/SideNavTemp.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import React, { useState } from 'react';
+
+
+interface SideNavTempProps {
+ idk?: string
+}
+
+const SideNavTemp: React.FC
+ {/* Sidebar */}
+
+ );
+}
+
+export default SideNavTemp;
\ No newline at end of file
diff --git a/src/components/Tagline.tsx b/src/components/Tagline.tsx
index af1f63b..05016e1 100644
--- a/src/components/Tagline.tsx
+++ b/src/components/Tagline.tsx
@@ -1,5 +1,3 @@
-"use client";
-
import { textColor, bgColor } from '@/interfaces/common'
interface TaglineProps {
diff --git a/src/components/TextImage50.tsx b/src/components/TextImage50.tsx
index 85fb0e8..8d817b8 100644
--- a/src/components/TextImage50.tsx
+++ b/src/components/TextImage50.tsx
@@ -1,6 +1,3 @@
-"use client";
-
-import React, { useState } from 'react';
import classnames from 'classnames';
interface TextImage50Props {
diff --git a/src/lib/dashboard.tsx b/src/lib/dashboard.tsx
new file mode 100644
index 0000000..9571d3d
--- /dev/null
+++ b/src/lib/dashboard.tsx
@@ -0,0 +1,50 @@
+
+export interface NavItems {
+ title: string;
+ url: string;
+ iconName: string;
+}
+
+interface sideNavGroups {
+ [key: string]: NavItems[]
+}
+
+export const sideNavItems: sideNavGroups = {
+ "member": [
+ {
+ title: "Dashboard",
+ url: "/",
+ iconName: "LuLayoutDashboard"
+ },
+ {
+ title: "My Plan & Benefits",
+ url: "/",
+ iconName: "LuClipboardList"
+ },
+ {
+ title: "Plan Utilization",
+ url: "/",
+ iconName: "TbProgress"
+ },
+ {
+ title: "Claims & Authorizations",
+ url: "/",
+ iconName: "BsClipboardCheck"
+ },
+ {
+ title: "Providers & Services",
+ url: "/",
+ iconName: "FaStethoscope"
+ },
+ {
+ title: "Insurance Card",
+ url: "/",
+ iconName: "FaRegIdCard"
+ },
+ {
+ title: "Benefits Documents",
+ url: "/",
+ iconName: "IoDocumentsOutline"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/middleware.ts b/src/middleware.ts
new file mode 100644
index 0000000..51cccc2
--- /dev/null
+++ b/src/middleware.ts
@@ -0,0 +1,13 @@
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
+
+export function middleware(request: NextRequest) {
+ const headers = new Headers(request.headers);
+ headers.set("x-current-path", request.nextUrl.pathname);
+ return NextResponse.next({ headers });
+}
+
+export const config = {
+ matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)" // Exclude API routes, static files, etc.
+ ],
+};
\ No newline at end of file
diff --git a/src/pages/_app.tsx b/src/pages/_appold.tsx
similarity index 100%
rename from src/pages/_app.tsx
rename to src/pages/_appold.tsx
+
+
+ {isSidebarOpen ? (
+
+ My App
+ ) : ( +M
+ )} + + {/* Navigation Links */} +-
+
- Link 1 +
- Link 2 +