chore: remove Features and Client/Play sections from homepage
Deploy / release (push) Successful in 8s
Deploy / deploy (push) Skipped

- Remove generic Features section (4 cards) to declutter
- Remove Client/Play CTA section (redundant with hero buttons)
This commit is contained in:
openhands committed 2026-07-24 14:16:02 +02:00
1 parent e8ade7afa3
commit fee71fe7dc
1 file changed
-80
-80
View File
@@ -389,86 +389,6 @@ export default async function Home() {
</Reveal>
</div>
{/* ── Features ── */}
<Reveal>
<div className="overflow-hidden rounded-xl border" style={{ borderColor: "color-mix(in srgb, var(--color-text-muted) 12%, transparent)", backgroundColor: "var(--color-surface)" }}>
<div
className="flex items-center gap-2.5 px-4 py-3"
style={{
background: "linear-gradient(140deg, #5a2d82 0%, #6b3a9e 20%, #7d47b8 40%, #8f54d0 60%, #7d47b8 75%, #6b3a9e 90%, #5a2d82 100%)",
}}
>
<Image src="/assets/images/icons/star.gif" alt="" width={18} height={18} unoptimized />
<h2 className="text-sm font-bold text-white" style={{ fontFamily: "var(--font-nunito)" }}>
{hotelName} Features
</h2>
</div>
<div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-px p-4" style={{ background: "color-mix(in srgb, var(--color-text-muted) 6%, transparent)" }}>
{[
{ img: "/assets/images/icons/navigation/me.png", title: tp("featuresAvatar"), desc: tp("featuresAvatarDesc") },
{ img: "/assets/images/icons/catalog.png", title: tp("featuresFurniture"), desc: tp("featuresFurnitureDesc") },
{ img: "/assets/images/icons/navigation/community.png", title: tp("featuresCommunity"), desc: tp("featuresCommunityDesc") },
{ img: "/assets/images/icons/navigation/bb.png", title: tp("featuresGames"), desc: tp("featuresGamesDesc") },
].map((f) => (
<div
key={f.title}
className="rounded-lg p-4 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg"
style={{ background: "var(--color-surface)" }}
>
<div
className="w-11 h-11 rounded-xl flex items-center justify-center mb-3"
style={{ background: "color-mix(in srgb, var(--color-primary) 14%, transparent)" }}
>
<Image src={f.img} alt="" width={24} height={24} unoptimized />
</div>
<h3 className="text-sm font-extrabold mb-1" style={{ color: "var(--color-text-readable)" }}>
{f.title}
</h3>
<p className="text-xs leading-relaxed" style={{ color: "var(--color-text-muted)" }}>
{f.desc}
</p>
</div>
))}
</div>
</div>
</Reveal>
{/* ── Client / Play ── */}
<Reveal>
<div className="relative overflow-hidden rounded-xl border animate-gradient" style={{
borderColor: "color-mix(in srgb, var(--color-primary) 20%, transparent)",
background: "linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)), color-mix(in srgb, var(--color-primary) 3%, var(--color-surface)), color-mix(in srgb, var(--color-accent) 4%, var(--color-surface)))",
}}>
<div className="flex flex-col md:flex-row items-center gap-6 px-6 py-7">
<div className="shrink-0">
<div className="w-14 h-14 rounded-2xl flex items-center justify-center" style={{ background: "color-mix(in srgb, var(--color-primary) 14%, transparent)" }}>
<Image src="/assets/images/icons/navigation/shop.png" alt="" width={28} height={28} unoptimized />
</div>
</div>
<div className="flex-1 text-center md:text-left">
<h3 className="text-lg font-extrabold mb-0.5" style={{ color: "var(--color-text-readable)", fontFamily: "var(--font-nunito)" }}>
{th("nitroClient")}
</h3>
<p className="text-sm" style={{ color: "var(--color-text-muted)" }}>
{tp("welcomeBody")}
</p>
</div>
<Link
href="/client"
className="inline-flex items-center gap-2 font-extrabold text-sm px-6 py-3 rounded-xl transition-all duration-200 hover:scale-[1.03] active:scale-95 shadow-lg shrink-0 animate-pulse-glow"
style={{
background: "var(--color-primary)",
color: "var(--color-primary-foreground)",
boxShadow: "0 4px 20px color-mix(in srgb, var(--color-primary) 30%, transparent)",
}}
>
<Image src="/assets/images/EnterHubbly.png" alt="" width={18} height={18} unoptimized />
{th("nitroClient")}
</Link>
</div>
</div>
</Reveal>
{/* ── Online users ── */}
{recentUsers.length > 0 && (
<Reveal>