Add MailX promo banners to home and header
Update next-env.d.ts to new routes types path
keypair34 committed
May 8, 2026 at 08:34 UTC
575d67e8f1e49afcec9b4fc87cf7eaac7ec4fb45
3 files changed
+37
-1
app/page.tsx
+24
@@ -87,6 +87,30 @@ export default function Home() {
87
apps. No Docker. No config files. Just ship.
88
</p>
89
90
+ <div className="mx-auto mt-8 max-w-2xl rounded-2xl border border-amber-200/80 bg-white/80 px-5 py-4 text-left shadow-sm dark:border-amber-500/20 dark:bg-white/[0.04]">
91
+ <p className="text-xs font-bold uppercase tracking-[0.2em] text-amber-700 dark:text-amber-300">
92
+ New from smbCloud
93
+ </p>
94
+ <div className="mt-2 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
95
+ <div>
96
+ <p className="text-base font-semibold text-slate-900 dark:text-white">
97
+ Get a free @smbcloud.xyz inbox with smbCloud MailX
98
+ </p>
99
+ <p className="mt-1 text-sm text-slate-600 dark:text-slate-400">
100
+ Create your account in MailX. No verification email.
101
+ </p>
102
+ </div>
103
+ <Link
104
+ href="https://console.smbcloud.xyz/signup-mailx"
105
+ target="_blank"
106
+ rel="noopener noreferrer"
107
+ className="inline-flex shrink-0 items-center justify-center rounded-lg bg-slate-900 px-4 py-2.5 text-sm font-semibold text-white transition-colors hover:bg-slate-800 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-100"
108
+ >
109
+ Create account →
110
+ </Link>
111
+ </div>
112
+ </div>
113
+
114
<div className="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row">
115
<Link
116
href="https://console.smbcloud.xyz"
components/header.tsx
+12
@@ -4,6 +4,18 @@ import { ModeToggle } from "./mode-toggle";
4
export default function Header() {
5
return (
6
<header className="sticky top-0 z-50 border-b border-slate-200/60 dark:border-white/[0.06] bg-white/80 dark:bg-[#0A0E14]/90 backdrop-blur-md">
7
+ <div className="border-b border-slate-200/60 bg-slate-900 text-white dark:border-white/[0.06] dark:bg-[#11162A]">
8
+ <div className="mx-auto flex max-w-5xl items-center justify-center px-6 py-2 text-center text-[11px] font-medium tracking-wide text-slate-200 lg:px-8">
9
+ <Link
10
+ href="https://console.smbcloud.xyz/signup-mailx"
11
+ target="_blank"
12
+ rel="noopener noreferrer"
13
+ className="transition-colors hover:text-white"
14
+ >
15
+ Get a free @smbcloud.xyz inbox with smbCloud MailX →
16
+ </Link>
17
+ </div>
18
+ </div>
19
<div className="mx-auto max-w-5xl px-6 lg:px-8">
20
<div className="flex h-14 items-center justify-between">
21
{/* Logo wordmark */}
next-env.d.ts
+1
-1
@@ -1,6 +1,6 @@
1
/// <reference types="next" />
2
/// <reference types="next/image-types/global" />
3
-import "./.next/dev/types/routes.d.ts";
3
+import "./.next/types/routes.d.ts";
4
5
// NOTE: This file should not be edited
6
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.