From 265ad08dcd9e081f8ab15944a90f9cc7625da5e7 Mon Sep 17 00:00:00 2001
From: MichalC <103170279+wSBMichalee@users.noreply.github.com>
Date: Thu, 3 Sep 2026 09:21:32 +0200
Subject: [PATCH] feat(footer): add availability status pill to footer bottom
 bar

---
 src/app/(frontend)/layout.tsx   |  9 ++++++++-
 src/components/Footer/index.tsx | 17 ++++++++++++++++-
 src/globals/Footer.ts           | 18 ++++++++++++++++++
 src/payload-types.ts            | 10 ++++++++++
 4 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/src/app/(frontend)/layout.tsx b/src/app/(frontend)/layout.tsx
index f5031c1..21c01cb 100644
--- a/src/app/(frontend)/layout.tsx
+++ b/src/app/(frontend)/layout.tsx
@@ -59,7 +59,14 @@ export default async function RootLayout({
           <LanguageSlugsProvider>
             <Header navItems={headerNavItems} />
             <main className="min-h-screen pt-24">{children}</main>
-            <Footer navItems={footerNavItems} companyInfo={companyData} association={footerData.association} copyright={footerData.copyright} creator={footerData.creator} />
+            <Footer 
+              navItems={footerNavItems} 
+              companyInfo={companyData} 
+              association={footerData.association} 
+              copyright={footerData.copyright} 
+              creator={footerData.creator} 
+              availability={footerData.availabilityStatus}
+            />
             
             {/* Floating WhatsApp Button */}
             <a 
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index a4d3a64..f5e5174 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -12,12 +12,14 @@ export function Footer({
   association = {},
   copyright,
   creator,
+  availability,
 }: { 
   navItems?: any[];
   companyInfo?: any;
   association?: any;
   copyright?: any;
   creator?: any;
+  availability?: any;
 }) {
   const pathname = usePathname();
   
@@ -48,6 +50,11 @@ export function Footer({
   const creatorName = creator?.name;
   const creatorUrl = creator?.url;
 
+  const currentAvailability = availability?.[currentLocaleCode] || availability?.pl || availability || {};
+  const defaultAvailText = currentLocaleCode === 'de' ? 'Ich nehme derzeit neue Mandanten an' : 'Przyjmuję obecnie nowych klientów';
+  const availText = currentAvailability?.text || defaultAvailText;
+  const isAvailable = currentAvailability?.available !== false;
+
   return (
     <footer className="bg-card py-16 md:py-24 mt-auto">
       <div className="container-premium grid grid-cols-1 md:grid-cols-3 gap-16 md:gap-12">
@@ -150,7 +157,15 @@ export function Footer({
       </div>
 
       <div className="container-premium mt-16 pt-8 border-t border-border flex flex-col md:flex-row justify-between items-center gap-6 text-sm text-foreground/50">
-        <p>{copyrightText}</p>
+        <div className="flex flex-col sm:flex-row items-center gap-4 sm:gap-6">
+          {availText && (
+            <div className="inline-flex items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 text-xs font-medium text-foreground/80 shadow-xs">
+              <span className={`w-2 h-2 rounded-full shrink-0 ${isAvailable ? 'bg-green-500' : 'bg-foreground/40'}`} />
+              <span>{availText}</span>
+            </div>
+          )}
+          <p>{copyrightText}</p>
+        </div>
         {(creatorName || creatorLabel) && (
           <p className="flex items-center gap-2 font-medium">
             {creatorLabel && <span>{creatorLabel}</span>} 
diff --git a/src/globals/Footer.ts b/src/globals/Footer.ts
index 006f925..85c4261 100644
--- a/src/globals/Footer.ts
+++ b/src/globals/Footer.ts
@@ -18,6 +18,24 @@ export const Footer: GlobalConfig = {
         },
       ],
     },
+    {
+      name: 'availabilityStatus',
+      type: 'group',
+      localized: true,
+      fields: [
+        {
+          name: 'text',
+          type: 'text',
+          required: true,
+          defaultValue: 'Przyjmuję obecnie nowych klientów',
+        },
+        {
+          name: 'available',
+          type: 'checkbox',
+          defaultValue: true,
+        },
+      ],
+    },
     {
       name: 'association',
       type: 'group',
diff --git a/src/payload-types.ts b/src/payload-types.ts
index 15f5b0a..60ad5b8 100644
--- a/src/payload-types.ts
+++ b/src/payload-types.ts
@@ -915,6 +915,10 @@ export interface Footer {
         id?: string | null;
       }[]
     | null;
+  availabilityStatus: {
+    text: string;
+    available?: boolean | null;
+  };
   association?: {
     title?: string | null;
     logo?: (number | null) | Media;
@@ -1138,6 +1142,12 @@ export interface FooterSelect<T extends boolean = true> {
         page?: T;
         id?: T;
       };
+  availabilityStatus?:
+    | T
+    | {
+        text?: T;
+        available?: T;
+      };
   association?:
     | T
     | {