Skip to content

Commit 63d7ce2

Browse files
theBeardAtheBeardA
committed
add shutdown banner
1 parent fea38c0 commit 63d7ce2

5 files changed

Lines changed: 109 additions & 4 deletions

File tree

‎src/components/Navbar/index.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -382,12 +382,13 @@ export const Navbar: React.FC<NavbarProps> = ({
382382
return (
383383
<div
384384
className={cn(
385-
'sticky top-0 z-50 w-full px-24',
385+
'sticky z-50 w-full px-24',
386386
{
387387
fixed: variant === 'fixed',
388388
},
389389
wrapperClassName,
390390
)}
391+
style={{ top: '60px' }}
391392
>
392393
<div className="absolute top-0 -z-1 -mx-24 h-80 w-full bg-gray-dark-1/70 backdrop-blur-sm [mask-image:linear-gradient(to_bottom,rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,0))]"></div>
393394
<nav

‎src/components/ShutdownBanner.tsx‎

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
import Link, { Target } from '@components/Link';
2+
import { cn } from '@utils/cn';
3+
import { FaExclamationTriangle } from 'react-icons/fa';
4+
5+
export const ShutdownBanner = () => {
6+
return (
7+
<div
8+
className="fixed left-0 right-0 top-0 w-full px-16 py-12 sm:px-24"
9+
style={{
10+
zIndex: 9999,
11+
backgroundColor: '#7f1d1d',
12+
borderBottom: '1px solid #dc2626',
13+
}}
14+
>
15+
<div className="mx-auto flex max-w-[1300px] items-center justify-center gap-12 text-center sm:gap-16">
16+
<FaExclamationTriangle
17+
className="hidden shrink-0 sm:block"
18+
style={{ width: '20px', height: '20px', color: '#fbbf24' }}
19+
/>
20+
21+
<div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:gap-8">
22+
<div className="flex items-center gap-8 sm:hidden">
23+
<FaExclamationTriangle
24+
className="shrink-0"
25+
style={{ width: '16px', height: '16px', color: '#fbbf24' }}
26+
/>
27+
<span
28+
className="tracking-wide font-plex-sans text-14 font-bold uppercase sm:text-15"
29+
style={{ color: '#fbbf24' }}
30+
>
31+
Service Shutdown Notice
32+
</span>
33+
</div>
34+
35+
<span
36+
className="tracking-wide hidden font-plex-sans text-14 font-bold uppercase sm:block sm:text-15"
37+
style={{ color: '#fbbf24' }}
38+
>
39+
Service Shutdown Notice
40+
</span>
41+
42+
<span
43+
className="font-plex-sans text-13 font-medium leading-relaxed sm:text-14"
44+
style={{ color: '#ffffff' }}
45+
>
46+
Fleek Hosting and Eliza Agents service will be permanently shut down
47+
on{' '}
48+
<span className="font-bold" style={{ color: '#fcd34d' }}>
49+
January 31, 2026
50+
</span>
51+
. All data and access will cease. Migrate your services immediately.
52+
</span>
53+
</div>
54+
55+
<Link
56+
href="https://resources.fleek.xyz/support/"
57+
target={Target.Blank}
58+
rel="noopener noreferrer"
59+
className={cn(
60+
'rounded-md hidden shrink-0 px-16 py-8',
61+
'font-plex-sans text-13 font-bold transition-all',
62+
'sm:block',
63+
)}
64+
style={{
65+
backgroundColor: '#fbbf24',
66+
border: '1px solid #fbbf24',
67+
color: '#7f1d1d',
68+
}}
69+
>
70+
Learn More
71+
</Link>
72+
</div>
73+
74+
{/* Mobile button */}
75+
<div className="mt-12 flex justify-center sm:hidden">
76+
<Link
77+
href="https://fleek.xyz/support"
78+
target={Target.Blank}
79+
rel="noopener noreferrer"
80+
className={cn(
81+
'rounded-md px-20 py-10',
82+
'font-plex-sans text-13 font-bold transition-all',
83+
)}
84+
style={{
85+
backgroundColor: '#fbbf24',
86+
border: '1px solid #fbbf24',
87+
color: '#7f1d1d',
88+
}}
89+
>
90+
Learn More
91+
</Link>
92+
</div>
93+
</div>
94+
);
95+
};

‎src/layouts/BaseHtml.astro‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import settings from '@base/settings.json';
77
import Trackers from '@components/Tracking/Trackers.astro';
88
99
import { Announcement } from '@components/Announcement';
10+
import { ShutdownBanner } from '@components/ShutdownBanner';
1011
import Footer from '@components/Footer';
1112
import { Navbar } from '@components/Navbar';
1213
import SupportMenu from '@components/Support/SupportMenu';
@@ -257,6 +258,7 @@ const metaTitle = ogMeta['custom_title'] ?? ogMeta?.title;
257258
customBodyClass,
258259
)}
259260
>
261+
{!singlePage && <ShutdownBanner />}
260262
{
261263
!singlePage && (
262264
<>
@@ -274,7 +276,8 @@ const metaTitle = ogMeta['custom_title'] ?? ogMeta?.title;
274276
}
275277
<div
276278
class={cn(
277-
'relative w-full self-center px-24 py-32 xl:max-w-[1066px] 2xl:max-w-[1300px]',
279+
'relative w-full self-center px-24 xl:max-w-[1066px] 2xl:max-w-[1300px]',
280+
!singlePage ? 'pt-[120px] pb-32' : 'py-32',
278281
customContentWrapperClass,
279282
)}
280283
>

‎src/layouts/ElizaHtml.astro‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import Trackers from '@components/Tracking/Trackers.astro';
66
77
import { Navbar } from '@components/Navbar';
88
import { generateCanonicalUrl } from '@utils/generateCanonicalUrl';
9+
import { ShutdownBanner } from '@components/ShutdownBanner';
910
1011
interface Props {
1112
title: string;
@@ -226,6 +227,7 @@ const metaTitle = ogMeta['custom_title'] ?? ogMeta?.title;
226227
<body
227228
class="relative flex min-h-dvh flex-col bg-black [scrollbar-gutter:stable]"
228229
>
230+
<ShutdownBanner />
229231
<Navbar
230232
client:load
231233
pathname={Astro.url.pathname}
@@ -234,7 +236,7 @@ const metaTitle = ogMeta['custom_title'] ?? ogMeta?.title;
234236
variant="fixed"
235237
/>
236238
<div
237-
class="relative w-full max-w-[1300px] flex-1 self-center px-24 pt-[10rem] xl:max-w-[1066px] xl:px-0 2xl:max-w-[1300px]"
239+
class="relative w-full max-w-[1300px] flex-1 self-center px-24 pt-[12rem] xl:max-w-[1066px] xl:px-0 2xl:max-w-[1300px]"
238240
>
239241
<slot />
240242
</div>

‎src/layouts/LandingPageHtml.astro‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import { getSiteUrl } from '@utils/url';
44
import settings from '@base/settings.json';
55
import Trackers from '@components/Tracking/Trackers.astro';
66
import { generateCanonicalUrl } from '@utils/generateCanonicalUrl';
7+
import { ShutdownBanner } from '@components/ShutdownBanner';
78
89
const baseUrl = getSiteUrl();
910
const canonicalUrl = generateCanonicalUrl();
@@ -206,6 +207,9 @@ const canonicalUrl = generateCanonicalUrl();
206207
<body
207208
class="relative flex flex-col bg-neutral-1 font-inter text-14 tracking-[-0.06em] text-gray-dark-11 [scrollbar-gutter:stable] selection:bg-yellow-dark-9 selection:text-black"
208209
>
209-
<slot />
210+
<ShutdownBanner />
211+
<div class="mt-[60px] sm:mt-[70px]">
212+
<slot />
213+
</div>
210214
</body>
211215
</html>

0 commit comments

Comments
 (0)