remco/EpicNext-Cms
1
1 Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(site): satisfy theme-color and avatar contract tests for landing redesign
CI / check (push) Successful in 2m36s
Details
CI / deploy (push) Successful in 1m28s
Details
CI / publish-container (push) Successful in 46s
Details

Browse Source
This commit is contained in:
openhands committed 2026-09-12 15:51:22 +02:00
1 parent 741f01e897
commit cc58f16230
6 files changed
+117 -44
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/(site)/page.tsx
+15 -15
View File
@@ -173,7 +173,7 @@ export default async function Home() {
<div className="relative z-10 grid items-center gap-10 px-4 py-10 sm:px-7 sm:py-14 lg:grid-cols-[1.15fr_0.85fr] lg:px-10 lg:py-16">
{/* Left: copy */}
<div className="flex flex-col items-start">
<span className="inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3.5 py-1.5 text-[11px] font-extrabold uppercase tracking-widest text-white/80">
<span className="inline-flex items-center gap-2 rounded-full border border-white/10 landing-chip px-3.5 py-1.5 text-[11px] font-extrabold uppercase tracking-widest landing-text-secondary">
<span className="relative flex h-2 w-2">
<span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-[var(--color-primary)] opacity-75" />
<span className="relative inline-flex h-2 w-2 rounded-full bg-[var(--color-primary)]" />
@@ -185,12 +185,12 @@ export default async function Home() {
)}
</span>
<h1 className="mt-6 text-4xl font-black leading-[1.02] tracking-tight text-white sm:text-5xl lg:text-6xl">
<h1 className="mt-6 text-4xl font-black leading-[1.02] tracking-tight landing-text-primary sm:text-5xl lg:text-6xl">
{tp("welcome", { hotelName: "" }).trim()}
<TypewriterText text={hotelName} className="text-gradient" />
</h1>
<p className="mt-5 max-w-xl text-sm leading-relaxed text-white/60 sm:text-base md:text-lg">
<p className="mt-5 max-w-xl text-sm leading-relaxed landing-text-muted sm:text-base md:text-lg">
{tp("welcomeBody")}
</p>
@@ -233,7 +233,7 @@ export default async function Home() {
<div className="relative hidden items-center justify-center md:flex">
<span className="hero-halo h-80 w-80" />
<div
className="relative z-10 w-full max-w-[26rem] -rotate-2 rounded-3xl border border-white/15 bg-white/5 p-7 shadow-2xl backdrop-blur-xl transition-transform duration-500 hover:rotate-0"
className="relative z-10 w-full max-w-[26rem] -rotate-2 rounded-3xl border border-white/15 landing-chip p-7 shadow-2xl backdrop-blur-xl transition-transform duration-500 hover:rotate-0"
style={{
boxShadow:
"0 40px 90px -30px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.1)",
@@ -254,11 +254,11 @@ export default async function Home() {
className="h-auto w-full object-contain drop-shadow-[0_8px_20px_rgba(0,0,0,0.4)]"
unoptimized
/>
<p className="mt-4 text-center text-sm leading-relaxed text-white/50">
<p className="mt-4 text-center text-sm leading-relaxed landing-text-faint">
{tp("welcomeSubtitle")}
</p>
<div className="mt-5 space-y-2.5">
<div className="h-2 rounded-full bg-white/10">
<div className="h-2 rounded-full landing-chip-strong">
<div
className="h-full rounded-full"
style={{
@@ -268,7 +268,7 @@ export default async function Home() {
}}
/>
</div>
<div className="h-2 rounded-full bg-white/10">
<div className="h-2 rounded-full landing-chip-strong">
<div
className="h-full w-1/2 rounded-full"
style={{
@@ -281,10 +281,10 @@ export default async function Home() {
</div>
<div className="absolute -left-4 top-8 z-20 rounded-2xl border border-white/15 bg-[#0b1020]/80 p-3.5 pl-4 backdrop-blur-xl animate-float">
<p className="m-0 text-lg font-black leading-none text-white">
<p className="m-0 text-lg font-black leading-none landing-text-primary">
<LiveOnlineCounter initial={online ?? 0} />
</p>
<p className="mt-1 text-[10px] font-bold uppercase tracking-widest text-white/50">
<p className="mt-1 text-[10px] font-bold uppercase tracking-widest landing-text-faint">
{tp("statsOnline")}
</p>
</div>
@@ -293,10 +293,10 @@ export default async function Home() {
className="absolute -right-4 bottom-8 z-20 rounded-2xl border border-white/15 bg-[#0b1020]/80 p-3.5 pl-4 backdrop-blur-xl animate-float"
style={{ animationDelay: "1.2s" }}
>
<p className="m-0 text-lg font-black leading-none text-white">
<p className="m-0 text-lg font-black leading-none landing-text-primary">
<AnimatedCounter value={users ?? 0} />
</p>
<p className="mt-1 text-[10px] font-bold uppercase tracking-widest text-white/50">
<p className="mt-1 text-[10px] font-bold uppercase tracking-widest landing-text-faint">
{tp("statsCitizens")}
</p>
</div>
@@ -309,12 +309,12 @@ export default async function Home() {
{stats.map((s) => (
<div
key={s.label}
className="rounded-2xl border border-white/10 bg-white/5 p-4 transition-all duration-300 hover:-translate-y-0.5 hover:border-[color-mix(in_srgb,var(--color-primary)_40%,transparent)]"
className="rounded-2xl border border-white/10 landing-chip p-4 transition-all duration-300 hover:-translate-y-0.5 hover:border-[color-mix(in_srgb,var(--color-primary)_40%,transparent)]"
>
<div className="flex items-center justify-between gap-2">
<span className="text-2xl font-black tracking-tight text-white sm:text-3xl">
<span className="text-2xl font-black tracking-tight landing-text-primary sm:text-3xl">
{s.value === null ? (
<span className="text-sm font-bold text-white/50">
<span className="text-sm font-bold landing-text-faint">
{te("unavailable")}
</span>
) : s.live ? (
@@ -332,7 +332,7 @@ export default async function Home() {
unoptimized
/>
</div>
<p className="mt-1 text-[10px] font-bold uppercase tracking-widest text-white/50 sm:text-xs">
<p className="mt-1 text-[10px] font-bold uppercase tracking-widest landing-text-faint sm:text-xs">
{s.label}
</p>
</div>